.advScSl_display_block{display:block;}
.advScSl_display_none{display:none;}

.icon_doScroll{width: 125px; position: absolute; bottom: 5%; opacity: 0;}

.advScSl_container{width:100vw; overflow: hidden; position: relative;}

.advScSl_mobile_container{width: 100vw; display: none; min-height: 250px; position: relative;}
.advScSl_mobile_container img{width: 100vmax;}
.advScSl_mobile_text_container{position: absolute; top: 50%; transform: translateY(-50%); left: 2.5%;}
.advScSl_mobile_text_container h2 {color: white;}

.advScSl_startImage{position:relative !important;}
.btn_float{ padding: 0.25rem 0.75rem; position: absolute; top: 50%; right: 50px; }
.stop-scrolling{height: 100%; overflow: hidden;}

.advScSl_textBox_bg{ position: absolute; padding: 1rem; background-color: rgba(0,0,0,0.75); width: 33%; z-index: 10;}
.advScSl_textBox_bg h2{font-size: 1.5rem; background: -webkit-linear-gradient(0deg, #F1F300 0%, #FBFBCC 35%, #F1F300 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.advScSl_textBox_bg p{font-size: 1rem; color: white;}

.advScSl_textBox_o{ position: absolute; width: 40%; z-index: 10;}
.advScSl_textBox_o h2{font-size: 4rem; color: white;}
.advScSl_textBox_o p{font-size: 1.25rem; color: white;}


.advScSl_image_container img{width: 100vmax; position:absolute; top: 0;}
.advScSl_image_container { overflow:hidden; max-width:100vw; position:relative;}


.advScSl_textBox_centerLeft{top: 50%; left: 5%; transform: translateY(-50%);}
.advScSl_textBox_topLeft{top: 2rem; left: 2rem;}
.advScSl_textBox_bottomLeft{bottom: 2rem; left: 2rem;}

.advScSl_textBox_centerRight{top: 50%; right: 2rem; transform: translateY(-50%);}
.advScSl_textBox_topRight{top: 2rem; right: 2rem;}
.advScSl_textBox_bottomRight{bottom: 2rem; right: 2rem;}

.advScSl_textBox_center{top: 50%; left: 50%; transform: translate(-50%, -50%);}


/* admin */
.admin_container{width: 70%; margin: 0 auto;}
.admin_infoBox{background-color: #FFE0E0; border: 1px solid red; padding: 1rem;}
.admin_valueBox{background-color: #E8FFE6; border: 1px solid lightgreen; padding: 1rem;}
.admin_code_info{color: green;}
.admin_container pre{font-size: 1rem; margin-bottom: 1rem;}
.admin_btn{padding: 0.5rem; text-align: center; background-color: green; cursor: pointer; border-radius: 1rem; color: white;}
.admin_btn:hover, .admin_btn:visited{color: white;}

/* #Media Queries -------------------------------------------- */
@media only screen and (min-width: 1201px) {   
   .advScSl_textBox_o h2{font-size: 3.3vw;}
}

@media only screen and (max-width: 1201px) {   
    .advScSl_mobile_container{display:block;}
    .advScSl_container{display: none;}
    .text_verticalCenter{position: relative; transform: none; margin-top: 5rem; margin-bottom: 5rem;}
 }

@media only screen and (max-width: 720px) {
    .advScSl_textBox_o h2{font-size: 3rem;}
}

@media only screen and (max-width: 450px) {
    .advScSl_textBox_o h2{font-size: 2rem;}
}