@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Unica+One&display=swap');

/* Reset and base styles  */
* {
    padding: 0px;
    margin: 0px;
    border: none;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Links */

a, a:link, a:visited  {
    text-decoration: none;
}

a:hover  {
    text-decoration: none;
}

/* Common */

aside, nav, footer, header, section, main {
    display: block;
}

h1, h2, h3, h4, h5, h6, p {
    font-size: inherit;
    font-weight: inherit;
}

ul, ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

img, svg {
    max-width: 100%;
    height: auto;
}

address {
    font-style: normal;
}

/* Form */

input, textarea, button, select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

input::-ms-clear {
    display: none;
}

button, input[type="submit"] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
    outline: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

label {
    cursor: pointer;
}

legend {
    display: block;
}

a, button {
    -webkit-tap-highlight-color: transparent;
}

* {
    background-repeat: no-repeat;
}


/* MAIN CSS ------------------------------------------------------- */

body {
    font-family: 'Montserrat', sans-serif;
    background-color: #000; 
}

@keyframes anim-gradient {
  0%{
    transform: scale(0.8);
  }
  
  50%{
    transform: scale(1.2);
  }
  
  100%{
    transform: scale(0.8);
  }
}

.gradient-container {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1; 
    padding: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;

    overflow: hidden;
}

 
.gradient { 
--size: 6vh;
    --speed: 55s;
    --easing: linear;
    aspect-ratio: 1.2;
    height: 100%;
    filter: blur(calc(var(--size) / 5));
    background-image: radial-gradient(#00000000, #00000000, #00000000, #009fff24, rgb(24 133 190 / 47%));
    background-size: contain;
    background-position: center;
    animation: anim-gradient var(--speed) var(--easing) alternate infinite;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.gallery-column {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}


.gallery-column img {
    width: 120px;
    border-radius: 12px;
}

.main-container {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: space-evenly;

    align-items: center;
}

.main-container h1 {
    color: #e7e7e7;
    font-size: xx-large;
    text-align: center;
}

.main-container .btn-link {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;

    cursor: pointer;
    transition: all 0.2s ease-out;

    width: 450px;
    min-height: 80px;

    padding: 15px 65px 15px 15px;

    border-radius: 99px;
    background-color: #e7e7e7;
}

.main-container .btn-img {
    height: 50px;

    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #e7e7e7;

    color: #1f1f1f;
    font-size: large;

    background-position: center;
    background-size: contain;
}

.btn-link-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.btn-link-container .btn-text {
    flex: 1;
    text-align: center;
    z-index: 1;
    color: #1f1f1f;
    font-size: x-large;
}

#btn-link-1 .btn-img {
    background-image: url("../assets/main_menu/btn_1.jpg");
}

#btn-link-2 .btn-img {
    background-image: url("../assets/main_menu/btn_2.jpg");
}

#btn-link-3 .btn-img {
    background-image: url("../assets/main_menu/btn_3.png");
    background-color: #e7e7e7;
}


@media (hover: none) {
    .main-container .btn-link:active {
        color:  #8524ff;
        transform: scale(.8);
        transition: all 0.2s ease-in;
    }
}

@media (hover: hover) {
    .main-container .btn-link:hover .btn-img {
    }

    .main-container .btn-link:hover {
        color: #8524ff;
        transition: all 0.2s ease-in;
        box-shadow: 0 2px 10px 10px rgba(88, 19, 206, 0.3);

        transform: scale(1.1);
    }

    .main-container .btn-link:active .btn-img {
    }

    .main-container .btn-link:active {
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);

        transition: all 0.1s ease-out;
        transform: scale(1);

    }
}


