body { max-width: 800px; width: 100%; margin: 0px auto 0px auto; padding: 0; font-family: Arial, Verdana, sans-serif; font-size: 19px;}
.contenvip { padding: 50px 5px 0px 5px; }
.podelis { float: right; padding: 2px 2px 0px 0px; }
.podelis img { width: 35px; height: 35px; }
a { text-decoration: none; }
.social-label, .auth-social-list, .ucoz-editor-bottom, .symbols-stat-wrapper, .tags-field-hint { display: none; }
/* Кнопка меню */  
.animated-button { background: linear-gradient(-30deg, #0b1b3d 50%, #08142b 50%); padding: 0; margin: 0; display: inline-block;
-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);
overflow: hidden; color: #d4e0f7; font-size: 20px; letter-spacing: 2.5px;text-align: center;text-transform: uppercase;text-decoration: none;
-webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); }
.animated-button::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #8592ad; opacity: 0;
-webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; }
.animated-button:hover::before { opacity: 0.2; }
.animated-button span { position: absolute; }
.animated-button span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px;
background: -webkit-gradient(linear, right top, left top, from(rgba(8, 20, 43, 0)), to(#2662d9));
background: linear-gradient(to left, rgba(8, 20, 43, 0), #2662d9);
-webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; }
@-webkit-keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } }
@keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } }
.animated-button span:nth-child(2) {top: 0px; right: 0px; height: 100%; width: 2px;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 20, 43, 0)), to(#2662d9));background: linear-gradient(to top, rgba(8, 20, 43, 0), #2662d9);
-webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; }
@-webkit-keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } }
@keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } }
.animated-button span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px;
background: -webkit-gradient(linear, left top, right top, from(rgba(8, 20, 43, 0)), to(#2662d9)); background: linear-gradient(to right, rgba(8, 20, 43, 0), #2662d9);
-webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; }
@-webkit-keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } }
@keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } }
.animated-button span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 20, 43, 0)), to(#2662d9)); background: linear-gradient(to bottom, rgba(8, 20, 43, 0), #2662d9);
-webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; }
@-webkit-keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } }
@keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } }
.animated-button1 { background: linear-gradient(-30deg, #3d0b0b 50%, #2b0808 50%); padding: 12px 20px; margin: 0; display: inline-block;
-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);
overflow: hidden; color: #f7d4d4; font-size: 20px; letter-spacing: 2.5px; text-align: center; text-transform: uppercase; text-decoration: none;
-webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); }
.animated-button1::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ad8585; opacity: 0;
-webkit-transition: .2s opacity ease-in-out; transition: .2s opacity ease-in-out; }
.animated-button1:hover::before { opacity: 0.2; }
.animated-button1 span { position: absolute; }
.animated-button1 span:nth-child(1) { top: 0px; left: 0px; width: 100%; height: 2px;
background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#d92626)); background: linear-gradient(to left, rgba(43, 8, 8, 0), #d92626);
-webkit-animation: 2s animateTop linear infinite; animation: 2s animateTop linear infinite; }
@keyframes animateTop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } }
.animated-button1 span:nth-child(2) { top: 0px; right: 0px; height: 100%; width: 2px;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#d92626)); background: linear-gradient(to top, rgba(43, 8, 8, 0), #d92626);
-webkit-animation: 2s animateRight linear -1s infinite; animation: 2s animateRight linear -1s infinite; }
@keyframes animateRight { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } }
.animated-button1 span:nth-child(3) { bottom: 0px; left: 0px; width: 100%; height: 2px;
background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#d92626)); background: linear-gradient(to right, rgba(43, 8, 8, 0), #d92626);
-webkit-animation: 2s animateBottom linear infinite; animation: 2s animateBottom linear infinite; }
@keyframes animateBottom { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } }
.animated-button1 span:nth-child(4) { top: 0px; left: 0px; height: 100%; width: 2px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 8, 0)), to(#d92626)); background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #d92626);
-webkit-animation: 2s animateLeft linear -1s infinite; animation: 2s animateLeft linear -1s infinite; }
@keyframes animateLeft { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(100%); transform: translateY(100%); } }
/* Кнопка меню конец */ 
   
/* Шторка меню */
.overlay { /* Высота и ширина зависят от того, как вы хотите показать наложение (см. JS ниже) */ 
 height: 100%; width: 0; position: fixed; /* Оставаться на месте */
 z-index: 500; /* Сидеть на вершине */
 left: 0; top: 0; background-color: rgb(0,0,0); /* Черный резервный цвет */ background-color: rgba(0,0,0, 0.9); /*Черный с непрозрачностью */
 overflow-x: hidden; /* Отключить горизонтальную прокрутку */
 transition: 0.5s; /* 0.5 секунды эффект перехода, чтобы скользить в или скользить вниз по наложению (высота или ширина, в зависимости от показа) */ }
/* Расположите содержимое внутри наложения */
.overlay-content { position: relative; top: 25%; /* 25% сверху */ width: 100%; /* 100% ширина */ text-align: center; /* Центрированный текст/ссылки */
 margin-top: 30px; /* 30px верхнее поле, чтобы избежать конфликта с кнопкой закрытия на небольших экранах */ }
/* Навигационные ссылки внутри наложения */
.overlay a { padding: 0px 8px 10px 8px; text-decoration: none; font-size: 34px; color: #818181; display: block; /* Блок дисплея вместо встроенного */
 transition: 0.3s; /* Эффекты перехода при наведении (цвет) */ }
#vhodsuper { color: #FF0000; font-size: 25px; }
/* При наведении курсора мыши на навигационные ссылки измените их цвет */
.overlay a:hover, .overlay a:focus { color: #f1f1f1; }
/* Расположите кнопку закрыть (верхний правый угол) */
.overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px; }
/* Если высота экрана меньше 450 пикселей, измените размер шрифта ссылок и снова установите кнопку закрыть, чтобы они не перекрывались */
@media screen and (max-height: 450px) { .overlay a { font-size: 20px; } .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } }
/* Шторка меню конец*/  


/* Вид материалов */
 .vidmat_super { width: 48%; max-width: 193px; height: 170px; float: left; position: relative; margin: 0px 2px 20px 2px; }
 .foto_super { width: 100%; height: auto; overflow: hidden; display: inline; position: relative; }
 .foto_super img { object-fit: cover; width: 100%; height: 100%; border-radius: 50%; }
 .info_super { position: absolute; left: 0; font-size: 15px; bottom: 4px; font-weight: bold; padding: 0px 4px 0px 4px; color: #FFFFFF; text-shadow: -1px -1px 0 #2b0808, 0px -1px 0 #3d0b0b, 1px -1px 0 #2b0808, 1px 0px 0 #3d0b0b, 1px 1px 0 #2b0808, 0px 1px 0 #3d0b0b, -1px 1px 0 #2b0808, -1px 0px 0 #3d0b0b; }
/* Вид материалов конец */

.filtrsuper { width: 95%; max-width: 300px; margin: 20px auto 10px auto; }
.sbros { text-align: center; height: 50px; margin-bottom: 30px; }
.vipanketa, .tarifsuper { width: 100%; height: 50px; display: block; }

/* Форма добавления анкеты */
.filterBlock { min-height: 280px!Important; }
.filterBlock>label { display: block!Important; width: 100%!Important; }
.fHelp, .u-upload-info { font-size: 12px; }
/* Форма добавления анкеты конец */