@charset "utf-8";

A {color:#885599;}
A {text-decoration:none;}
A:hover {color:#885599;}
A:hover {TEXT-DECORATION: underline;}
BODY {SCROLLBAR-FACE-COLOR: #330000; FONT-SIZE: 12px; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #996600; SCROLLBAR-SHADOW-COLOR: #330000; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #330033; SCROLLBAR-ARROW-COLOR: #330033; SCROLLBAR-TRACK-COLOR: 660000; FONT-FAMILY: Times; SCROLLBAR-DARKSHADOW-COLOR: #330033; BACKGROUND-COLOR: #FFFFFF;}
.vfbord {BORDER-RIGHT: #330000 0px groove; BORDER-TOP: #996600 0px groove; FONT-SIZE: 12px; BORDER-LEFT: #996600 0px groove; COLOR: #000000; BORDER-BOTTOM: #330000 0px groove; FONT-FAMILY: ms sans serif, verdana, Arial;}
.vfbord2 {BORDER-RIGHT: #996600 0px groove; BORDER-TOP: 0px groove; FONT-SIZE: 12px; BORDER-LEFT: #996600 0px groove; COLOR: #000000; BORDER-BOTTOM: 0px groove; FONT-FAMILY: ms sans serif, verdana, Arial;}
.vfbord3 {BORDER-RIGHT: #FF99FF 1px groove; BORDER-TOP: #FF99FF 1px groove; BORDER-LEFT: #FF99FF 1px groove; BORDER-BOTTOM: #FF99FF 1px groove;}
.i3 {BORDER-RIGHT: #990000 1px outset; BORDER-TOP: #996600 1px outset; BACKGROUND:#330000 ; FONT: 700 12px MS Sans Serif,sans-serif; BORDER-LEFT: #996600  1px outset; WIDTH: 120px; COLOR:#FFFFFF ; BORDER-BOTTOM:#000000  1px outset;}/*vote*/
/*
.exit {BORDER-RIGHT: #E1E1E1 3px outset; BORDER-TOP: #E1E1E1 3px outset; BACKGROUND:#D0D0D0 ; FONT: 700 12px MS Sans Serif,sans-serif; BORDER-LEFT: #E1E1E1 3px outset; WIDTH: 200px; COLOR:#000000 ; BORDER-BOTTOM:#E1E1E1 3px outset;}
DELETE LOGOUT
*/

.mo {
border-right : 1px outset #ffffff; 
border-top : 1px outset #ffffff; 
background : #FF99FF; 
font : 8px MS Sans Serif, sans-serif; 
border-left : 1px outset #ffffff; 
width : 73px; 
color : #000000; 
border-bottom : 1px outset #ffffff; 
} 
.mi {
border-right : 1px groove #913b73; 
border-top : 1px groove #913b73; 
background : #001a00; 
font : 8px MS Sans Serif, sans-serif; 
border-left : 1px groove #913b73; 
width : 73px; 
color : #e1b6d2; 
border-bottom : 1px groove #913b73; 
} 
.buten{
	border: solid 1px black;;
	text-align : center;
	background-color : ThreedHighlight;
	cursor: default;
	margin: 3px;
      padding-left:  7px;
      padding-right: 7px;
}




/*<!--В анкете имя и тел останавливается-->
<style>*/
.sticky {
  position: fixed;
  z-index: 101;
}
.stop {
  position: relative;
  z-index: 101;
}
/*</style>*/

/*Обводка фото y m n u c*/
.p_border{border: 2px solid #e6e6e6; 
border-radius: 10px; 
-webkit-border-radius: 10px;/*Chrome до версии 4.0, Safari до версии 5.0, iOS*/ 
-moz-border-radius: 10px;}/*Firefox до версии 4.0 использует*/

/*Обводка фото New_Year*/
.p_new_year{border: 0px solid #e6e6e6; 
border-radius: 10px 10px 0 0; 
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
height:200px;}


/*Адаптивный дизайн*/
/*Максимальное расширение MAX-WIDTH*/

/*h1,ul{width:100%;max-width:1024px;margin-left:auto;margin-right:auto}*/
/*td.center_content{width:65%;}*/ /* 280/1080 */
td.hidden_left{width: 250px;}
/*img{max-width:100%;} Yandex map серая*//*height:auto; Гибкие изображения */



/*MENU*/
.ad-menu *:focus,.ad-menu *::before,.ad-menu *::after{
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: content-box; /*это свойство обязательно*/
}
.ad-menu ul{padding:0px;/*margin-left:0px;*/}
.ad-menu li{
display: block;/*none inline-block*/
background: rgba(255, 255, 255, 0.3);/*Цвет фона background:none transparent #96BEFC;*/
text-align: center;
/*width: 200px;*/
}
.ad-menu li:hover{border-radius:10px;/*border: 1px solid black;*/box-shadow: inset 0 0 0 1px black;background: #ABDBFC;}
.ad-menu li a{
display: block;/*inline-block;*/
text-decoration: none;
color: #000;
font-size:18px;
font-weight: bold;
padding: 3px;/*отступ между строками меню*//*Добавить отступ для модильных устройств*/
/*width: 100%;*/
}
.ad-menu li a:hover{padding: 3px;}
.ad-menu .menu_font_category{border-radius:10px;color:white;font-size: 2em;background: rgba(255, 153, 255, 0.7);/*#FF99FF*//*opacity: 0.8;*//*Полупрозрачность элемента*/}
.ad-menu .menu_font_category:hover{border-radius:10px;box-shadow: inset 0 0 0 1px black;background: #00CCFF;}
.ad-menu .menu_font_category_cabinet{background: rgba(0, 204, 255, 0.7);}
.ad-menu .menu_top_down{border-radius:10px 10px 0 0;}
.ad-menu .menu_top_down:hover{border-radius:10px 10px 10px 10px;}
.menu_left_mobile{display:none;}
/*MENU*/



.girl_month_add_column{display: inline-block;width: 25%;}

.downadminautorMes{position: fixed; bottom: 85px; right: 5px;}
.downadminautorAns{position: fixed; bottom: 60px; right: 5px;}
.downadminautorID{position: fixed; bottom: 45px; right: 5px;}
.downadminautorUSD{position: fixed; bottom: 30px; right: 5px;}
.downadminautorAdmin{position: fixed; bottom: 0px; right: 5px;}

.anketa_fav_size{border:none;width:30px;}
.width_150_100prozenti{width:150px;}/*Foto obyavlenia*/
.height_150_100prozenti{height:180px;}/*Foto slink*/
.obyavlenie_foto_main{max-width:100%;min-width:200px;}
.obyavlenie_photo_height{height:100px;}
.obyavlenie_table_width{width:90%;}
.ankfull_name_phone_width,.slink_table_width,.obyavlenie_full_table_width{width:95%;}
.br_hide{display:none;}/*ankfull slink obyavlenie_full*/

/*Максимальное расширение MAX-WIDTH*/

@media screen and (min-width: 901px) and (max-width: 1024px){/* 1024  1024  1024  1024  1024  1024  1024  1024 */
BODY,.vfbord,label,a,b,center{font-size:12px;}/* 1.125em = 18px */
td.hidden_right{min-width: 100px;}
.name_ankfull{font-size:29px;}
.girl_month_add_column{width: 33%;}
.obyavlenie_table_width{width:100%;}
}

@media screen and (max-width: 900px){/* 900  900  900  900  900  900  900  900  900  900 */
/*h1,h2,h3,h4,h5,table,tr,td,big,ul{font-size:28px;}*/
BODY,.vfbord,label,a,b,center,table.days7{font-size:13px;}
.name_ankfull{font-size:33px;}
td.hidden_right{min-width: 70px;}
td.hidden_left{min-width: 200px;}
td.width_photo_anketa{min-width: 100px;} /*Ширина фото в anketa*/
.girl_month_add_column{width: 33%;}
.img_gallery{max-width:31%;}

.video_html5,.youtube{
position:relative;
padding-bottom:56.25%;/*задаёт высоту контейнера для 16:9, если 4:3 поставьте 75%*/
padding-top:30px;
height:0;
overflow:hidden;
}
.video_html5 video,.youtube iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.obyavlenie_table_width{width:100%;}
}

@media screen and (max-width: 800px){/* 800  800  800  800  800  800  800  800  800  800 */
td.hidden_right{min-width: 50px;} /* 780 / 1080 */
}

@media screen and (max-width: 640px){/* 640  640  640  640  640  640  640  640  640  640 */
BODY,.vfbord,label,a,b,center{font-size:20px;}
td.hidden_left,td.hidden_right{display:none;} /*Прячет главное меню и правую колонку 100*/
table.days7{display:none;} /* 280/1080 */
img.img_promo_top_down{min-width:100%;}
img.img_promo_left_down{min-width:50%;
display:inline-block;height:auto;padding:.25rem;line-height:1.5;border:1px solid #ddd;border-radius:.25rem;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}/*promo изображения*/

img.img_promo_right_top{min-width:150px;
display:inline-block;height:auto;padding:.25rem;line-height:1.5;border:1px solid #ddd;border-radius:.25rem;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}/*promo изображения*/

.lang_width{width: 50px;}

img.img_girl_month{min-width:35%;
display:inline-block;height:auto;padding:.25rem;line-height:1.5;border:1px solid #ddd;border-radius:.25rem;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
/*Текст на фото girl_month*/
.foto-chk-ank {
	text-align: center;
	width: 90%;
	margin-left: 5%;
	bottom: 35px;
}/*Текст на фото girl_month*/

.img_gallery{max-width:23%;}
.width_150_100prozenti{width:100%;}/*Foto obyavlenia*/
.height_150_100prozenti{height:100%;width:100%;}/*Foto slink*/
.obyavlenie_hidden_big_photo{display:none;}
.ankfull_name_phone_width,.slink_table_width,.obyavlenie_full_table_width{width:100%;}
.br_hide{display:block;}/*ankfull slink obyavlenie_full*/
/*MENU*/
/*NNNNNNNNNNNNNNEEEEEEEEEEEEEEEEEEEEEEEEEEEEWWWWWWWWWWWWWWWWWWWWWWWWWWWW*/
/*.ad-menu {text-align: right;}
.menu_icon {
   display: none;
   width: 45px;
   height: 35px;
   position: relative;
   cursor: pointer;
}
.menu_icon span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #333333;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}
.menu_icon span:nth-child(1) {top: 0px;}
.menu_icon span:nth-child(2), .menu_icon span:nth-child(3) {top: 13px;}
.menu_icon span:nth-child(4) {top: 26px;}*/
/*NNNNNNNNNNNNNNEEEEEEEEEEEEEEEEEEEEEEEEEEEEWWWWWWWWWWWWWWWWWWWWWWWWWWWW*/

/*NNNNNNNNNNNNNNEEEEEEEEEEEEEEEEEEEEEEEEEEEEWWWWWWWWWWWWWWWWWWWWWWWWWWWW*/
/*.ad-menu.menu_state_open .menu_icon span:nth-child(1) {top: 18px; width: 0%; left: 50%;}
.ad-menu.menu_state_open .menu_icon span:nth-child(2) {transform: rotate(45deg);}
.ad-menu.menu_state_open .menu_icon span:nth-child(3) {transform: rotate(-45deg);}
.ad-menu.menu_state_open .menu_icon span:nth-child(4) {top: 18px; width: 0%; left: 50%;}
.menu_icon{display: inline-block;}*/
/*NNNNNNNNNNNNNNEEEEEEEEEEEEEEEEEEEEEEEEEEEEWWWWWWWWWWWWWWWWWWWWWWWWWWWW*/
.ad-menu li,.menu_left_mobile{width:100%;display: inline-block;}
.ad-menu ul{display:none;}
.ad-menu nav::before,
.trigram,.ad-menu::after{
position: absolute;/*absolute fixed*/
margin: 10px;/*Отступы вокруг элемента*/
top: 0;
left: 0;/*right*/
display: block;
cursor: pointer;

    border-bottom: 17px double black; 
    border-top: 6px solid black; 
    content:"";
    height: 5px; 
    width:30px;
}
.trigram,.ad-menu::after{
    border-bottom: 17px double black; 
    border-top: 6px solid black; 
    content:"";
    height: 5px; 
    width:30px;
}
.ad-menu nav::before{z-index:2;}
.ad-menu nav:focus::before{z-index:0;}
.ad-menu nav:focus ul,
.ad-menu ul:hover{display: inline-block;}/*решаем проблему со скликиванием*/
/*MENU*/

.downadminautorMes{position: fixed; bottom: 110px; right: 5px;}
.downadminautorAns{position: fixed; bottom: 90px; right: 5px;}
.downadminautorID{position: fixed; bottom: 65px; right: 5px;}
.downadminautorUSD{position: fixed; bottom: 45px; right: 5px;}
} /*поведения и структура при экране менее 640 пикселей*/

@media screen and (max-width: 480px){/* 480  480  480  480  480  480  480  480  480  480 */
BODY,.vfbord,label,a,b,center{font-size:29px;}
.zagolovok_ob{font-size:30px;}
img.img_promo_left_down{min-width:60%;}
img.img_promo_right_top{width:250px;}/*promo изображения*/
img.img_promo_top_down{min-width:100%;}
#captcha{width:120px;}
img.pic_icon{height:30px;}/*obyavlenie_full*/

.ad-menu nav::before,
.trigram,.ad-menu::after{
    border-bottom: 34px double black; 
    border-top: 12px solid black; 
    height: 10px; 
    width:60px;
}
.trigram,.ad-menu::after{
    border-bottom: 34px double black; 
    border-top: 12px solid black; 
    height: 10px; 
    width:60px;
}

.lang_width{width: 80px;}
.ad-menu li a{font-size:55px;}

textarea,input,select {
width: 70%;
font-size: 25px;
/* = Добавим фон, рамку, отступ*/
background: #f6f6f6;
border: 1px solid #cecece;
padding: 8px 0 8px 10px;
}
input[type=checkbox],input[type=radio]{
height: 30px; 
width:30px;
}
.i3{font-size: 20px; WIDTH: 190px;}/*vote*/
.hidden_ankfullword{display:none;}

img.img_girl_month{min-width:40%;}
.img_girl_month_add{min-width:90%;}
.img_gallery{min-width:32%;}
.p_new_year{height:300px;}

.downadminautorID{font-size:16px;}
.downadminautorUSD{font-size:16px;}
.downadminautorAdmin{font-size:16px;}
.goog-te-combo{font-size:25px;width:200px;}

.anketa_fav_size{border: none;width: 50px;}
.audio_html5 audio{width:100%;}
.obyavlenie_photo_height{height:200px;}
}

@media screen and (width: 412px){/*  G    G    G  */
.uslugi_reiting{display:none;}
}
@media screen and (height: 859px){/*  G    G    G  */
.uslugi_reiting{display:none;}
}
@media screen and (width: 375px) and (height: 667px){/* Y    Y    Y  */
BODY,.vfbord,label,a,b,center{font-size:48px;}
.uslugi_reiting{display:none;}
}

@media screen and (max-width: 360px){/* 360	360	360	*/
.girl_month_add_column{width:50%;}
.img_girl_month_add{min-width:90%;}
}
@media screen and (max-width: 320px){/* 320  320  320  320  320  320  320  320  320  320 */
.ad-menu nav::before,
.trigram,.ad-menu::after{
    border-bottom: 43px double black; 
    border-top: 15px solid black;
    height: 13px; 
    width:75px;
}
.trigram,.ad-menu::after{
    border-bottom: 43px double black;
    border-top: 15px solid black;
    height: 13px; 
    width:75px;
}
.lang_width{width: 95px;}
#captcha{width:150px;}

img.img_girl_month{min-width:45%;}

.downadminautorMes{bottom:125px;}
.downadminautorAns{bottom:100px;}
.downadminautorID{bottom:63px;font-size:20px;}
.downadminautorUSD{bottom:45px;font-size:20px;}
.downadminautorAdmin{bottom:0px;font-size:20px;}
}

@media screen and (max-width: 240px){/* 240  240  240  240  240  240  240  240  240  240 */
.uslugi_reiting{display:none;}
img.img_promo_left_down{min-width:90%;}/*promo изображения*/
}

/*Адаптивный дизайн*/














/*Online*/
.bubble{
    display: block;
    position: relative;
/*    top: 11px;
    right: 0px;*/
}  
.bubble:hover:after{background-color: #1c8f4c}
.bubble:after{
    content: "";
    background-color: #1c8f4c;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    position: absolute;
    display: block;
    top: 1px;
    left: 1px;
}  
.bubble .bubble-outer-dot{
    margin: 1px;
    display: block;
    text-align: center;
    opacity: 1;
    background-color: rgb(39,174,96, .7);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    -webkit-animation: bubble-pulse 1.5s linear infinite;
    -moz-animation: bubble-pulse 1.5s linear infinite;
    -o-animation: bubble-pulse 1.5s linear infinite;
    animation: bubble-pulse 1.5s linear infinite
}  
.bubble .bubble-inner-dot{   
    display: block;
    text-align: center;
    opacity: 1;
    background-color: rgb(39,174,96, .7);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    -webkit-animation: bubble-pulse 1.5s linear infinite;
    -moz-animation: bubble-pulse 1.5s linear infinite;
    -o-animation: bubble-pulse 1.5s linear infinite;
    animation: bubble-pulse 1.5s linear infinite
}  
.bubble .bubble-inner-dot:after{
    content: "";
    display: block;
    text-align: center;
    opacity: 1;
    background-color: rgb(39,174,96, .7);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    -webkit-animation: bubble-pulse 1.5s linear infinite;
    -moz-animation: bubble-pulse 1.5s linear infinite;
    -o-animation: bubble-pulse 1.5s linear infinite;
    animation: bubble-pulse 1.5s linear infinite
}  
@-webkit-keyframes bubble-pulse{
0%{transform:scale(1);opacity:.75}
25%{transform:scale(1);opacity:.75}
100%{transform:scale(2.5);opacity:0}
}  
@keyframes bubble-pulse{
0%{transform:scale(1);opacity:.75}
25%{transform:scale(1);opacity:.75}
100%{transform:scale(2.5);opacity:0}
}  
@-moz-keyframes bubble-pulse{
0%{transform:scale(1);opacity:.75}
25%{transform:scale(1);opacity:.75}
100%{transform:scale(2.5);opacity:0}
}
/*Online*/







/*Cookie*/
#cookie_notification{
  display: none;
  justify-content: space-between;
  align-items: flex-end;
  position: fixed;
  bottom: 15px;
  left: 50%;
  width: 900px;
  max-width: 90%;
  transform: translateX(-50%);
  padding: 25px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}
#cookie_notification p{
  margin: 0;
  font-size: 1rem;
  text-align: left;
  color: blue;
}
.cookie_button {
	border: 3px solid #4CAF50;/* Green */
    color: black;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    background-color: white;
}
.cookie_button:hover {
    background-color: #4CAF50; /* Green */
    color: white;
}
@media (min-width: 481px){
#cookie_notification.show{display: flex;}
.cookie_accept{margin: 0 0 0 25px;}
}
@media (max-width: 480px){
#cookie_notification.show{display: block;
    text-align: left;}
.cookie_accept{margin: 10px 0 0 0;}
#cookie_notification p,.cookie_button{font-size: 1.7rem;}
}
/*Cookie*/







/*Adm*/
.adm_table_fon_1_2 tr:nth-child(2n+3){background:#ffffff;/*(2n+5) Шаг по 2, начиная с 3 строки. (odd) нечетные номера. even четные номера https://developer.mozilla.org/ru/docs/Web/CSS/:nth-child*/}
.adm_table_fon_1_2 tr:nth-child(2n+4){background:#EBEDF4;}
/*Adm*/