.main-container .link {
    margin-top: 20px;
    color: #e7e7e7;
    font-size: medium;
}

 
@media screen and (max-width: 70rem) {
    .gradient {
           aspect-ratio: .8;
        --speed: 10s;
    }
  

    .gallery-column img {
        width: 180px;
        border-radius: 20px;
    }

    .main-container {
        display: flex;
        height: 95vh;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        padding: 0;
        gap: 0;
    }

    .main-container h1 {
        font-size: 50px;
    }

    .main-container .link {
        font-size: 40px;
    }

    .main-container .btn-link-container {
        gap: 30px;
    }

    .main-container .btn-img {
        height: 10vw;
    }

    .main-container .btn-text {
        font-size: 45px;
    }

    .main-container .btn-link {
        width: 80vw;
        min-height: 180px;
        padding: 15px calc(10vw + (180px - 10vw) / 2) 15px calc((180px - 10vw) / 2);

    }
}


.pass_view_photon { 
    display: flex;
    align-items: center;
    justify-content: center;
}


.d-flex {
    display: flex;
    justify-content: space-around;
}

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,700&subset=cyrillic,latin);
*{box-sizing: border-box;} 
body{margin: 0 auto; width: 100%;font-family: 'Roboto', sans-serif; }
 

.wrapper{color:#fff;max-width: 800px;margin: 0 auto; position: relative;z-index: 1;display: flex ; align-items: center; justify-content: center;}
.wrapper h1{
    margin: 0px;
    margin-bottom: 0.4rem;
    text-align: center;
    color: white; 
    font-size: 45pt;
    font-family: Inter,Roboto,sans-serif; 
    transform: rotateX(327deg);
    text-shadow: 2px 8px 14px #1b8fd2;
    font-style: italic;
}
.wrapper h2{text-align: center; color: white; font-size: 24pt;font-family: system-ui;text-shadow: 0 0 6px #9709c8;}
.wrapper p{    color: white;
    text-align: center;
    font-size: 14pt; 
    margin: 2rem 0;
    padding: 1.3rem 0.55rem;
    font-family: system-ui;
    text-transform: uppercase; 
}
.wrapper p ico{padding: 40px 0;height: 200px;}
 
.wrapper t a{padding: 15px 30px; border-radius: 40px; text-decoration: none; font-weight: 600; display: inline-flex; box-shadow: 0px 0px 25px 5px rgb(84 77 180 / 50%); position: relative; color: #ffffff; background: #7255de; background: linear-gradient(345deg, #7255de 0%, #3656a9 100%);}
.wrapper t a:hover{background: white; color: black; text-decoration: none; transition: 0.2s;}

 body::-webkit-scrollbar, .wrapper::-webkit-scrollbar{ width: 0;}

body::-webkit-scrollbar-thumb, .wrapper::-webkit-scrollbar-thumb { 
 background-color: #d7e3ec; 
}


tm {
    color: #cea7ff;
    font-size: 1rem;
    position: absolute;
    transform: rotateX(45deg);



}

span.mob {
    display: none;
}

a.red {    box-shadow: 0px 0px 25px 5px rgb(254 129 253 / 50%)!important;
    text-shadow: 1px 1px black;
    background: linear-gradient(345deg, #ff00b0 0%, #ff5757 100%)!important;
}
 
.link-gl:hover {color:#fdcbff}

.sf-6 {
    font-size: 1.6rem;
}

.kasting {
    margin: 1.6rem 0 1rem;
    padding: 1rem 2.5rem;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    position: relative;
    color: #ffffff;
    box-shadow: 0px 0px 25px 5px rgb(254 129 253 / 50%)!important;
    text-shadow: 1px 1px black;
    background: linear-gradient(345deg, #ff00b0 0%, #ff5757 100%)!important;
    font-size: 1.3rem;
}

.kasting:hover { color: #000000; text-shadow: 1px 1px 20px white;}
 
.pageCont {
width: 40%;
    margin: 0 auto; 
} 

span.pk img {
    width: 36px;
}

.socTel img {
     margin-right: 10px;
}

p.mony { font-size: 16pt; text-shadow: 0 0 7px #171774; font-weight: 550;} 
.mony b {
    color: #ff82e7;text-shadow: 2px -5px 7px #f9376af0;
}
.mony n { text-decoration: line-through; font-size: 14pt; color: #ffffffb3;}

.d-block {
    display: block;
}

 .socBlock img {
    width: 35px;
    margin-left: -45px;
   height: 35px;
}
 
.socTel {
    display: flex;
    align-items: center;
    justify-content: center;
}

 .socBlock:hover .socBtn {color:#fff; background:#333; border-color:#fff;}
.socMail, .socTel { color: #fff; font-family: sans-serif; }

.tg-install{font-size: 12px;opacity: 0.5;color:#fff;text-align: center;}
.tg-install__link{width:25px;height:40px;display:inline-block;opacity:0.5}
.tg-install__link:hover{opacity:1}
 
.tg-install__link_info{background:url(/img/info.png) center no-repeat;background-size:21px 25px}
.tg-install a {font-size: 12px; opacity: 0.5;color:#fff;  text-decoration: none;}
.tg-install a:hover {color:#1ea3e9; opacity: 1;}
.tg-install{margin:10px auto 0px auto}

.tgme_page_description {font-size: 12px;color:#fff;text-align: center;padding-bottom:10px;}

.logo{display:flex;align-items:center;color:#ffffff;text-decoration:none;font-size:14px;justify-content:center}.logo__image{width:20px;height:20px;border-radius:3px;margin-right:8px;position:relative;background:#7255de;background:linear-gradient(45deg, #7255de 0%, #3656a9 100%)}.logo__image-src{background:url(/img/ico.png) center no-repeat;background-size:12px;position:absolute;top:0px;left:0px;right:0px;bottom:0px}.

.play {}

 
.play .title {
line-height:18px;
color:#fff; 
} 
.play a:hover .title { 
color:#eb21e0; 
} 

span.pk {
    margin-top: -7rem;
    display: block;font-weight: 500;
text-shadow: 0 0 13px black;
}

span.dk {
    margin-top: -4rem;
    display: block;
    font-size: 1rem;
    font-weight: 500;
    text-shadow: 0px 0px 7px black, 1px 1px 10px #000;
}

a.socBlock .imgblock {
    border-radius: 3rem;
margin: .3rem .6rem;
    min-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #282d4575; 
    opacity: .8;
}

a.socBlock  .imgblock.b {
    background: #5a2c3859;
}
 

a.socBlock .imgblock:hover {
    opacity: 1; 
} 
a.socBlock .imgblock:hover img {opacity: 1!important;}

a.socBlock .imgblock::after {
    display: block;
    content: '';
    position: absolute;
    left: 0.5rem;
    width: 15px;
    height: 15px;
    z-index: 99;
    background-size: contain !important;
    opacity: .45;
}

a.socBlock .imgblock.a::after { background: url(/img/icon/ss1.png) no-repeat;}
a.socBlock .imgblock.b::after { background: url(/img/icon/ss2.png) no-repeat;}
a.socBlock .imgblock.c::after {
    background: url(/img/icon/ss3.png) no-repeat; 
}
 
.mt-1 {
    margin-top: 1rem;
}

.play a {text-decoration:none}
 
.scope-text{display:none;color: #fff;}
button.close-text-scope { 
    color: #fff;
    border: 0px;
    padding: 5px 17px;
    border-radius: 16px;
    background: #69696947;
    outline: none;
    cursor: pointer;
    font-size: 12px;
    letter-spacing: .5px;
}
button.close-text-scope:hover {
    box-shadow: inset 4px 0px 0px 0px #1885be;
}


@media (max-width:758px){
 

button.close-text-scope {margin-top:1.4rem}
.wrapper p {
    border-radius: 0!important;
}

.hod, .hod-info, img.hod-img, img.hod-img-2 { width: auto!important; } 
.hod {margin: 0 -1rem!important; } 
.hod-1, .hod-ac {  font-size: 1.9rem!important; } 
.hod-ac { padding: 0 1.2rem!important;} 
.hod-flex-info { font-size: .7rem!important; } 
.hod-head h2 {  font-size: 19pt!important; letter-spacing: 1px!important; }

.hod-1 { 
    text-shadow: -2px 0px black;
}

om {  padding: 2px 2rem 0 1rem!important} 
om::before {   width: 75%!important; height: 39%!important; left: 8px!important} 
 
.wrapper h1 { font-size: 20pt!important; }
h1.s-59 { font-size: 30pt!important;}
 

img.hod-img { margin-top: -0.6rem; width: 100%!important; } 
img.hod-img-2 { width: 100%!important; }


}

@media (max-width:382px){
 
.hod-1, .hod-ac {
    font-size: 1.5rem!important;
}

button.close-text-scope {
    display: none;
}  

h1.s-59 {
    font-size: 22pt!important;
}

.hod-flex { 
    padding: 0 5px!important;
}

}  


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

span.sf-6.d-block { 
    transform: scaleY(2);
    padding: 1.2rem 0!important;
    font-size: .8rem!important;
}  
.wrapper h1.f-5 { font-size: 49pt!important;}

.wrapper p {      font-size: .8rem; margin: 2rem -1rem;  background: #8282823d;
    border: 0; } 

} 

.sf-6 { font-size: 1rem; }

.scope-text { padding: 1rem; 
 } 
.scope-text.h {

    background: url(/fon-bg-gl.png) center / 73% no-repeat;
}

a.socBlock .imgblock { 
max-width: 175px;
    font-size: 12px;
    letter-spacing: .5px;
} 
.play ico img { width: 100%;     max-width: 425px;     
color: transparent;
   mask-image: linear-gradient(141deg, rgba(255, 255, 255, 0) -10%, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));margin-top: -40px;
}
.wrapper h2 {
background: #3e384a63;
    padding: 20px 0;
    border-radius: 15px;
 margin:0;
}

.pageCont {
    width: 80%;}

h2.d-none {
    display: none;
}

 
.wrapper h1 { font-size: 24pt;} 

.wrapper h1.f-5 {
    font-size: 60pt; 
}   
.pageCont .socBlock img { width: 35px;}
 
span.mob {
    display: block;
}

.wrapper h2 {  font-size: 21pt;}

} 
 

 input[type=text], input[type=password], textarea { border: 1px solid #633ab59c; border-radius: .5rem 0 0 .5rem; } 
input[type=text], input[type=password], textarea {
height: 35px;
    border-radius: 3rem;
    font-size: 12px;
    max-height: 100%;
    padding: 0 10px;
    font-family: 'Open Sans', Verdana, sans-serif;
    color: #fff;
    border: 2px solid #1e779094;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} 
input[type=button] { cursor: context-menu; border: 1px solid #CCC}


input[type=button], input[type=submit], input[type=reset], .button {
    margin: 0;
    padding: 0 15px;
    display: inline-block;
    text-align: center;
    min-height: 40px;
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 13px;
    text-decoration: none;
    border: 1px solid #d7e3ec;
    background-color: #d7e3ec57;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
  
input#pass_password {
    MARGIN-RIGHT: -1REM;
}

h1.s-59 {
    font-size: 49pt;
    text-shadow: 0px -2px 7px #564fff, 0px 3px 10px #267fff, -4px -2px 0px #23ffc830;
    letter-spacing: 8px;
    font-family: serif;
}


 div#music-controls {
position: absolute;
    top: 12px;
    right: 18px;
}

#play-pause-button {
    font-size: 20px;
    opacity: .3;
    color: #fff;
     height: 25px;
    width: 15px;
}

#play-pause-button:hover {  opacity: .9;}

.presentation-hero { width: 750px; max-width: 100%; margin: 2rem auto; } 
.presentation-hero { position: relative; z-index: 1; perspective: 500px; }  
.presentation-hero>img { display: block; height: auto; width: 33.7%; position: absolute; box-shadow: 0 24px 32px rgba(0,0,0,.1), 0 16px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.1); left: 3.46%; top: 6.9%; will-change: transform; z-index: 1; transition: transform .6s ease; } 
.presentation-hero>img.no-transition { transition: none; } 
.presentation-hero>img.presentation-hero-right { left: initial; right: 3.46%; } 
.presentation-hero>img.presentation-hero-center { width: 39.2%; position: relative;   box-shadow: 0 24px 32px rgba(0,0,0,.1), 0 16px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.1); margin: 0 auto; left: initial; right: initial; top: initial; z-index: 2; }

span.sf-6.d-block {
    color: #69b7db;
       font-style: italic;
    padding: .5rem 0;
}

 
 
.hod-head h2 {background: none; text-shadow:0 0 6px #000000ba; font-weight: 900; font-size: 20pt; letter-spacing: 8px; }


.hod, .hod-info, img.hod-img, img.hod-img-2 { width: 100%; max-width: 600px; } 
img.hod-img-2 { transform: rotateX(180deg); margin-bottom: -1rem;border-radius: .5rem;} 
img.hod-img { margin-top: -1rem; }

.hod-flex { color: #000; display: flex; justify-content: space-around; padding-bottom: 1.4rem; font-weight: bold; } 
.hod-1, .hod-ac { color: #000000; font-size: 33px;  line-height: 1.25; font-weight: 700; text-transform: uppercase; background-position: center center; border-color: transparent; border-style: solid; } 
.hod-flex-info { display: flex; align-items: center; font-weight: 100;text-align: left; }
.hod-1 { margin-right: 0.7rem;}
.hod-ac {
    color: #fff;
    border-radius: 1rem;
    background: #000;
    display: flex;
    align-items: center;
    padding: 0 2rem;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out; 
}

a {
    text-decoration: none;
}

.hod-info {    
    border: 1px solid #84e0ff69; 
    margin: 5px 0 1.5rem 0;
    height: 100%;
    position: relative;
    background: #00000099;
    border-radius: 5px;
max-width: 400px;
    width: -webkit-fill-available;
}
.hod-info h3 {
    font-size: 12px;
    text-align: left;
    padding: 10px;
    color: #1ec1f2;
 } 
.hod-info span {
    position: relative;
    padding: 6px 0.5rem 6px 1.8rem;
    display: flex;
    font-size: 11px;
    color: #ffffff;
    border-image: linear-gradient(to right, #84e0ff69, #84e0ff3d, #ffffff00) 1;
    border-top: 1px dotted;
    text-align: left;
    align-items: center;
} 
.hod-info-app { 
color: #ffffff;
    font-size: 13px;
    line-height: 1;
    border-radius: 3rem;
    background-color: #1886c087;
    padding: .5rem 1.5rem;
    font-weight: 200;
    margin: 0 10px;
    margin-bottom: -5px;
}

.tab_container .t-info {
    height: 40vh;
    overflow: auto;
    margin-right: 3px;
}

.tab_container .t-info::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f500;
   border-radius: 10px;
}

.tab_container .t-info::-webkit-scrollbar-thumb {
    background-color: #3d9cbb54;
    border-radius: 10px;
}

.tg-install__text {
    font-size: 9px;
    opacity: .4;
}

.hod-info-app:hover, .hod-ac:hover {background-color: #1f9ada;}
.hod-ac:hover {color: #000;}
.hod-info span b {
    position: absolute;
    left: 4px;
    color: #1885beb5;
    font-size: .8rem;
    text-align: center;
    width: 22px;
}

.hod-info-add {
    font-size: 2rem;
}

.hod-info-add {     margin-top: 1rem;display: flex; align-items: center; justify-content: center; }
om { color: #d6d6d6; font-size: 1rem; padding: 2px 1.6rem 0 1rem; position: relative;} 
om::before { border-bottom: 2px solid #f70000; position: absolute; content: ""; width: 65%; height: 42%; left: 6px; transform: rotate(344deg); } 
ok { padding: 0 1.4rem; font-size: 1.2rem; color: #d6d6d6; }

.pass {
    margin: 1rem 0;
}

.hod-info a {
    color: #20b2ff;
padding: 0 5px;
    font-weight: 600;
}

a.rules {
    padding-top: 1rem;
    display: block;
}

.tg-install { margin: 10px auto 0px auto; } 
.tg-install { font-size: 12px; opacity: 0.5; color: #fff; text-align: center; } 
.tg-install a { font-size: 11px; opacity: 0.5; color: #fff; text-decoration: none; }
.tg-install__link_android { background: url(/img/android.png) center no-repeat; background-size: 16px 20px; } 
.tg-install__link_apple { background: url(/img/apple.png) center no-repeat; background-size: 16px 20px; }


.xw-plain .xw-tl { margin-bottom: -1px; }
.log { display: flex; justify-content: space-between; align-items: center; position: relative; }
 input.loginField { width: 100%; }
.logForm {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: visible;
}

input.buttonLog {
    width: 90%;
}

a.red {
    margin-top: 2rem;
padding: 15px 30px;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    position: relative;
    color: #ffffff;
    background: #7255de;
    box-shadow: 0px 0px 25px 5px rgb(254 129 253 / 50%)!important;
    text-shadow: 1px 1px black;
    background: linear-gradient(345deg, #ff00b0 0%, #ff5757 100%)!important;
}

a.red:hover {
    background: linear-gradient(345deg, #0009ff 0%, #57ceff 100%)!important;
}

.xw-plain .xw-body { 
    margin-bottom: -1px;
}

input.loginField { margin-top: 5px; }

.bottom-info-wrapper .bottom-info-block {
    display: none!important;
}

ico img { width: 100%; }

.play, div#scope-text1, div#scope-text2 { 
  animation: ani .5s forwards;
}
@keyframes ani {
  0% {    opacity: .3;}
  100% {    opacity: 1;}
}

.info .tick {
    display: flex;
    text-align: left;
    font-size: .7rem;
    justify-content: flex-start;
    flex-direction: column;
    border: 1px solid #84e0ff69;
    padding: 14px;
    height: 100%;
    position: relative;
    background: #00000099;    border-radius: 5px;
}

.info .tick img {opacity: .2; width: 50px; margin-bottom: 1rem; }

.info {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: start;
margin-bottom: 2rem;
    font-family: sans-serif;
}



.tabs {
    list-style: none;
    background: #192431; 
    margin: 10px;
    display: grid;
    border-radius: .4rem;
    grid-template-columns: 1fr 1fr;
    padding:2px;
}
 

.tabs li {
    padding: 7px 10px; 
    font-size: 13px;
    letter-spacing: .5px;
    border-radius: .4rem;
}
li.active {
    background: #00000087;
}
.page_tabs {
  list-style: none;
}
.tabs li a, .page_tabs li a {
    outline: none;
    color: #fff;
    font-weight: 200;
    font-size: 12px;
}

 .h-100 {
    height: 100vh;
    display: flex;
    align-items: center;
}

input.buttonLog {
    width: 90%;
    max-width: 130px;
    padding: 0;
    margin: 0;
    min-height: 30px;
    border-radius: 3rem !important;
    margin-top: 12px;
    border: 0;
background: #00a8ff63;
}

input.buttonLog:hover { 
background: #00a8ffbd;
}

a.blockTd {
    font-size: 10px;
    padding:10px 0;
    font-weight: 100;
color:#fff
}


.hod-info img {
    width: 320px;
    margin: 2rem 0 1rem 0;
}

@media (max-width:758px){

.pageCont {
width: 100%; 
        margin-top: 20px;
}

.oneCont {
    display: grid !important;
    grid-template-columns: 50px 170px 50px;
    justify-content: center;
align-items: center;
margin-bottom: 20px;
    grid-gap: 10px;

}

a.socBlock .imgblock {
        max-width: 240px;
        font-size: 17px;
        letter-spacing: .5px;
        min-height: 36px;
}

.tg-install__text {
    font-size: 11px; 
}

.tabs li a, .page_tabs li a { 
    font-size: 14px;
        color: #ffffffa1;
  }
    .tabs {
        margin: 0;
        border-radius: 2rem 2rem 0 0; 
        border: 1px solid #84e0ff69;
        background: #00000069;
        border-bottom: 0;
    }



.tab_container .t-info {   margin-right: 0;  height: 100%;}


.hod-info span {
font-size: 12px;
}

input.loginField { 
    background: #00000036;
}


.tabs li.active a {
    color: #fff;
    font-weight: 700;
}


.hod-info { 
    margin: 5px 0 0 0;
}
.info { grid-gap: 25px; margin-bottom: 0;grid-template-columns: 1fr; } 
.info .tick img {
        padding: 3px;
opacity: 1;
        width: 28px;
        margin-bottom: .5rem;
        position: absolute;
        top: -30px;
        left: -11px;
        background: #000000b3;
        border: 1px solid #84e0ff69;
        border-radius: 100%;
        mix-blend-mode: luminosity;
}

.hod-info span { 
    border-image: 0;
    border-top: 0; 
    margin-left: 3px; 
}

.info .tick { 
    position: relative;
}

 body {  height: 100%; }

.wrapper {  
        display: flex;
        position: absolute;
        width: 100%;
                height: 100%;
}
 
.socBlock img {
    margin-left: 0;
    width: 19px !important;
    height: 19px;
opacity: .7;
}

a.socBlock .imgblock {
    margin: .3rem; 
}

.socMail, .socTel {
font-weight: 550;
        font-size: 15px;
        font-family: 'Montserrat';
}


#stolik {  
padding: 10px 0;
background: linear-gradient(111deg, #5dbfffa6, #71e6ffd1);
    color: #fff;
    letter-spacing: .1em; 
transition: 0.3s;
opacity: 1;
} 

.hod-info img {
    width: 240px;margin: 1rem 0 2rem;
}
.gradient { 
  background-image: radial-gradient(#ff151500, #088dff80, #6f9cff, #009fff, rgb(90 180 227 / 84%));
} 

.info .tick {
    background: #00000069;
}
 
.segmentedLanding__video {
    height: 100vh;
    pointer-events: none;
    position: absolute;
    right: 50%;
    top: 0;
    transform: translateX(50%);
    opacity: .7;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100vw;
    position: fixed;
   
}

.segmentedLanding__video>video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

    div#icons-scope {
     height: -webkit-fill-available;
        display: flex;
        flex-direction: column;
        justify-content: space-between; 
    }

    .hod-info {
        background: #00000000; 
 border:0;
        display: flex;
        flex-direction: column;
        justify-content: center;
font-family: 'Montserrat'; 
    }

    div#scope-text1, div#scope-text2 {
box-shadow: 1px 1px 1120px 1120px #0000007a;
        width: -webkit-fill-available;
        background: #0000007a;
    }

.scope-text {
    padding: 0 1rem;
}

.play ico img {
        max-width: 330px;
        margin-top: 40px;
}
.h-100 {
    height: 100%;
        width: -webkit-fill-available;
    justify-content: center;
}


div#music-controls { 
    z-index: 9999;
}
 
 

.hod-info h3 {
        font-size: 14px;
        background: #00000029;
        font-family: sans-serif;
    }

.tabs li { 
    padding: 10px 5px;
  } 

.tab_container {
border: 1px solid #84e0ff69;
        background: #00000069;
    border-radius: 0 0 2rem 2rem;
}
div#tab1 {
    padding: 2rem;
}
 

a.socBlock .imgblock { 
    background-color: #00000026;
}
 

.play ico img { 
    mask-image: linear-gradient(1deg, rgb(255 255 255) -24%, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1))
}

}

img.captcha-renew.local-auth { width: auto; margin: 0 4px; } label.captcha-block {border-radius: 3rem; padding: 0; margin: 10px; max-width: 250px;   } 
img.captcha-question.local-auth { border-radius: 15px; mix-blend-mode: luminosity; opacity: .8; filter: invert(84%) hue-rotate(269deg) saturate(3);    margin: 0;
    width: auto; }

div#unverifiedEmail {
    display: none !important;
}