.div_bg {   display: block;  position: absolute;  width: 100%; height:100%;left: 50%; transform: translate(-50%);
    text-align:center; margin: 30px auto auto auto;}
.div_bg1 {   display: none;  position: absolute;  width: auto; height:100%;left: 50%; top: 5%; transform: translate(-50%);
        text-align:center; }
.div_stripe  {display:block;position:fixed;top:40%;left:50%;transform:translate(-50%);width: calc(250px + 30vw); margin: 5% auto auto auto; padding: 2% 1% 1% 1% ;z-index: 1;}

.div_ques {width: auto; height: auto; margin: auto;padding: 1%;}

.div_header {width:auto; display: block;position:fixed; top: 0px;  border-radius: 10px;  text-align: center;
    left: 50%; transform: translate(-50%);  padding: 1% 1% 1% 1%; z-index: 1;}
.div_header_y {width:57%; display: block;position:fixed; top: 0px;  border-radius: 10px;  text-align: center;
    left: 50%; transform: translate(-50%);  padding: 1% 1% 1% 1%; z-index: 1;}
.div_footer {display:block;position:fixed;bottom: 0px;left: 50%;transform:translate(-50%);min-width:200px;width:60%; 
    text-align:center;padding: 1% 1% 0% 1%; }

.div_chevron {display:block;position:fixed;bottom: 0px;right: 0%;z-index:25;color: rgb(133, 132, 132);}

.div_google {display:block;position:fixed;bottom:20%;right:0px;width:20%;min-width:55px;max-width:200px;padding: 1% 1% 1% 1%;}

.div_amazon {display:block;position:fixed;bottom:10%;right:0px;width:20%;min-width:55px;max-width:200px;padding: 1% 1% 1% 1%;}
    
.div_alert {display:none; position:fixed;left:50%;transform:translate(-50%);width:50%;margin:auto;z-index:999;padding: 1% 1% 1% 1%;
    border: 1px solid rgb(255, 60, 60)!important; border-radius: 10px;  text-align: center; }

