@charset "utf-8";
/* CSS Document Отображение квеста */

body
{
    margin:0px;
    padding:0px;
}

a img { border: none; /* Убираем рамку */  }

.bgv_1 { background-color: #ffffff; }                         /* белый цвет по умолчанию страницы квеста */

.div_main_v      { width: 100%; align-content: center; }                                                  /* Главный див */
.div_view_page   { min-height:300px; display: table; word-wrap:break-word; margin-bottom: 40px; }  /* Страница квеста */
.div_view_page_pad { padding: 10px; }                                                              /* отсутп поумолчанию */
.div_debagg_block { float: left; width: 300px; background-color: #ffffff; opacity: .6; }           /* отладочный блок */
.div_button_start_quest { width: 300px; background-color: #68CC92; padding: 5px; border: 1px solid #68CC92; border-radius: 3px; font-size: 2em; color: #ffffff; margin-bottom:20px;  }                                                        /* кнопка начать квест */
.div_select_comm { width: 300px; font-size: 1.5em; padding: 5px; color: #757575; margin-bottom: 10px; border: 1px solid #757575; border-radius: 3px; }                                                                                     /* форма выбора команды */
.div_enter_passw { width: 286px; font-size: 1.5em; padding: 5px; color: #757575; margin-bottom: 10px; border: 1px solid #757575; border-radius: 3px; }                                                                                     /* форма ввода пароля */
.div_enter_phone { width: 286px; font-size: 1.5em; padding: 5px; color: #757575; margin-bottom: 10px; border: 1px solid #757575; border-radius: 3px; }                                                                                     /* форма ввода пароля */
.div_view_text   { padding-left: 10px; padding-right: 10px; }                                      /* отступы текста */
.div_after_text   { margin-top: 10px; }                                                            /* текст после првильного ответа  */
.span_cum_command_title { font-size: 0.6em; }                                                      /* номер команды в заголовке */
.div_not_pay_q { margin-top: 10px; background-color: #FFC2C3; }                                    /* блок ответов при неоплате квеста */
.div_test_r    { margin-top: 10px; background-color: #FFBE5C; }                                    /* блок ответов при тестовом режиме */

.pad_5 { padding: 5px; }
.pad_10 { padding: 10px; }
.pad_t_5 { padding-top: 5px; }
.pm_00 { padding: 0px; margin: 0px; }

.div_podskazki { font-family:verdana; color: #757575; border: 1px solid #BEC8D3; background-color: #D4F5D3; margin-bottom: 10px; }  /* общий блок подсказок */
.div_podskazki_table { display: table; padding: 10px; } /* табле чтобы текст подсказки отображался в блоке */
.div_podskazki_show_text { background-color: #fff; padding: 5px; border: 1px solid #BEC8D3; border-radius: 3px; font-size: 1em; color: #757575; word-wrap: break-word; }
.div_podskazki_button { background-color: #68CC92; padding: 5px; border: 1px solid #68CC92; border-radius: 3px; font-size: 1em; color: #ffffff; margin-right: 10px; margin-bottom: 5px;  } /* кнопка ответить в фрейме ответа */

/* Iframe автоперехода */
.iframe { height:40px; border:0px; width: 100%; } /* Стиль самого iframe */
.div_f_time_auto_go {  margin-left: 10px; margin-top: 10px; margin-right: 10px; padding-left: 10px; padding-top:10px; padding-right: 10px; background-color:#C7C5C4; }

/* Iframe подсказки по времени */
.time_podskazka {  margin-left: 10px; margin-top: 10px; margin-right: 10px; padding-left: 10px; padding-top:10px; padding-right: 10px; background-color:#D4F5D3; border: 1px solid #BEC8D3; } /* обрамление iframe в div */ 
.iframe_time_podskazka  { background-color:#D4F5D3; word-wrap: break-word; font-family:verdana; color:#757575;  }    /* div оформление в файле div */

/* Iframe ответы */
.div_all_ans { display:inline-block; }
.iframe_answer { height:40px; border:0px; width: 100%; } /* Стиль самого iframe  */
.div_f_answer  {  margin-left: 10px;  margin-right: 10px; margin-top: 10px; } /*   */
.div_input_an  { border: 1px solid #C3C3C3; border-radius: 3px; padding: 3px; font-family:verdana; font-weight:600; font-size:1em; line-height:1.5em; color: #8E8E8E; background-color: #FCFCFC; margin-right: 5px; margin-bottom: 5px; } /* input в фрейме ответа */
.div_input_an::placeholder { color: #DBDBDB; }  /* цвет placeholder в редакторе вступления */
.div_button_anser { background-color: #68CC92; padding: 5px; border: 1px solid #68CC92; border-radius: 3px; font-size: 1em; color: #ffffff; margin-bottom:20px;  } /* кнопка ответить в фрейме ответа */

.div_use { font-family:verdana; color: #757575; border: 1px solid #BEC8D3; background-color: #F2F2F2; margin-top: 10px; }/* div оформления в самом файле div - оформление использования, пояснения и ответа */

/* Iframe загаданные поля */
.div_polya_dt { margin-bottom: 10px; background-color: #FBFECA; border: 1px solid #C3C3C3; padding: 10px; font-size: 1em;  color: #757575; font-family:verdana;  }
.div_polya_zag   { padding-top: 5px;  }            /* поле не отгаданное */
.div_polya_zag_r { color: #68CC92;  }              /* поле отгаданное */

.fraza_p { font-family:verdana; color: #757575; border: 1px solid #BEC8D3; background-color: #F2F2F2; margin-top: 10px; }
.fraza_show_text { margin-top: 5px; background-color: #fff; padding: 5px; border: 1px solid #BEC8D3; border-radius: 3px; font-size: 1em; color: #757575; word-wrap: break-word; margin-bottom:5px; margin-left: 5px; }

.div_button_next { background-color: #68CC92; padding: 5px; border: 1px solid #68CC92; border-radius: 3px; font-size: 1em; color: #ffffff; margin-bottom:20px; width: 300px; margin-top: 10px;  } /* кнопка ответить в фрейме ответа */

/* изображения */
.img_4_div { display:flex; flex-wrap: wrap; }

/* изображения */
.a_drkvest { display: none; }

.float_l { float: left; }                                                                          /*  */
.dis_tab { display: table; }                                                                       /* */
.ww { word-wrap: break-word; max-width:940px; display: table; }
.tdn { text-decoration: none; }

/* Заголовок квеста */
.div_title_v 
{
	margin: 0px; 
	padding: 0px;
	text-decoration: none;
	font-family:verdana;
	font-weight:400;
	line-height: 1.2em;
}

.div_text_v  {
	font-family:verdana;
	font-weight:400;
	font-size:1em;
	line-height:1.5em;
	color: #757575;
	}

@media (min-width: 960px ) 
{ 
	.div_view_page_w { width: 960px; margin-top: 10px; }                 /* Ширина станицы квеста */
    .div_view_video  { width: 800px; height: 451px; }                    /* Ширина видео */
    .time_podskazka_go_w  { font-size:0.8em; word-wrap: break-word; width: 960px; }    /* Перенос текста фрейма подсказки */
    .iframe_answer_w { width: 960px; padding-bottom: 10px;  }            /* Ширина фрейма ответа */
    .div_input_an_w  { width: 800px; }                                   /* Ширина блока ввода ответа */
    .div_button_anser_w2 { display: none; }                              /* Ширина кнокп ответить */
    .div_podskazki_show_text_w { width: 750px;}                          /* Ширина текста обычной подсказки */
    .ava_p { width: 100px; }                         /* Ширина персонажа */
    .fraza_w { width: 750px;}                                            /* Ширина текста обычной подсказки */
    .div_vopros_w    { max-width: 920px; overflow: hidden; }             /* Ширина области отображения вопроса */
    .img_44 { max-width: 450px; margin-left: 5px; margin-bottom: 5px; }  /* Ширина изображения через 4 формы */
    .img_1  { max-width: 800px; margin-left: 5px; margin-bottom: 5px; }  /* Ширина 1 изображения по центру */
} /* выше или равно 1005 пикселя*/

@media (max-width: 959px) and (min-width: 720px )
{ 
	.div_view_page_w { width: 95%; margin: 10px;  }                       /* Ширина станицы квеста */
    .div_view_video  { width: 640px; height: 360px; }                    /* Ширина видео */
    .time_podskazka_go_w  { font-size:0.7em; word-wrap: break-word; width: 960px; }    /* Перенос текста фрейма подсказки */
    .iframe_answer_w { width: 960px; padding-bottom: 10px; }             /* Ширина фрейма ответа */
    .div_input_an_w  { width: 620px; }                                   /* Ширина блока ввода ответа */
    .div_button_anser_w2 { display: none; }                              /* Ширина кнокп ответить */
    .div_podskazki_show_text_w { width: 580px; }                         /* Ширина текста обычной подсказки */
    .ava_p { width: 100px; }                         /* Ширина персонажа */
    .fraza_w { width: 580px; }                                           /* Ширина текста обычной подсказки */
    .div_vopros_w    { max-width: 680px; overflow: hidden; }             /* Ширина области отображения вопроса */
    .img_44 { max-width: 650px; margin-left: 5px; margin-bottom: 5px; }  /* Ширина изображения через 4 формы */ 
    .img_1  { max-width: 650px; margin-left: 5px; margin-bottom: 5px; }  /* Ширина 1 изображения по центру */
} /* меньше 1008 пикселей */

@media (max-width: 719px) and (min-width: 500px )  
{ 
	.div_view_page_w { width: 95%; margin: 10px; }                       /*  Ширина станицы квеста */
    .div_view_video  { width: 490px; height: 276px; }                    /* Ширина видео */ 
    .time_podskazka_go_w  { font-size:0.7em; word-wrap: break-word; width: 93%; }    /* Перенос текста фрейма подсказки */
    .iframe_answer_w { width: 95%; padding-bottom: 10px; }               /* Ширина фрейма ответа */
     .div_input_an_w  { width: 450px; }                                  /* Ширина блока ввода ответа */
    .div_button_anser_w  { display: none; }                               /* Ширина кнокп ответить */
    .div_button_anser_w2 { width: 30px; }                                 /* Ширина кнокп ответить */
    .div_podskazki_show_text_w { width: 370px; }                          /* Ширина текста обычной подсказки */
    .ava_p { width: 90px; }                           /* Ширина персонажа */
    .fraza_w { width: 370px; }                                            /* Ширина текста обычной подсказки */
    .div_vopros_w    { max-width: 440px; overflow: hidden; }             /* Ширина области отображения вопроса */
    .img_44 { max-width: 450px; margin-left: 5px; margin-bottom: 5px; }  /* Ширина изображения через 4 формы */ 
    .img_1  { max-width: 420px; margin-left: 5px; margin-bottom: 5px; }  /* Ширина 1 изображения по центру */
}

@media (max-width: 499px)
{ 
	.div_view_page_w { width: 95%; margin: 10px; }                       /*  Ширина станицы квеста */
    .div_view_video  { width: 320px; height: 180px; }                    /* Ширина видео */
    .time_podskazka_go_w  { font-size:0.7em; word-wrap: break-word; width: 93%; }    /* Перенос текста фрейма подсказки */
    .iframe_answer_w { width: 95%; padding-bottom: 10px; }                /* Ширина фрейма ответа */
    .div_input_an_w  { width: 310px; }                                    /* Ширина блока ввода ответа */
    .div_button_anser_w  { display: none; }                               /* Ширина кнокп ответить */
    .div_button_anser_w2 { width: 30px; }                                 /* Ширина кнокп ответить */
    .div_podskazki_show_text_w { width: 370px; }                          /* Ширина текста обычной подсказки */
    .ava_p { width: 70px; }                           /* Ширина персонажа */
    .fraza_w { width: 340px; }                                            /* Ширина текста обычной подсказки */
    .div_vopros_w    { max-width: 300px; overflow: hidden; }              /* Ширина области отображения вопроса */
    .img_44 { max-width: 320px; margin-left: 5px; margin-bottom: 5px; }  /* Ширина изображения через 4 формы */
    .img_1  { max-width: 290px; margin-left: 5px; margin-bottom: 5px; }  /* Ширина 1 изображения по центру */
}

@media (max-width: 361px)
{ 
	.div_view_page_w { width: 95%; margin: 10px; }                       /*  Ширина станицы квеста */
    .div_view_video  { width: 320px; height: 180px; }                    /* Ширина видео */
    .time_podskazka_go_w  { font-size:0.6em; word-wrap: break-word; display:block; width: 93%; }    /* Перенос текста фрейма подсказки */
    .iframe_answer_w { width: 93%; padding-bottom: 10px; }                /* Ширина фрейма ответа */
    .div_input_an_w  { width: 230px; }                                    /* Ширина блока ввода ответа */
    .div_button_anser_w  { display: none; }                               /* Ширина кнокп ответить */
    .div_button_anser_w2 { width: 30px; }                                 /* Ширина кнокп ответить */
    .div_podskazki_show_text_w { width: 270px; }                          /* Ширина текста обычной подсказки */
    .ava_p { width: 50px; }                           /* Ширина персонажа */
    .fraza_w { width: 220px; }                                            /* Ширина текста обычной подсказки */
    .div_vopros_w    { max-width: 300px; overflow: hidden; }             /* Ширина области отображения вопроса */
    .img_44 { max-width: 320px; margin-left: 5px; margin-bottom: 5px; }  /* Ширина изображения через 4 формы */ 
    .img_1  { max-width: 290px; margin-left: 5px; margin-bottom: 5px; }  /* Ширина 1 изображения по центру */
}