.slider_main_div_st {
    display: none;
}

.slider_main_div_st.active {
    display: block;
}


.closeSlider_st {
    width: 4.5vh;
    position: fixed;
    float: right !important;
    right: 213px;
    font-size: 5em !important;
    font-weight: thin;
    /* top: 330px; */
    /* top: 465px; */
    top: 251px;
}

.containerslide.demopreview .resources_st {
    display: none;
    margin-top: 9.4vh;
    margin-left: 57.3vh;
    background: transparent !important;
    width: 58.6vh;
}

.slide_left_st {
    opacity: 0;
}

.slide_right_st {
    opacity: 0;
}

.demo_img_resources_2_Screen_st,
.demo_img_resources_1_Screen_st,
.demo_img_resources_3_Screen_st,
.demo_img_resources_4_Screen_st,
.demo_img_resources_5_Screen_st,
.demo_img_resources_6_Screen_st,
.demo_img_resources_7_Screen_st,
.demo_img_resources_8_Screen_st {
    position: absolute;
    width: 115.6vh;
    top: 16.3vh;
    left: 31.6vh;
    /* border: solid 1px; */
    background: white;
    box-shadow: 0px 0px 12px 4px grey;
}

.slider_div_st {
    position: absolute;
    width: 115.6vh;
    top: 16.3vh;
    left: 31.6vh;
    /* border: solid 1px; */
    background: white;
    box-shadow: 0px 0px 12px 4px grey;
    font-family: 'Gotham-Book';
}

.slidertitle {
    position: absolute;
    top: 3vh;
    left: 3vh;
    color: black;
    font-size: 2.7vh;
    width: 81vh;
    font-family: 'Gotham-Book';
}

.customer_name {
    position: absolute;
    top: 11vh;
    left: 30.9vh;
    color: white;
    font-size: 3.3vh;
    width: 60vh;
    font-family: 'Gotham-Bold';
}

.slidertitle_1 {
    position: absolute;
    top: 29vh;
    left: 30.9vh;
    color: white;
    font-size: 3.3vh;
    width: 60vh;
    font-family: 'Gotham-Book';
}

#sl_3_presentation_date,
#sl_6_presentation_date {
    color: black !important;
}

.st_title {
    height: 5.5vh;
}

.st_date {
    position: absolute;
    top: 2vh;
    right: 3vh;
    width: 33vh;
    color: white;
    font-family: 'Gotham-Book';
    font-size: 2.3vh;
    text-align: right;
}

.st_footer {
    position: absolute;
    right: 3vh;
    color: rgb(0 0 0);
    font-size: 0.86vh;
    width: 60vh;
    font-family: 'Gotham-Book';
    text-align: right;
}

.sl_footer1 {
    top: 61vh;
}

.sl_footer2 {
    top: 62vh;
}

.sl_footer3 {
    top: 63vh;
}


.why_storyboard_st {
    position: absolute;
    top: 14vh;
    left: 9.1vh;
    height: 10vh;
    width: 30.5vh;
    opacity: 1;
}

#why_storyboard_page_img_st img {
    padding-bottom: 0.5vh;
}

#why_storyboard_page_img_st {
    position: absolute;
    width: 91%;
    top: 0.5vh;
    left: 1.5vh;
}

.what_storyboard_st {
    position: absolute;
    top: 29.5vh;
    left: 9.3vh;
    height: 10vh;
    width: 30.5vh;
    opacity: 1;
    /* background: red; */
}

#what_storyboard_page_img_st {
    position: absolute;
    width: 91%;
    top: 0vh;
    left: 1.5vh;
}

.who_storyboard_st {
    position: absolute;
    left: 10.3vh;
    top: 45vh;
    height: 9vh;
    width: 36.5vh;
    /* background: blue; */
}

.how_1_storyboard_st {
    position: absolute;
    left: 43vh;
    top: 14vh;
    height: 28vh;
    width: 25vh;
    opacity: 1;
    /* background: green; */
}