.div_text {  width: 50%;  display: inline-block; border-radius: 0px 0px 10px 10px; padding: 5% 2% 2% 2%; opacity: 1; 
    background-color:  rgb(189, 189, 189);text-shadow:0px 1px 0px #ffffff;}

.div_list {  width: auto;  display: block; border-radius: 10px; padding: 10% ; margin: 10%; 
        background-color:  rgb(189, 189, 189); border: 0px solid rgb(255, 0, 13);text-shadow:0px 1px 0px #ffffff;}

.div_centered {margin: 5% auto 0% 50%; transform: translate(-50%,0%); width:auto; } 

.div_payments{ display: inline-block;}

.div_inline {display: inline-block; padding:1%; width: 120px;}

.div_for_content {display:block;position:fixed;top: calc(0px + 15vh);left:0px;min-width:70px;width:20%;text-align:center;padding: 1% 1% 1% 1%;}

.div_online{display:block;position:fixed;right:0%;top:5%;width:17%;min-width:40px;max-width:200px;padding: 1% 1% 1% 1%;text-align:justify;}

.but_menu {display:block;position:fixed;top: calc(-5px + 5vh);left:0px;text-align:center;min-width:70px;width:16%;min-height:30px;
    padding: 1.5% 1% 0.5% 1%; z-index:111;}

.menu_content {width:100%; min-height:30px;margin:5px auto auto auto; z-index: 1;text-align:left; padding: 3% 0% 3% 2%; }

.but_buy { display: block;width: auto;height: auto; margin: auto;padding: 1%; z-index: 999;}
.but_buy:hover { cursor: pointer;}

.inline_form {display: inline-block; padding: 5% 1% 5% 1%;  max-width: 300px;min-width: 150px;}

.form_inp { display: inline-block; width: 40%; margin: 5% 2% 5% 2%;padding: 1% 1% 1% 1%; min-width: 150px}
.form_check { min-width: 270px; max-width: 50%; display: block; margin: auto; padding-top: 0%; padding-bottom: 0%;}
.form_radio { display: inline; border-radius: 10px; border: 0px solid rgb(214, 214, 214);}
.form_group { min-width: 220px; max-width: 50%;  display: block; text-align:left;margin: auto; padding: 1% 5% 1% 5%;}
.form_area {display: block; width: 50%; border-radius: 10px; border: 0px solid rgb(218, 218, 218); margin: 5% auto 5% auto; padding: 1%;}

.text_gray {color:#d1d1d1;font-family:Arial;font-size:17px;text-shadow:1px 1px 0px #0047cc;}
.text_gray:hover {color:#e7e7e7;text-shadow:1px 1px 0px #001e57;}

.text_onlinegame {color:#810752;font-family:Arial;text-shadow:2px 2px 2px #5b01af; font-size:18px; font-weight:400;}
.text_onlinegame:hover {color:#68024e;text-shadow:1px 1px 0px #a406d4;}

.text_header {color:#1d51fc; font-family:Arial,Helvetica,sans-serif;font-size:calc(10px + 2vw);font-style:normal;font-weight:600;font-stretch:semi-condensed;}
.text_lblue {color: #0334d4;font-family:Arial,Helvetica,sans-serif;font-size:20px ;font-weight:600;font-stretch:semi-condensed;}
.text_lblue:hover {color: #021964;}

.text_m12{font-size:calc(8px + 0.7vw) !important; font-stretch:semi-condensed ; }
.text_m16{font-size:calc(10px + 1.5vw) !important; font-stretch:semi-condensed ; }
.text_online{font-size:calc(10px + 1.1vw) !important;font-family: Comic, Helvetica,sans-serif;color:#96015d; text-align:justify;} 
.text_footer{color:#1d51fc;font-family:Arial,Helvetica,sans-serif;font-size:calc(10px + 0.5vw)!important;font-weight:300;font-stretch:semi-condensed;}
.text_menu{font-size:calc(8px + 1.2vw);font-weight:600;font-stretch:semi-condensed; color: #04279b;}
.text_inp{font-size:15px;font-weight:600;font-stretch:semi-condensed;}
.textr {color:#e70202; text-align:center;font-family:Arial, Helvetica, sans-serif;font-style: normal;font-size:20px ;font-weight:300;}
.cursor_pnt {cursor: pointer;}

::placeholder {color:#c7c6c6; text-shadow:1px 1px 0px #125be2; text-align: center; }

#color_menu {display: block; position: fixed; top:50px;left:0px;width:auto;height: auto;padding-left: 1%;} 

.dropdown{position: relative;}
.dropdown:hover .dropdown-content{display: block;}  
.dropdown-content {display:none;position:absolute; transform: translate( -35%,-200%); z-index: 1; width:350px;}  

.my_stripe {background:linear-gradient(to bottom, #332fad 5%, #74148c 100%); border-radius:28px;border:1px solid #4819ab;cursor:pointer;}
.my_stripe:hover  {background:linear-gradient(to bottom, #74148c 5%, #332fad 100%); color:#b5ccff;}
.my_stripe:active {background:linear-gradient(to bottom, #74148c 5%, #332fad 100%); color:#b10404;}

.ratio {width: 100%; height: calc(100vw * 0.5625);}
.ratio43 {width: 100%; height: calc(1 / 100vw );}
    
.video { height: 100%; position:fixed; width:100%;   z-index: -999; opacity: 0.2;border:  0px solid rgb(202, 20, 20);}
.clip {position: absolute; width: 100%; height: 100%;object-fit: cover; }
html, body {height: 100vh; margin: 0;}
/*body { display: flex; flex-direction: column;}*/
.gradient { background: linear-gradient(180deg, rgba(93, 90, 250, 0.8),rgb(201, 201, 253) 60%),
    linear-gradient(167deg, rgba(93, 90, 250, 0.8), rgba(0,255,0,0) 90.71%),
    linear-gradient(187deg, rgba(93, 90, 250, 0.8), rgba(255, 106, 86, 0) 70.71%);
    border-radius: 10px; border: 0px solid rgb(247, 43, 43);
    /*background-image: -ms-linear-gradient(top, rgb(5, 0, 190) 0%, rgb(201, 201, 253) 60%);*/
}

.gradient_short { border-radius: 7px; border: 0px solid rgb(255, 0, 13);
    background: linear-gradient(180deg, rgba(93, 90, 250, 0.5),rgb(169, 169, 253) 50%),
    linear-gradient(167deg, rgba(93, 90, 250, 0.8), rgba(0,255,0,0) 90.71%),
    linear-gradient(187deg, rgba(93, 90, 250, 0.8), rgba(255, 106, 86, 0) 70.71%);
    
    /*background-image: -ms-linear-gradient(top, rgb(5, 0, 190) 0%, rgb(201, 201, 253) 60%);*/
}
.gradient_red { border-radius: 7px; border: 0px solid rgb(255, 0, 13);
    background: linear-gradient(180deg, rgba(255, 68, 183, 0.8),rgb(135, 8, 255) 60%),
    linear-gradient(167deg, rgba(255, 68, 183, 0.8), rgba(128, 17, 255, 0) 90.71%),
    linear-gradient(187deg, rgba(255, 68, 183, 0.8), rgba(255, 106, 86, 0) 70.71%);
    
    /*background-image: -ms-linear-gradient(top, rgb(5, 0, 190) 0%, rgb(201, 201, 253) 60%);*/
}
.border { border-radius: 7px; border: 0px solid rgb(255, 0, 13);}
.a_inline {display:inline-block; padding:0%; min-width: 120px; width: auto;  margin: auto; text-decoration:none;color:#1d51fc;}
.a_inline:hover {font-weight: bold;}
.a_inline:active {font-weight: bold;}
.a_inline:visited {font-weight: normal;  text-decoration: none; color:#1d51fc;}

.text_lblue_y {color: #012394;font-family:Arial,Helvetica,sans-serif;font-size:calc(14px + 0.1vw + 0.2vh); ;font-weight:600;font-stretch:semi-condensed;}
/* Landscape */
@media screen and (max-width:750px)  {
    .text_lblue_y {color: #012394;font-family:Arial,Helvetica,sans-serif;font-size:calc(10px + 0.1vw) ;font-weight:300;font-stretch:semi-condensed;}
}
@media screen and (max-height:600px)  {
    .text_lblue_y {color: #012394;font-family:Arial,Helvetica,sans-serif;font-size:calc(9px + 0.1vw) ;font-weight:300;font-stretch:semi-condensed;}
}
/*@media screen and (orientation: portrait) {
    body {
        transform:  rotate(90deg);
    }
  }*/