.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: 0px;height: 100%;font-family: 'Roboto', sans-serif;align-items: stretch;justify-content: center;position: relative;}
#video{width: 100%; height: 100%;}
.videobg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;right: 0;} 

.pattern{position: absolute; width: 100%; height: 100%; top: 0;left: 0; background: #000; opacity: 0.4;}
.wrapper{max-width: 800px;margin: 0 auto;height: 100%;background: rgba(14,26,38,0.8);padding: 30px;position: relative;z-index: 1;overflow-y: auto;}
.wrapper h1{text-align: center;color: white;font-weight: normal; font-size: 45pt; text-shadow: 0 0 6px #e000a5; font-family: fantasy; text-transform: uppercase;}
.wrapper h2{text-align: center; color: white; font-size: 27pt;font-family: system-ui;text-shadow: 0 0 6px #9709c8;}
.wrapper p{color: white; text-align: center;  font-size: 14pt; padding: 10px 0; font-family: revert;  padding: 10px 0;}
.wrapper p ico{padding: 40px 0;height: 200px;}
.wrapper p ico img{width: 200px; height: 100%;box-shadow: 0px 0px 25px 8px rgb(182 62 155); border-radius:5%;}
.wrapper p ico img:hover {box-shadow: 0px 0px 25px 5px rgba(84,77,180,1)}

.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;
}

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;
}
 

.kasting {
    margin: 0 5px;
    font-weight: 550;
    color: #d1d1eb;
    border-radius: 15px;
    padding: 10px;
    border: 3px solid #384e9e;
    display: inline-table;
}
 
.pageCont {
    width: 70%;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 15px;
    background: #fff;
margin-bottom: 30px;
} 

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;}

 .pageCont .socBlock {display:block; padding:10px; border-bottom:1px solid #ccc;  }
.pageCont .socBlock:hover { -webkit-box-shadow:inset 0 -2px 9px 0 rgba(0,0,0,.06);box-shadow:inset 0 -2px 9px 0 rgba(0,0,0,.06);}
 .pageCont .socBlock img {
width: 60px;
    float: left;
display:inline-block;}
 .socBlock .socBtn {
 display:inline-block; float:right; border:1px solid #ccc; line-height:30px; margin:10px 5px 10px 10px; padding:0 10px;width: 70px; text-align: center; 
 color:#333; border-radius:6px; font-size:12px;
 }
 .socBlock:hover .socBtn {color:#fff; background:#333; border-color:#fff;}
 .socMail, .socTel {
display: inline-block; font-weight: 550; color: #000000e3; line-height: 50px; text-align: left; font-size: 15pt; font-family: sans-serif; overflow: hidden; white-space: nowrap;
 }

.tg-install{font-size: 12px;opacity: 0.5;color:#fff;text-align: center;}.tg-install__link{width:42px;height:40px;display:inline-block;opacity:0.5}.tg-install__link:hover{opacity:1}.tg-install__link_android{background:url(/img/android.png) center no-repeat;background-size:21px 25px}.tg-install__link_apple{background:url(/img/apple.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:#ff0; opacity: 1;}
.tg-install{margin:20px 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; 
} 

.br-bottom {border-radius: 0 0 15px 15px;}
.br-top {border-radius: 15px 15px 0 0;}

.play a {text-decoration:none}
 
.horoscope-text{display:none;color: #fff;}
button.close-text-horoscope {
    background: #913fae5c;
    color: #fff;
    border: 0px;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    box-shadow: 0 1px 8px #913fae;
outline:none;
    cursor: pointer;
margin:30px 0;
}
button.close-text-horoscope:hover {
    background: #770a9e;
}

@media (max-width:382px){
 
button.close-text-horoscope {
    display: none;
}  
 }  
@media only screen and (max-width: 1180px) {
.wrapper h2 {
background: #3e384a63;
    padding: 20px 0;
    border-radius: 15px;
 margin:0
}

.pageCont {
    width: 100%;}

h2.d-none {
    display: none;
}
.wrapper h1 { 
font-size: 24pt; 
    text-shadow: 0px -2px 7px #f34fff, 0px 3px 10px #267fff, -6px -5px 0px #23ffc830;
    letter-spacing: 8px;
    color: white;
    font-weight: 700; 
    font-family: Inter,Roboto,sans-serif;
    text-transform: uppercase;
    transform: rotateX(327deg);
}

.wrapper h1.f-5 { font-size: 34pt;} 
.oneCont {
    background: #fff;
    margin: -1px -30px;
}
.socMail, .socTel {line-height: 38pt; font-size: 11pt;} .pageCont .socBlock img { width: 49px;}
 
span.mob {
    display: block;
}

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

}

@media only screen and (max-width: 780px) {
.br-top, .br-bottom {border-radius: 0!important;}
.wrapper p ico img { width: 100%;
}

@media only screen and (max-width: 340px) {
.socBlock .socBtn {
    width: auto!important;
}
}