.how_2_storyboard_st {
    position: absolute;
    left: 65vh;
    top: 14vh;
    height: 28vh;
    width: 25vh;
    opacity: 1;
    /* background: green; */
}

.how_3_storyboard_st {
    position: absolute;
    left: 87.5vh;
    top: 14vh;
    height: 28vh;
    width: 25vh;
    opacity: 1;
    /* background: green; */
}

.measurement_storyboard_st {
    position: absolute;
    left: 50vh;
    top: 44vh;
    height: 8.5vh;
    width: 58vh;
    opacity: 1;
    /* background: orange; */
}

#measurement_storyboard_page_img_st .meas_img_div_st {
    /* width: 42%; */
    padding-top: 1.5vh;
    padding-left: 1.5vh;
    padding-right: 2vh;
    vertical-align: text-top;
    display: inline;
    width: 60%;
    position: absolute
}

.meas_img_div_st:nth-child(1) {
    left: 0vh;
}

.meas_img_div_st:nth-child(2) {
    left: 28vh;
}

#how_1_storyboard_page_img_st,
#how_2_storyboard_page_img_st,
#how_3_storyboard_page_img_st {
    position: absolute;
    top: 7.5vh;
    width: 20vh;
}

#how_1_convert_logo_st,
#how_2_convert_logo_st,
#how_3_convert_logo_st {
    position: absolute;
    top: 1vh;
    left: 0vh;
    width: 4vh;
}

#how_1_storyboard_page_img_st img,
#how_2_storyboard_page_img_st img,
#how_3_storyboard_page_img_st img {
    padding-bottom: 0.5vh;
}

#what_storyboard_page_img_st img {
    padding-bottom: 0.5vh;
}


#how_1_convert_title_st,
#how_2_convert_title_st,
#how_3_convert_title_st {
    position: absolute;
    top: 1.2vh;
    left: 5vh;
    color: rgb(83 83 83 / 92%);
    font-size: 1.4vh;
    width: 14.5vh;
    font-family: 'Gotham-Book';
}

.who_p_s {
    position: absolute;
    display: block;
    font-size: 1vh;
    width: 10vh;
    font-family: Gotham-Book;
    vertical-align: middle;
    text-align: center;
}

#firstname_ip_who_1_st {
    top: 0vh;
    left: 1vh;
    overflow-wrap: break-word;
}

#designation_ip_who_1_st {
    top: 0vh;
    left: 13.2vh;
    overflow-wrap: break-word;
}

#address_ip_who_1_st {
    top: 0vh;
    left: 25.35vh;
    overflow-wrap: break-word;
}

#firstname_ip_who_2_st {
    top: 4vh;
    left: 1vh;
    overflow-wrap: break-word;
}

#designation_ip_who_2_st {
    top: 4vh;
    left: 13.2vh;
    overflow-wrap: break-word;
}

#address_ip_who_2_st {
    top: 4vh;
    left: 25.35vh;
    overflow-wrap: break-word;
}

.center_timeline_sl {
    position: absolute;
    width: 112.6vh;
    top: 11.3vh;
    left: 1.5vh;
}



.timeline_p4_st {
    left: 95.6vh;
}

.timeline_p4_0_st {
    top: 31vh;
    left: 93.7vh;
}

.timeline_p4_t_st {
    top: 32vh;
    left: 97.5vh;
}

.timeline_p3_st {
    left: 57vh;
}

.timeline_p3_0_st {
    top: 37vh;
    left: 55vh;
}

.timeline_p3_t_st {
    top: 34.5vh;
    left: 59vh;
}

.timeline_p2_st {
    left: 43vh;
}

.timeline_p2_0_st {
    top: 31vh;
    left: 41vh;
}

.timeline_p2_t_st {
    top: 32vh;
    left: 45vh;
}

.timeline_p1_st {
    left: 6vh;
}

.timeline_p1_0_st {
    top: 37vh;
    left: 4vh;
}

.timeline_p1_t_st {
    top: 34.5vh;
    left: 8vh;
}

/* /////// */
.timeline_t4_st {
    left: 85vh;
}

.timeline_t4_0_st {
    top: 37vh;
    left: 83vh;
}

.timeline_t4_t_st {
    top: 34.5vh;
    left: 87vh;
}

.timeline_t3_st {
    left: 70.5vh;
}

.timeline_t3_0_st {
    top: 31vh;
    left: 68.5vh;
}


.timeline_t3_t_st {
    top: 32vh;
    left: 72.5vh;
}

.timeline_t2_st {
    left: 29.8vh;
}

.timeline_t2_0_st {
    top: 37vh;
    left: 27.8vh;
}

.timeline_t2_t_st {
    top: 34.5vh;
    left: 32vh;
}

.timeline_t1_st {
    left: 16.5vh;
}

.timeline_t1_0_st {
    top: 31vh;
    left: 14.5vh;
}

.timeline_t1_t_st {
    top: 32vh;
    left: 18vh;
}



.timeline_t2_1_st,
.timeline_t4_1_st,
.timeline_p1_1_st,
.timeline_p3_1_st {
    top: 39vh;
}

.timeline_t2_2_st,
.timeline_t4_2_st,
.timeline_p1_2_st,
.timeline_p3_2_st {
    top: 40vh;
}

.timeline_t2_3_st,
.timeline_t4_3_st,
.timeline_p1_3_st,
.timeline_p3_3_st {
    top: 46vh;
}

.timeline_t1_1_st,
.timeline_t3_1_st,
.timeline_p2_1_st,
.timeline_p4_1_st {
    top: 24.5vh;
}

.timeline_t3_2_st,
.timeline_p2_2_st,
.timeline_t1_2_st,
.timeline_p4_2_st {
    top: 17vh;
}

.timeline_t1_3_st,
.timeline_t3_3_st,
.timeline_p2_3_st,
.timeline_p4_3_st {
    top: 9vh;
}


.pr_div_add {
    position: absolute;
    width: 4vh;
    height: 4vh;
    cursor: pointer;
}

.pr_div_add img {
    width: 75%;
    padding: 0.5vh;
}

.pr_div_st {
    position: absolute;
    width: 2.5vh;
}

.pr_div_st p {
    font-size: 1.2vh;
}

.pr_div_st img {
    width: 100%;
}


.tl_div_add {
    position: absolute;
    width: 4vh;
    height: 4vh;
    cursor: pointer;
}

.tl_div_add img {
    width: 75%;
    padding: 0.5vh;
}

.tl_div_st {
    position: absolute;
    width: 2.5vh;
}

.tl_div_st p {
    font-size: 1.2vh;
    font-family: 'Gotham-Book';
}

.tl_div_st img {
    width: 100%;
}

.tl_p_down_1_st {
    position: absolute;
    top: 0vh;
    left: 3vh;
    width: 16vh;
}

.tl_p_down_st {
    position: absolute;
    top: 5vh;
    left: 3vh;
    width: 16vh;
}

.tl_p_up_st {
    position: absolute;
    top: -3vh;
    left: 3vh;
    width: 16vh;
}

.pr_p_up_st {
    position: absolute;
    top: -3vh;
    left: 3vh;
    width: 16vh;
}

.timeline_title_st {
    position: absolute;
    width: 19vh !important;
    font-size: 1.8vh;
    font-family: 'Gotham-Book';
}

#slider_reference_div {
    position: absolute;
    top: 22vh;
    left: 11vh;
    width: 95vh;
}

#slider_footnote_div {
    position: absolute;
    top: 45vh;
    left: 11vh;
    width: 95vh;
}

#slider_referenceNfootnote_div {
    font-family: 'Gotham-Book';
    font-size: 1.2vh;
    position: absolute;
}

#r3_module_footer_background_message1_attr {
    position: absolute;
    width: 49vh;
    top: 9.9vh;
    left: 3.7vh;
    display: none;
}
#r3_module_footer_background_message2_attr {
    position: absolute;
    width: 49vh;
    top: 16.9vh;
    left: 3.7vh;
    display: none;
}