<!--HTML-->


<div class="tab">
  <button class="tablinks" onclick="openCity(event, 'tab-week')" id="defaultOpen">Детектив</button>
  <button class="tablinks" onclick="openCity(event, 'tab-week-2')">Драма</button>
  <button class="tablinks" onclick="openCity(event, 'tab-week-3')">Криминал</button>
  <button class="tablinks" onclick="openCity(event, 'tab-week-4')">История</button>
  <button class="tablinks" onclick="openCity(event, 'tab-week-5')">Ужасы</button>
  <button class="tablinks" onclick="openCity(event, 'tab-week-6')">Фантастика</button>
  <button class="tablinks" onclick="openCity(event, 'tab-week-7')">Фэнтези</button>
</div>
<div id="main-week">
<div class="main-week-info">Время сериалов! <button class="myBtn" data-modal="myModal51" style="cursor: pointer; color: #fff; text-shadow: 0 0 2px #dee9ff;">⦿</div></button>
<div id="myModal51" class="modal_2">
<div class="modal-header">
<span class="close" data-modal="myModal51"><style-close>&times;</style-close></span></div>
<div class="main-week-info-block">
<text-style>Инструкция:<br>
1. Выбери любимый сериал;<br>
2. Выполни 3 задания на выбор из каждого блока;<br>
3. Нажми на кнопку ниже = получи приз.</text-style>

<strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1"><button class="week-code">GO!</button></a></strong><div style="font-size: 0px"><pre>- название сериала 
- выполненное задание 
- доказательство (ссылка / скрин тд) </pre></div>
</div></div>


 <! -- ДЕТЕКТИВ -->

<div id="tab-week" class="tabcontent">
<input type="radio" name="point" id="slide1" checked>
<input type="radio" name="point" id="slide2">
<div class="slider">

 <! -- 1 СТРОКА 1 СТРАНИЦЫ -->

<div class="slides slide1">
<div class="elements-block">

<button class="myBtn" data-modal="myModal1" ><img src="https://i.imgur.com/resblcf.jpg" id="back-img" class="img-modal"></button>
<div id="myModal1" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal1">&times;</span>
</div>
<div class="modal-body">
<modal-text>1. обанкротиться</modal-text>
<modal-text>2. вести собственное расследование</modal-text>
<modal-text>3. нанять секретаря</modal-text>
<modal-text>4. сломать четвертую стену</modal-text>
<modal-text>5. путешествовать на поезде</modal-text></div>
<div class="modal-body_2">
<modal-text>1. кинуть в "осторожно, спойлеры" 5 фильмов с Брюсом Уиллисом</modal-text>
<modal-text>2. запостить 3 фото в соцсети</modal-text>
<modal-text>3. поставить 10 и более плюсов за день</modal-text>
<modal-text>4. посвятить кому-нибудь 3 числа сообщений/репутации</modal-text>
<modal-text>5. провести во флуде допрос (например: где мой пост?!)</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal2" ><img src="https://i.imgur.com/HhUAkLb.jpg" id="back-img" class="img-modal"></button>
<div id="myModal2" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal2">&times;</span>
</div>
<div class="modal-body">
<modal-text>1. прийти в гости и выпить бутылку вина</modal-text>
<modal-text>2. что-нибудь нарисовать и выдать за произведение известного художника</modal-text>
<modal-text>3. что-то украсть и делать вид, что ничего не было</modal-text>
<modal-text>4. жить в чужом доме</modal-text>
<modal-text>5. сходить в музей</modal-text>
</div>
<div class="modal-body_2">
<modal-text>1. очень долго и активно нудеть и втирать бесполезную информацию, выдавая ее за очень полезную </modal-text>
<modal-text>2. представляться во флуде вымышленным именем </modal-text>
<modal-text>3. в игре "слова" использовать только слова, связанные с искусством (20 сообщений) </modal-text>
<modal-text>4. выставить в соцсеть фото персонажа в шляпе [если такой нет, то просто фото шляпы] </modal-text>
<modal-text>5. использовать в трех постах слова [на выбор]: вино, картины, костюм-тройка, мошенник; повторяться можно </modal-text>

</div></div></div>

<button class="myBtn" data-modal="myModal3" ><img src="https://i.pinimg.com/originals/93/6c/29/936c29177d8c7531d9dc50fb35594bc2.jpg" id="back-img" class="img-modal"></button>
<div id="myModal3" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal3">&times;</span></div>
<div class="modal-body">
<modal-text>1. побывать в зале суда</modal-text>
<modal-text>2. получить визитку адвоката</modal-text>
<modal-text>3. стать соучастником убийства</modal-text>
<modal-text>4. подставить другого </modal-text>
<modal-text>5. побывать на вечеринке у костра</modal-text></div>
<div class="modal-body_2">
<modal-text>1. нафлудить 100 и более сообщений за неделю</modal-text>
<modal-text>2. открыть эпизод на 5 и более человек</modal-text>
<modal-text>3. рассуждать во флуде об идеальном убийстве</modal-text>
<modal-text>4. набить в точках 20 сообщений за 3 дня</modal-text>
<modal-text>5. </modal-text>
</div></div></div>


 <! -- 2 СТРОКА 1 СТРАНИЦЫ -->

<button class="myBtn" data-modal="myModal5" ><img src="https://i.imgur.com/Ypuzre6.jpg" id="back-img" class="img-modal"></button>
<div id="myModal5" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal5">&times;</span></div>
<div class="modal-body">
<modal-text>1. следить за копом</modal-text>
<modal-text>2. устроить вечер покера</modal-text>
<modal-text>3. купить радиоуправляемую игрушку</modal-text>
<modal-text>4. прятаться от бывшей/бывшего</modal-text>
<modal-text>5. приготовить новое шедевральное, но 
совершенно несъедобное блюдо</modal-text></div>
<div class="modal-body_2">
<modal-text>1. выдвигать во флуде невероятные теории заговора</modal-text>
<modal-text>2. уверять всех, что вас похитили инопланетяне</modal-text>
<modal-text>3. нафлудить 150 сообщений за день</modal-text>
<modal-text>4. кидать в "пой мне еще" песни элвиса пресли 3 дня подряд</modal-text>
<modal-text>5. поставить статус "nevermore"</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal6" ><img src="https://i.imgur.com/NPEUQyq.jpg" id="back-img" class="img-modal"></button>
<div id="myModal6" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal6">&times;</span></div>
 <div class="modal-body">
<modal-text>1. обнаружить человеческие останки</modal-text>
<modal-text>2. наблюдать за следствием</modal-text>
<modal-text>3. дать знакомому дурацкое прозвище</modal-text>
<modal-text>4. принести кофе на работу</modal-text>
<modal-text>5. общаться с подозреваемым</modal-text></div>
 <div class="modal-body_2">
<modal-text>1. один день писать сообщения только в комментариях к плюсам, не используя обычные сообщения во флуде</modal-text>
<modal-text>2. пофлудить в чьей-то личной теме</modal-text>
<modal-text>3. нафлудить больше 200 сообщений за неделю</modal-text>
<modal-text>4. оставить комментарий в чужой соцсети ("подписаться", прокомментировать от лица персонажа) </modal-text>
<modal-text>5. выставить фото происшествия в своей соцсети</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal7" ><img src="https://i.imgur.com/91R0NfV.jpg" id="back-img" class="img-modal"></button>
<div id="myModal7" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal7">&times;</span></div>
<div class="modal-body">
<modal-text>1. помочь следствию</modal-text>
<modal-text>2. так помогать следствию, что оно зашло в тупик</modal-text>
<modal-text>3. пригласить участок на чай и забыть об этом</modal-text>
<modal-text>4. пролить чай на важные документы</modal-text>
<modal-text>5. быть ошибочно арестованным</modal-text></div>
<div class="modal-body_2">
<modal-text>1. представляться во флуде любым женским именем вместо своей фамилии (гг звали Патрик Джейн)</modal-text>
<modal-text>2. все напитки в разговоре заменять на чай (вообще все)</modal-text>
<modal-text>3. выставить в соцсети фоточки с чаем</modal-text>
<modal-text>4. набить 100 сообщений в смайлах</modal-text>
<modal-text>5. оставить 20 забавных комментариев к плюсам</modal-text>
</div></div></div>


</div>
</div>

 <! -- 1 СТРОКА 2 СТРАНИЦЫ -->

<div class="slides slide2"><div class="elements-block">

<button class="myBtn" data-modal="myModal4" ><img src="https://i.imgur.com/UAXOINI.jpg" id="back-img" class="img-modal"></button>
<div id="myModal4" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal4">&times;</span></div>
<div class="modal-body">
<modal-text>1. украсть и съесть чужой пудинг</modal-text>
<modal-text>2. посетить вечеринку нудистов</modal-text>
<modal-text>3. скурить улику</modal-text>
<modal-text>4. подружиться с чужим ребенком</modal-text>
<modal-text>5. не верить в правду</modal-text></div>
<div class="modal-body_2">
<modal-text>1. обращаться к кому-то во флуде как "детектив!"</modal-text>
<modal-text>2. нафлудить более 50 сообщений за день </modal-text>
<modal-text>3. поставить плашку </modal-text>
<modal-text>4. кинуть в "пой мне еще" 5 остов из сериала</modal-text>
<modal-text>5. написать заявку с внешностью любого актера из сериала "Люцифер"</modal-text>
</div></div></div>

</div></div>

</div><! -- закрытие слайдер -->
	
<div class="controls">
    <label for="slide1"></label>
    <label for="slide2"></label></div>

</div><! -- закрытие таба -->

 <! -- ДЕТЕКТИВ КОНЕЦ -->



 <! -- ДРАМА -->

<div id="tab-week-2" class="tabcontent">
	<input type="radio" name="point-2" id="slide1-2" checked>
	<input type="radio" name="point-2" id="slide2-2">

	<div class="slider-2">

 <! -- 1 СТРОКА 1 СТРАНИЦЫ -->

<div class="slides-2 slide1-2">
<div class="elements-block">

<button class="myBtn" data-modal="myModal8" ><img src="https://i.imgur.com/Zyz9DC4.jpg" id="back-img" class="img-modal"></button>
<div id="myModal8" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal8">&times;</span></div>
<div class="modal-body">
<modal-text>1. прослушивать кассеты с записями</modal-text>
<modal-text>2. гулять на детской площадке ночью</modal-text>
<modal-text>3. сидеть возле кинотеатра и смотреть на звёзды</modal-text>
<modal-text>4. стать жертвой насмешек</modal-text>
<modal-text>5. сделать «корзину для комплиментов»</modal-text>
</div>
<div class="modal-body_2">
<modal-text>1. кинуть 13 песен в "пой мне еще" за день</modal-text>
<modal-text>2. нафлудить 50 сообщений в уголке одиночества за неделю</modal-text>
<modal-text>3. кидать во флуд грустные гиф /смайлы (минимум 3)</modal-text>
<modal-text>4. поставить синюю аву</modal-text>
<modal-text>5. открыть эпизод про свои школьные времена</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal9" ><img src="https://i.imgur.com/Zj9r1pk.jpg" id="back-img" class="img-modal"></button>
<div id="myModal9" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal9">&times;</span></div>
<div class="modal-body">
<modal-text>1. загреметь в больницу и требовать нормального врача, а не этих криворуких интернов</modal-text>
<modal-text>2. быть облитым физраствором</modal-text>
<modal-text>3. попасть в невероятно нелепую ситуацию</modal-text>
<modal-text>4. привезти в больницу раненого/больного</modal-text>
<modal-text>5. переспать с коллегой/боссом/подчиненным</modal-text>
</div>
<div class="modal-body_2">
<modal-text>1. умничать во флуде и щеголять медицинскими терминами</modal-text>
<modal-text>2. надеть плашку (плашка)</modal-text>
<modal-text>3. всю неделю использовать только один смайл (смайл)</modal-text>
<modal-text>4. петь во флуде "а а а а стэйн алайв стэйн алайв"</modal-text>
<modal-text>5.  взять эпизод на троих и более игроков</modal-text>
</div>
</div></div>


<button class="myBtn" data-modal="myModal10" ><img src="https://i.imgur.com/bqCT5Pj.jpg" id="back-img" class="img-modal"></button>
<div id="myModal10" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal10">&times;</span></div>
<div class="modal-body">
<modal-text>1. побывать на побережье</modal-text>
<modal-text>2. сходить на школьный спектакль</modal-text>
<modal-text>3. купить печенье у скаутов</modal-text>
<modal-text>4. начать бегать</modal-text>
<modal-text>5. попасть в пробку из-за школьников</modal-text>
</div>
<div class="modal-body_2">
<modal-text>1. найти и кинуть в "пой мне еще" 3 и более оста из сериала</modal-text>
<modal-text>2. написать заявку на персонажа с любым актером из сериала бмл</modal-text>
<modal-text>3. нафлудить 100 сообщений в флудомыслях</modal-text>
<modal-text>4. взять эпизод с новым человеком (с кем раньше не играли)</modal-text>
<modal-text>5. написать 10 комментариев к плюсам</modal-text>
</div>
</div></div>

 <! -- 2 СТРОКА 1 СТРАНИЦЫ -->

<button class="myBtn" data-modal="myModal11" ><img src="https://i.imgur.com/4xYhIEP.jpg" id="back-img" class="img-modal"></button>
<div id="myModal11" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal11">&times;</span></div>
<div class="modal-body">
<modal-text>1. быть сбитым машиной</modal-text>
<modal-text>2. отстричь волосы</modal-text>
<modal-text>3. не прийти на свидание</modal-text>
<modal-text>4. поехать в Европу</modal-text>
<modal-text>5. участвовать в конкурсе красоты (да, мужчины тоже, почему нет)</modal-text></div>
<div class="modal-body_2">
<modal-text>1. нафлудить 40 сообщений за 2 часа</modal-text>
<modal-text>2. поставить плашку</modal-text>
<modal-text>3. напевать заглавную песню сериала во флуде</modal-text>
<modal-text>4. вставлять везде испанские словечки (простые: ола, пардон, граци и т. д.) </modal-text>
<modal-text>5. открыть новый эпизод</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal12" ><img src="https://i.imgur.com/uq8EaiJ.jpg" id="back-img" class="img-modal"></button>
<div id="myModal12" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal12">&times;</span></div>
<div class="modal-body">
<modal-text>1. получить большую сумму денег</modal-text>
<modal-text>2. купить дорогой наряд</modal-text>
<modal-text>3. кататься на яхте </modal-text>
<modal-text>4. много, но элегантно пить</modal-text>
<modal-text>5. нанять водителя</modal-text></div>
<div class="modal-body_2">
<modal-text>1. нафлудить 200 сообщений за 3 дня</modal-text>
<modal-text>2. поставить 30 плюсов за 3 дня</modal-text>
<modal-text>3. написать минимум 2 поста за неделю</modal-text>
<modal-text>4. оставить 10 комментариев к плюсам</modal-text>
<modal-text>5. оставить какой-нибудь отзыв в теме "осторожно, спойлеры!"</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal13" ><img src="https://i.imgur.com/5BzH2dB.jpg" id="back-img" class="img-modal"></button>
<div id="myModal13" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal13">&times;</span></div>
<div class="modal-body">
<modal-text>1. считать всех идиотами</modal-text>
<modal-text>2. подсесть на сильный анальгетик по рецепту</modal-text>
<modal-text>3. переспать с коллегой</modal-text>
<modal-text>4. въехать на машине в дом бывшей/бывшего</modal-text>
<modal-text>5. слушать музыку через бумбокс</modal-text></div>
<div class="modal-body_2">
<modal-text>1. вести себя во флуде немного неадекватно </modal-text>
<modal-text>2. брюзжать и отвечать на все с сарказмом</modal-text>
<modal-text>3. оставить 10 комментариев к плюсам</modal-text>
<modal-text>4. поставить плашку </modal-text>
<modal-text>5. выставить в соцсеть 5 любых фото</modal-text>
</div></div></div>


</div>
</div>

 <! -- 1 СТРОКА 2 СТРАНИЦЫ -->

<div class="slides-2 slide2-2"><div class="elements-block">

<button class="myBtn" data-modal="myModal14" ><img src="https://i.imgur.com/FGM1qQK.jpg" id="back-img" class="img-modal"></button>
<div id="myModal14" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal14">&times;</span></div>
<div class="modal-body">
<modal-text>1. завести дневник</modal-text>
<modal-text>2. стать жертвой комара</modal-text>
<modal-text>3. убить комара дневником на светлой стенке</modal-text>
<modal-text>4. пригласить кого-нибудь войти в дом</modal-text>
<modal-text>5. посетить кладбище ночью (лучше в полнолуние)</modal-text>
</div>
<div class="modal-body_2">
<modal-text>1. называть свою половинку исключительно "кровопийца"</modal-text>
<modal-text>2. доказывать всем во флуде, что у тебя есть плохой/хороший двойник </modal-text>
<modal-text>3. нафлудить 50 сообщений в уголке одиночества</modal-text>
<modal-text>4. хотя бы раз в день писать во флуде сообщение, начиная с: "Дорогой дневник!"</modal-text>
<modal-text>5. написать в цитатник рецензию (любого размера) на любой фильм/сериал/книгу о вампирах</modal-text>
</div>
</div></div>

</div></div>

</div><! -- закрытие слайдер -->
	
<div class="controls-1">
    <label for="slide1-2"></label>
    <label for="slide2-2"></label></div>
</div>
 <! -- ДРАМА КОНЕЦ -->


 <! -- КРИМИНАЛ -->

<div id="tab-week-3" class="tabcontent">
<input type="radio" name="point-3" id="slide1-3" checked>
<div class="slider-3">

 <! -- 1 СТРОКА 1 СТРАНИЦЫ -->

<div class="slides-3 slide1-3">
<div class="elements-block">

<button class="myBtn" data-modal="myModal15" ><img src="https://i.imgur.com/xvTz644.jpg" id="back-img" class="img-modal"></button>
<div id="myModal15" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal15">&times;</span></div>
<div class="modal-body">
<modal-text>1. побывать в майами</modal-text>
<modal-text>2. прочесть статью о брызгах крови</modal-text>
<modal-text>3. для особо смелых: завести детей</modal-text>
<modal-text>4. угостить друзей пончиками</modal-text>
<modal-text>5. посетить строительный магазин</modal-text></div>
<div class="modal-body_2">
<modal-text>1. надеть красную/темную/мрачную аву</modal-text>
<modal-text>2. рассуждать во флуде о брызгах крови</modal-text>
<modal-text>3. нафлудить в уголке одиночества 20 и более сообщений за день</modal-text>
<modal-text>4. открыть новый эпизод</modal-text>
<modal-text>5. 3 дня подряд играть в теме "точки"</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal16" ><img src="https://i.imgur.com/MQAyaNQ.jpg" id="back-img" class="img-modal"></button>
<div id="myModal16" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal16">&times;</span></div>
<div class="modal-body">
<modal-text>1. купить 10 одинаковых фигурок</modal-text>
<modal-text>2. написать анонимный отзыв</modal-text>
<modal-text>3. написать бумажное письмо</modal-text>
<modal-text>4. размышлять о правосудии</modal-text>
<modal-text>5. пригласить друзей на чай</modal-text>
</div>
<div class="modal-body_2">
<modal-text>1. надеть плашку</modal-text>
<modal-text>2. нафлудить 20 сообщений в уголке одиночества за день</modal-text>
<modal-text>3. поставить в статус любую строчку из считалки (можно из сериала, а можно из книги, перевод или оригинал на ваше усмотрение)</modal-text>
<modal-text>4. написать сплетню/новость для газеты</modal-text>
<modal-text>5. написать в "книжный развал" 3 произведения Агаты Кристи (любые)</modal-text>
</div>
</div></div>

<button class="myBtn" data-modal="myModal17" ><img src="https://i.imgur.com/hiqk8Fh.jpg" id="back-img" class="img-modal"></button>
<div id="myModal17" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal17">&times;</span></div>
<div class="modal-body">
<modal-text>1. узнать о том, что у тебя рак (диагноз может быть ложным)</modal-text>
<modal-text>2. продать какое-то имущество</modal-text>
<modal-text>3. ввязаться в авантюру</modal-text>
<modal-text>4. побриться налысо</modal-text>
<modal-text>5. уволиться</modal-text></div>
<div class="modal-body_2">
<modal-text>1. предлагать во флуде "закинуться чем-нибудь синеньким"</modal-text>
<modal-text>2. шизофренить во флуде (общаться с персонажем, которого не существует)</modal-text>
<modal-text>3. поставить плашку</modal-text>
<modal-text>4. нафлудить 200 и более сообщений</modal-text>
<modal-text>5. нарваться на цензуру</modal-text>
</div></div></div>


 <! -- 2 СТРОКА 1 СТРАНИЦЫ -->
<button class="myBtn" data-modal="myModal18" ><img src="https://i.imgur.com/oSbq0AI.jpg" id="back-img" class="img-modal"></button>
<div id="myModal18" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal18">&times;</span></div>
<div class="modal-body">
<modal-text>1. поработать в книжном</modal-text>
<modal-text>2. безумно влюбиться и грезить только о нем/ней</modal-text>
<modal-text>3. готовить, когда плохое настроение</modal-text>
<modal-text>4. пойти в икеа и полежать на всех кроватях</modal-text>
<modal-text>5. вести мысленный монолог по отношению к другому персонажу</modal-text></div>
<div class="modal-body_2">
<modal-text>1. отплюсить все сообщения одного пользователя (на ваш выбор, но их должно быть больше 20)</modal-text>
<modal-text>2. оставить тому же пользователю 20 и более комментариев к плюсам</modal-text>
<modal-text>3. выставить в соцсеть фото чужого персонажа (лучше того же, кто в 1 и 2 пунктах)</modal-text>
<modal-text>4. провести в онлайне больше 3х часов подряд</modal-text>
<modal-text>5. подарить плашку кому-то (лучше человеку из пунктов выше)</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal19" ><img src="https://i.imgur.com/3JhBUvH.jpg" id="back-img" class="img-modal"></button>
<div id="myModal19" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal19">&times;</span></div>
<div class="modal-body">
<modal-text>1. пригласить кучу гостей на ужин </modal-text>
<modal-text>2. сходить в оперу или в филармонию </modal-text>
<modal-text>3. изучать этикет </modal-text>
<modal-text>4. купить скальпель для заточки карандашей</modal-text>
<modal-text>5. затачивать карандаши скальпелем </modal-text></div>
<div class="modal-body_2">
 <modal-text>1. поставить плашку </modal-text>
 <modal-text>2. написать во флуд минимум два рецепта (любых) </modal-text>
 <modal-text>3. сталкерить кого-нибудь по всем темам (следить, плюсить, комментировать передвижения) </modal-text>
 <modal-text>4. набить 10 сообщений в словах, используя только вариации мясных продуктов/блюд </modal-text>
 <modal-text>. поставить более 50 плюсов за неделю </modal-text>
</div></div></div>

</div>
</div>

</div><! -- закрытие слайдер -->
	
<div class="controls-2"></div>

</div>
 <! -- КРИМИНАЛ КОНЕЦ -->



 <! -- ИСТОРИЯ--> 

<div id="tab-week-4" class="tabcontent">
<input type="radio" name="point-4" id="slide1-4" checked>
<div class="slider-4">

 <! -- 1 СТРОКА 1 СТРАНИЦЫ -->

<div class="slides-4 slide1-4">
<div class="elements-block">

<button class="myBtn" data-modal="myModal20" ><img src="https://i.imgur.com/ZzgreI0.jpg" id="back-img" class="img-modal"></button>
<div id="myModal20" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal20">&times;</span></div>
<div class="modal-body">
<modal-text>1. получить какое-либо наследство</modal-text>
<modal-text>2. повздорить с родителем </modal-text>
<modal-text>3. растратить карманные на азартные игры</modal-text>
<modal-text>4. танцевать вальс </modal-text>
<modal-text>5. раскаиваться / сожалеть о принятых в прошлом решениях</modal-text></div>
<div class="modal-body_2">
<modal-text>1. кинуть во флуд мем по "войне и миру"</modal-text>
<modal-text>2. кинуть в "пой мне ещё" 3 русских народных песен</modal-text>
<modal-text>3. 10 сообщений во флуде вставлять фразу "ах, какая прелесть!"</modal-text>
<modal-text>4. запостить в соц сеть фото медведя </modal-text>
<modal-text>5. описать в посте какое-нибудь дерево </modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal21" ><img src="https://i.imgur.com/3NNwkAZ.jpg" id="back-img" class="img-modal"></button>
<div id="myModal21" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal21">&times;</span></div>
<div class="modal-body">
<modal-text>1. кататься на паровозе (настоящем или в парке аттракционов)</modal-text>
<modal-text>2.  расстаться с любимой игрушкой из детства </modal-text>
<modal-text>3. провалиться под лёд</modal-text>
<modal-text>4. испытывать ненависть к кому-либо, но позже изменить отношение на положительное </modal-text>
<modal-text>5. заблудиться в лесу / горах</modal-text></div>
<div class="modal-body_2">
<modal-text>1. оставить в "пой мне еще" 3 рождественских песни / мелодии</modal-text>
<modal-text>2. 5 сообщений во флуде жаловаться на детей (любых)</modal-text>
<modal-text>3. требовать обращения "ваше величество" во флуде в течении дня</modal-text>
<modal-text>4. называть в течении дня вторую половинку / друга "ангел мой" </modal-text>
<modal-text>5. вставить в любое флудовое сообщение фразу "какой скандал"</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal22" ><img src="https://i.imgur.com/Q9PtZa1.jpg" id="back-img" class="img-modal"></button>
<div id="myModal22" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal22">&times;</span></div>
<div class="modal-body">
<modal-text>1. удалить компрометирующую переписку </modal-text>
<modal-text>2. крепко спать во время пожара в квартире / доме </modal-text>
<modal-text>3. стать свидетелем смерти от сердечного приступа</modal-text>
<modal-text>4. обсуждать темы феминизма</modal-text>
<modal-text>5. строить план мести</modal-text></div>
<div class="modal-body_2">
<modal-text>1. 5 раз поныть во флуде о том, что раньше было лучше</modal-text>
<modal-text> взять исторический эпизод в прошлом (нпс) или в альтах</modal-text>
<modal-text>3. выставить в соцсеть фото персонажа в вечернем наряде (платье/смокинг)</modal-text>
<modal-text>4. нафлудить 100 сообщений за неделю</modal-text>
<modal-text>5. оставить хотя бы одно сообщение в каждой теме игровой (Линкольн Центр)</modal-text>
</div></div></div>

 <! -- 2 СТРОКА 1 СТРАНИЦЫ -->

<button class="myBtn" data-modal="myModal23" ><img src="https://i.imgur.com/oytNlT2.jpg" id="back-img" class="img-modal"></button>
<div id="myModal23" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal23">&times;</span></div>
<div class="modal-body">
<modal-text>1. подглядывать </modal-text>
<modal-text>2. рассказывать страшилки на ночь </modal-text>
<modal-text>3. изменять</modal-text>
<modal-text>4. драться на шпагах (рапирах, мечах, можно даже на теннисных ракетках)</modal-text>
<modal-text>5. устроить пикник</modal-text></div>
<div class="modal-body_2">
<modal-text>1. кинуть заявку (можно "хочу видеть") на персонажа с внешностью любого из актеров сериала</modal-text>
<modal-text>2. найти и кинуть в "пой мне еще" 5 остов из сериала</modal-text>
<modal-text>3. называть кого-нибудь во флуде "ваше величество" 3 дня подряд</modal-text>
<modal-text>4. требовать отрубить кому-то голову</modal-text>
<modal-text>5. нафлудить 100 сообщений за неделю</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal24" ><img src="https://i.imgur.com/3yolXGJ.jpg" id="back-img" class="img-modal"></button>
<div id="myModal24" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal24">&times;</span></div>
<div class="modal-body">
<modal-text>1. быть приглашенным в шикарный дом </modal-text>
<modal-text>2. стать посмешищем</modal-text>
<modal-text>3. отвергать чьи-то чувства</modal-text>
<modal-text>4. кататься верхом</modal-text>
<modal-text>5. принять приглашение на танец (можно на белый)</modal-text></div>
<div class="modal-body_2">
<modal-text>1. истерить и ссылаться на свои шаткие нервы</modal-text>
<modal-text>2. выставить в соцсеть фото природы</modal-text>
<modal-text>3. петь о любви</modal-text>
<modal-text>4. нафлудить 50 сообщений за 3 дня</modal-text>
<modal-text>5. написать заявку на родственника</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal25" ><img src="https://i.imgur.com/RSoD3e7.jpg" id="back-img" class="img-modal"></button>
<div id="myModal25" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal25">&times;</span></div>
<div class="modal-body">
<modal-text>1. провести отпуск в Африке </modal-text>
<modal-text>2. заказать у художника собственный портрет </modal-text>
<modal-text>3. отправиться на охоту </modal-text>
<modal-text>4. скрывать отношения</modal-text>
<modal-text>5. отказать близкому родственнику в какой-либо просьбе</modal-text></div>
<div class="modal-body_2">
<modal-text>1. поставить в статус / подпись "нет в мире тяжести, сравнимой с тяжестью короны" на 1 день </modal-text>
<modal-text>2. оставить в "пой мне ещё" 3 композиции из короны </modal-text>
<modal-text>3. переодеться в елизавету ii / филиппа и пытаться вести себя по-королевски по флуде, в течении дня</modal-text> 
<modal-text>4. запостить в соц сеть фото корги </modal-text>
<modal-text>5. 5 сообщений жаловаться на погоду </modal-text>
</div></div></div>

</div>
</div>

</div><! -- закрытие слайдер -->
	
<div class="controls-3"></div>

</div>
 <! -- ИСТОРИЯ КОНЕЦ -->


 <! -- УЖАСЫ -->

<div id="tab-week-5" class="tabcontent">
<input type="radio" name="point-5" id="slide1-5" checked>
<input type="radio" name="point-5" id="slide2-5">
<div class="slider-5">

 <! -- 1 СТРОКА 1 СТРАНИЦЫ -->

<div class="slides-5 slide1-5">
<div class="elements-block">

<button class="myBtn" data-modal="myModal26" ><img src="https://i.imgur.com/xKr0GhD.jpg" id="back-img" class="img-modal"></button>
<div id="myModal26" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal26">&times;</span></div>
<div class="modal-body">
<modal-text>1. познакомиться с соседями</modal-text>
<modal-text>2. сходить в цирк </modal-text>
<modal-text>3. прочитать страшную статью про психбольницу </modal-text>
<modal-text>4. увидеть клоуна </modal-text>
<modal-text>5. увидеть сон про купания в ванне с кровью</modal-text></div>
<div class="modal-body_2">
<modal-text>1. комментировать ужастик в теме "осторожно, спойлеры"</modal-text>
<modal-text>2. написать заявку с внешностью любого актера из аиу</modal-text>
<modal-text>3. набить 50 сообщений в считалке</modal-text>
<modal-text>4. написать 3 поста за неделю (за каждый пост сверх 3х - плюс 5 баллов)</modal-text>
<modal-text>5. написать пост больше 5 тысяч символов</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal27" ><img src="https://i.imgur.com/dcj9AKh.jpg" id="back-img" class="img-modal"></button>
<div id="myModal27" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal27">&times;</span></div>
<div class="modal-body">
<modal-text>1. побывать в Мексике  </modal-text>
<modal-text>2.  страдать галлюцинациями </modal-text>
<modal-text>3. набить тату  </modal-text>
<modal-text>4. быть укушенным змеей (можно не ядовитой)</modal-text>
<modal-text>5. угнать машину</modal-text></div>
<div class="modal-body_2">
<modal-text>1. поставить плашку</modal-text>
<modal-text>2. неделю называть кого-то во флуде "бро"</modal-text>
<modal-text>3. поставить 20 плюсов к чужим постам</modal-text>
<modal-text>4. выставить в соцсеть фото с оружием (можно только оружие) </modal-text>
<modal-text>5. оставить хотя бы одно сообщение во флуде с 00:00 до 05:00 (время московское)</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal28" ><img src="https://i.imgur.com/nNROAoR.jpg" id="back-img" class="img-modal"></button>
<div id="myModal28" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal28">&times;</span></div>
<div class="modal-body">
<modal-text>1. вступить в какой-нибудь клуб </modal-text>
<modal-text>2. быть напуганным  </modal-text>
<modal-text>3. играть с ножом </modal-text>
<modal-text>4. носить меховые наушники </modal-text>
<modal-text>5. отправить кого-нибудь в психушку</modal-text></div>
<div class="modal-body_2">
<modal-text>1. нафлудить 500 сообщений за неделю</modal-text>
<modal-text>2. поставить плашку</modal-text>
<modal-text>3. использовать в "смайликах" смайлы с ножами</modal-text>
<modal-text>4. кинуть в "пой мне еще" 3 попсовые песни</modal-text>
<modal-text>5. рассказывать во флуде страшилки</modal-text>
</div></div></div>

 <! -- 2 СТРОКА 1 СТРАНИЦЫ -->

<button class="myBtn" data-modal="myModal29" ><img src="https://i.imgur.com/qRLuCQk.jpg" id="back-img" class="img-modal"></button>
<div id="myModal29" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal29">&times;</span></div>
<div class="modal-body">
<modal-text>1. стать жертвой нападения и попасть в больницу </modal-text>
<modal-text>2. отправиться ночью в клуб с плохой репутацией </modal-text>
<modal-text>3. быть похищенным  </modal-text>
<modal-text>4. спать в подвале</modal-text>
<modal-text>5. ударить кого-нибудь лопатой</modal-text></div>
<div class="modal-body_2">
<modal-text>1. наречь себя феей</modal-text>
<modal-text>2. доказывать, что умеешь читать мысли (даже через монитор) </modal-text>
<modal-text>3. уговорить кого-нибудь надеть плашку (плашка) </modal-text>
<modal-text>4. оставить 5 комментариев к плюсам</modal-text>
<modal-text>5. нафлудить минимум 30 сообщений в уголке одиночества за день</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal30" ><img src="https://i.imgur.com/b1T8hrL.jpg" id="back-img" class="img-modal"></button>
<div id="myModal30" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal30">&times;</span></div>
<div class="modal-body">
<modal-text>1. побывать в морге </modal-text>
<modal-text>2. пережить нападение ворон  </modal-text>
<modal-text>3. увидеть страшный реалистичный сон  </modal-text>
<modal-text>4. проучить кого-нибудь</modal-text>
<modal-text>5. заниматься вуду</modal-text></div>
<div class="modal-body_2">
</modal-text>1. рассказывать во флуде страшилки</modal-text>
<modal-text>2. поставить плашку</modal-text>
<modal-text>3. кинуть в "по мне еще" 5 песен за час</modal-text>
<modal-text>4. три дня подряд играть в "ассоциациях"</modal-text>
<modal-text>5. написать заявку на родственника</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal31" ><img src="https://i.imgur.com/FubfnaV.jpg" id="back-img" class="img-modal"></button>
<div id="myModal31" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal31">&times;</span></div>
<div class="modal-body">
<modal-text>1. заточить осиновый кол</modal-text>
<modal-text>2. купить накладные клыки </modal-text>
<modal-text>3. получить в подарок серебряный крестик </modal-text>
<modal-text>4. повесить постер с Баффи над кроватью</modal-text>
<modal-text>5. шарахаться от чеснока</modal-text></div>
<div class="modal-body_2">
<modal-text>1. хотя бы раз посидеть во флуде после 12 ночи</modal-text>
<modal-text>2. нафлудить 100 сообщений во флуде</modal-text>
<modal-text>3. скинуть в соцсеть фотку вампирской тематики (хоть скрин с каким-нибудь фильмом)</modal-text>
<modal-text>4. называть кого-нибудь ангелом</modal-text>
<modal-text>5. заказать плашку</modal-text>
</div></div></div>

</div>
</div>

 <! -- ПЕРВАЯ СТРОКА 2 СТРАНИЦЫ -->

<div class="slides-5 slide2-5"><div class="elements-block">

<button class="myBtn" data-modal="myModal32" ><img src="https://i.imgur.com/NJlcMJ2.jpg" id="back-img" class="img-modal"></button>
<div id="myModal32" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal32">&times;</span></div>
<div class="modal-body">
<modal-text>1. называть друзей "стаей"  </modal-text>
<modal-text>2. выть на луну (можно в шутку) </modal-text>
<modal-text>3. гулять по лесу  </modal-text>
<modal-text>4. поставить на заставку телефона картинку с волком</modal-text>
<modal-text>5. использовать везде один пароль</modal-text></div>
<div class="modal-body_2">
<modal-text>1. поставить плашку</modal-text>
<modal-text>2. скинуть в соцсеть фото полной луны</modal-text>
<modal-text>3. нафлудить 20 сообщений в уголке одиночества</modal-text>
<modal-text>4. использовать смайл со Стайлзом более 5 раз</modal-text>
<modal-text>5. прокомментировать в плюсах 5 чужих публикаций в соцсетях</modal-text>
</div></div></div>

</div></div>

</div><! -- закрытие слайдер -->
	
<div class="controls-4">
    <label for="slide1-5"></label>
    <label for="slide2-5"></label></div>

</div>
 <! -- УЖАСЫ КОНЕЦ -->


 <! -- ФАНТАСТИКА -->

<div id="tab-week-6" class="tabcontent">
<input type="radio" name="point-6" id="slide1-6" checked>
<input type="radio" name="point-6" id="slide2-6">
<div class="slider-6">

 <! -- 1 СТРОКА 1 СТРАНИЦЫ -->

<div class="slides-6 slide1-6">
<div class="elements-block">

<button class="myBtn" data-modal="myModal33" ><img src="https://i.imgur.com/Zi8y9Ik.jpg" id="back-img" class="img-modal"></button>
<div id="myModal33" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal33">&times;</span></div>
<div class="modal-body">
<modal-text>1. путешествовать </modal-text>
<modal-text>2. затащить незнакомца в телефонную будку</modal-text>
<modal-text>3. спьяну пытаться открыть дверь фонариком</modal-text>
<modal-text>4. заночевать в торговом центре</modal-text>
<modal-text>5. грезить о полете в космос</modal-text></div>
<div class="modal-body_2">
<modal-text>1. искать тардис</modal-text>
<modal-text>2. запостить в соцсети фото телефонной будки</modal-text>
<modal-text>3. делать вид, что ты - это не ты</modal-text>
<modal-text>4. нафлудить 200 сообщений за неделю</modal-text>
<modal-text>5. открыть эпизод в альтернативе</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal34" ><img src="https://i.imgur.com/pdGg9Jo.jpg" id="back-img" class="img-modal"></button>
<div id="myModal34" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal34">&times;</span></div>
<div class="modal-body">
<modal-text>1. ходить везде с зонтом не меньше недели</modal-text>
<modal-text>2. переехать в отчий дом/собраться где-то всей семьей</modal-text>
<modal-text>3. побывать на похоронах</modal-text>
<modal-text>4. украсть что-то ценное из дома</modal-text>
<modal-text>5. обсуждать убийство Кеннеди</modal-text></div>
<div class="modal-body_2">
<modal-text>1. нафлудить за неделю 500 и более сообщений</modal-text>
<modal-text>2. найти и кинуть в "пой мне еще" три оста из сериала</modal-text>
<modal-text>3. поставить плашку</modal-text>
<modal-text>4. поставить 50 плюсом за неделю</modal-text>
<modal-text>5. выложить в соцсеть фото с зонтом/фото зонта</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal35" ><img src="https://i.imgur.com/16CeJVK.jpg" id="back-img" class="img-modal"></button>
<div id="myModal35" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal35">&times;</span></div>
<div class="modal-body">
<modal-text>1. купаться голышом </modal-text>
<modal-text>2. купить антикварные часы </modal-text>
<modal-text>3. скрывать свой возраст</modal-text>
<modal-text>4. раздобыть поддельные документы</modal-text>
<modal-text>5. ностальгировать под классическую музыку</modal-text></div>
<div class="modal-body_2">
<modal-text>1. нафлудить 20 сообщений подряд (если кто-то вклинится, то начинать сначала)</modal-text>
<modal-text>2. поиграть в смайлах, 10 сообщений</modal-text>
<modal-text>3. заказать плашку</modal-text>
<modal-text>4. открыть эпизод в прошлом (далеком или недалеком)</modal-text>
<modal-text>5. кинуть в "пой мне еще" 3 классических произведения (Бах, Бетховен, Моцарт и все такое прочее)</modal-text>
</div></div></div>

 <! -- 2 СТРОКА 1 СТРАНИЦЫ -->

<button class="myBtn" data-modal="myModal36" ><img src="https://i.imgur.com/QsS1K7J.jpg" id="back-img" class="img-modal"></button>
<div id="myModal36" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal36">&times;</span></div>
<div class="modal-body">
<modal-text>1. читать "Франкенштейн" или "Современный Прометей"</modal-text>
<modal-text>2. стать жертвой эксперимента</modal-text>
<modal-text>3. назвать кого-то старше себя "сынок/малыш/деточка и т.д."</modal-text>
<modal-text>4. получить электрический разряд</modal-text>
<modal-text>5. слушать лекцию о реинкарнации</modal-text></div>
<div class="modal-body_2">
<modal-text>1. нафлудить более 50 сообщений за день</modal-text>
<modal-text>2. оставить 5 плюсов к комментариям</modal-text>
<modal-text>3. набить 30 сообщений в Линкольн Центре за день</modal-text>
<modal-text>4. выставить фото в соцсеть</modal-text>
<modal-text>5. кинуть в "пой мне еще" 40 любых треков за неделю</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal37" ><img src="https://i.imgur.com/d0kQSde.jpg" id="back-img" class="img-modal"></button>
<div id="myModal37" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal37">&times;</span></div>
<div class="modal-body">
<modal-text>1. бухать с ии (сири подойдёт)</modal-text>
<modal-text>2. выдавать себя за японца [внешность не важна]</modal-text>
<modal-text>3. заселиться в отель</modal-text>
<modal-text>4. спорить с лифтом/навигатором с голосовым управлением</modal-text>
<modal-text>5. попробовать что-то новое</modal-text></div>
<div class="modal-body_2">
<modal-text>1. процитировать эдгара аллана по в своем статусе</modal-text>
<modal-text>2. выставить в соцсеть фото ночного города</modal-text>
<modal-text>3. нафлудить 100 и более сообщений в мыслефлуде за неделю</modal-text>
<modal-text>4. отплюсить 3 чужих эпизода</modal-text>
<modal-text>5. выбрать ещё 1 сериал и выполнить задания</modal-text>
</div></div></div>


<button class="myBtn" data-modal="myModal38" ><img src="https://i.imgur.com/VC2pPhG.jpg" id="back-img" class="img-modal"></button>
<div id="myModal38" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal38">&times;</span></div>
<div class="modal-body">
<modal-text>1. закатить оргию</modal-text>
<modal-text>2. делать вид, что ты с другой планеты и для тебя все в диковинку</modal-text>
<modal-text>3. поделиться любимой вещью без слез и сожалений</modal-text>
<modal-text>4. носить парик</modal-text>
<modal-text>5. переспать с первым встречным</modal-text></div>
<div class="modal-body_2">
<modal-text>1. кинуть заявку "хочу видеть" с внешностью любого актера сериала</modal-text>
<modal-text>2. нафлудить 100 и более сообщений за неделю</modal-text>
<modal-text>3. написать в "книжный развал" названия трех произведения О. Хаксли</modal-text>
<modal-text>4. набить в игровой 50 сообщений</modal-text>
<modal-text>5. открыть эпизод в будущем</modal-text>
</div></div></div>

</div>
</div>

</div><! -- закрытие слайдер -->
</div>
 <! -- ФАНТАСТИКА КОНЕЦ -->



 <! -- ФЭНТЕЗИ -->

<div id="tab-week-7" class="tabcontent">
<input type="radio" name="point-7" id="slide1-7" checked>
<input type="radio" name="point-7" id="slide2-7">
<div class="slider-7">

 <! -- 1 СТРОКА 1 СТРАНИЦЫ -->

<div class="slides-7 slide1-7">
<div class="elements-block">

<button class="myBtn" data-modal="myModal40" ><img src="https://i.imgur.com/chUfKvT.jpg" id="back-img" class="img-modal"></button>
<div id="myModal40" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal40">&times;</span></div>
<div class="modal-body">
<modal-text>1. угостить кого-нибудь яблочным пирогом</modal-text>
<modal-text>2. заказать кофе с корицей</modal-text>
<modal-text>3. надеть экстравагантный наряд на работу</modal-text>
<modal-text>4. помочь охотнику за головами </modal-text>
<modal-text>5. читать сказки</modal-text></div>
<div class="modal-body_2">
<modal-text>1. придумать себе второе имя (если нет) и называться во флуде двойным</modal-text>
<modal-text>2. открыть эпизод с персонажем младше себя</modal-text>
<modal-text>3. кинуть во флуд рецепт выпечки с яблоками</modal-text>
<modal-text>4. надеть плашку</modal-text>
<modal-text>5. набить в игровой 150 сообщений за 3 дня</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal41" ><img src="https://i.imgur.com/G9sz6iX.jpg" id="back-img" class="img-modal"></button>
<div id="myModal41" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal41">&times;</span></div>
<div class="modal-body">
<modal-text>1. жить с семьей </modal-text>
<modal-text>2. завести кошку </modal-text>
<modal-text>3. называть дальних родственников демонами</modal-text>
<modal-text>4. потерять семейную реликвию </modal-text>
<modal-text>5. толковать сны по соннику</modal-text></div>
<div class="modal-body_2">
<modal-text>1. открыть эпизод на троих</modal-text>
<modal-text>2. кричать из куста "ведьма! сжечь ведьму!" (как тот медведь; можно сделать мем) </modal-text>
<modal-text>3. гадать по фото в соцсетях</modal-text>
<modal-text>4. нафлудить 200 сообщений за неделю </modal-text>
<modal-text>5. выставить в соцсеть фото в хэллоуинском костюме</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal42" ><img src="https://i.imgur.com/txJbg6z.jpg" id="back-img" class="img-modal"></button>
<div id="myModal42" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal42">&times;</span></div>
<div class="modal-body">
<modal-text>1. посетить букинистическую лавку </modal-text>
<modal-text>2. вдыхать запах книг </modal-text>
<modal-text>3. поесть за чужой счет</modal-text>
<modal-text>4. прокатиться на ретро-автомобиле </modal-text>
<modal-text>5. слушать queen</modal-text></div>
<div class="modal-body_2">
<modal-text>1. процитировать в "пой мне еще" 5 песен queen</modal-text>
<modal-text>2. выставить в соцсеть ретро-автомобиль</modal-text>
<modal-text>3. обсуждать любую книгу в "книжном развале"</modal-text>
<modal-text>4. начать читать/смотреть "благие знамения" (если уже читали/смотрели, то задание выполнено)</modal-text>
<modal-text>5. неделю называть кого-нибудь "змей"</modal-text>
</div></div></div>


 <! -- 2 СТРОКА 1 СТРАНИЦЫ -->

<button class="myBtn" data-modal="myModal43" ><img src="https://i.imgur.com/MHZY0pq.jpg" id="back-img" class="img-modal"></button>
<div id="myModal43" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal43">&times;</span></div>
<div class="modal-body">
<modal-text>1. надеть цветные линзы </modal-text>
<modal-text>2. понять, что дома нет воды </modal-text>
<modal-text>3. сказать другу, что он не умеет петь</modal-text>
<modal-text>4. заразиться прилипчивым мотивчиком</modal-text>
<modal-text>5. сделать одолжение за "то не знаю что"</modal-text></div>
<div class="modal-body_2">
<modal-text>1. напевать во флуде одну и ту же песенку целую неделю</modal-text>
<modal-text>2. написать заявку на друга/подругу</modal-text>
<modal-text>3. надеть плашку (плашка)</modal-text>
<modal-text>4. нафлудить 10 сообщений от третьего лица</modal-text>
<modal-text>5. поставить в статус любую цитату из ведьмака</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal44" ><img src="https://i.imgur.com/mBStdjD.jpg" id="back-img" class="img-modal"></button>
<div id="myModal44" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal44">&times;</span></div>
<div class="modal-body">
<modal-text>1. услышать, что ты особенный </modal-text>
<modal-text>2. сбежать от преследования </modal-text>
<modal-text>3. укрывать беглеца </modal-text>
<modal-text>4. отправиться в дальний путь</modal-text>
<modal-text>5. выслушать наставление</modal-text></div>
<div class="modal-body_2">
<modal-text>1. выставить 3 любых фото в соцсеть за неделю</modal-text>
<modal-text>2. кинуть любую заявку на любого актера из сериала</modal-text>
<modal-text>3. открыть эпизод в альтернативе</modal-text>
<modal-text>4. нафлудить 100 и более сообщений за неделю </modal-text>
<modal-text>5. набить в ассоциациях 30 сообщений</modal-text>
</div></div></div>

<button class="myBtn" data-modal="myModal45" ><img src="https://i.imgur.com/Ta5nLfV.jpg" id="back-img" class="img-modal"></button>
<div id="myModal45" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal45">&times;</span></div>
<div class="modal-body">
<modal-text>1. считать своего друга идиотом</modal-text>
<modal-text>2. приготовить ужин</modal-text>
<modal-text>3. спасти друга от опасности</modal-text>
<modal-text>4. проспорить </modal-text>
<modal-text>5. доказывать, что видел единорога</modal-text></div>
<div class="modal-body_2">
<modal-text>1. нафлудить 100 и более сообщений</modal-text>
<modal-text>2. выставить в соцсеть фото с конем (фото коня)</modal-text>
<modal-text>3. грозиться превратить кого-нибудь в осла</modal-text>
<modal-text>4. нести тарабарщину с умным видом</modal-text>
<modal-text>5. рассказывать сказки и легенды</modal-text>
</div></div></div>


</div>
</div>

 <! -- ПЕРВАЯ СТРОКА 2 СТРАНИЦЫ -->

<div class="slides-7 slide2-7"><div class="elements-block">

<button class="myBtn" data-modal="myModal46" ><img src="https://i.imgur.com/gFfYtqY.jpg" id="back-img" class="img-modal"></button>
<div id="myModal46" class="modal">
<div class="modal__content">
<div class="modal-header">
<span class="close" data-modal="myModal46">&times;</span></div>
<div class="modal-body">
<modal-text>1. составлять гербарий/засушить цветок </modal-text>
<modal-text>2. зашить что-нибудь рану </modal-text>
<modal-text>3. ругаться как сапожник </modal-text>
<modal-text>4. говорить с сильным акцентом (любым, можно ненастоящим)</modal-text>
<modal-text>5. посетить заброшенный замок</modal-text></div>
<div class="modal-body_2">
<modal-text>1. написать заявку на кого-то с внешностью любого актера из "Чужестранки"</modal-text>
<modal-text>2. выставить 5 фото в соцсеть</modal-text>
<modal-text>3. написать рецензию на какую-нибудь книгу в "книжном развале"</modal-text>
<modal-text> набить 30 сообщений в "словах"</modal-text>
<modal-text>5. нафлудить 50 сообщений за день</modal-text>
</div></div></div>

</div></div>

</div><! -- закрытие слайдер -->
	
<div class="controls-6">
    <label for="slide1-7"></label>
    <label for="slide2-7"></label></div>

</div>

 <! -- ФЭНТЕЗИ КОНЕЦ -->

</div> <! -- закрытие main -->


<style>

text-style {
position: relative;
    top: 30px;
    left: 40px;
    line-height: 2;
    color: #fff;
    font-size: 12px;
}


.week-code {
width: 70px;
    height: 25px;
    position: relative;
    left: -100px;
    top: 90px;
    background-color: #a2c2fe;
    color: #ffffff!important;
    text-transform: uppercase;
    border-image: linear-gradient(20deg, #ffffff 38%, #ffffff87 65%);
    border-image-slice: 1;
    cursor: pointer;
    outline: none;
    font-size: 13px;
    text-shadow: 0 0 1px white;
}

.week-code:hover {
    background-color: #ad98d5;
}

style-close {
    position: relative;
    top: 195px;
    left: -188px;
    z-index: 1;
    background: #9bb8fd;
    text-shadow: 0 0 8px #eaf1ff;
    border-radius: 10px;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-left: 4px;
    font-size: 20px;
}

.main-week-info {
position: absolute;
    left: 550px;
    margin-top: 30px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 2px #dde5ff;
    font-style: italic;
    z-index: 100000000;
}

.main-week-info-block {
    background: linear-gradient(45deg, #a3c3fe, #8599fa);
    width: 400px;
    height: 200px;
    position: relative;
    top: 170px;
    left: 150px;
    box-shadow: inset 0 0 7px 3px #e8f0ff8c;
    border-radius: 40px;
}

#back-img {
    background: url(https://i.imgur.com/D1NCsN9.png);
    padding: 50px;
    padding-top: 23px;
    background-size: 100%;
    padding-right: 57px;
    background-repeat: no-repeat;
margin: -5px;
margin-left: -13px;
}

.myBtn {
    background-color: transparent;
    border: none;
    outline: none;
}

/*  MODAL  */
.modal {
    z-index: 1050;
    display: none;
    background-image: url(https://i.imgur.com/i2DwdN9.png);
    width: 718px;
    height: 573px;
left: -48px;
    position: absolute;
    top: -66px;
    background-size: 100%;
}

.modal_2 {
    z-index: 1050;
    display: none;
    background-image: url(https://i.imgur.com/i2DwdN9.png);
    width: 718px;
    height: 573px;
    left: 168px;
    position: absolute;
    background-size: 100%;
}

.modal__content {
width: 450px;
    height: 361px;
    background: url(https://i.imgur.com/4M04plt.png);
    position: relative;
    top: 120px;
    left: 110px;
    background-size: 100%;
}

#main-week {
width: 850px;
    height: 573px;
    background-image: url(https://i.imgur.com/nih1DWK.png);
    background-size: 100%;
    margin-top: -250px;
}

.elements-block {
    width: 615px;
    height: 395px;
    position: relative;
    top: 65px;
    left: 180px;
}

.element-week {
background-image: url(https://i.imgur.com/977umoz.png);
    background-size: 100%;
    width: 200px;
    height: 206px;
    position: relative;
background-repeat: no-repeat; 
display: inline-block;
}

.modal-body {
height: 90px;
    width: 335px;
    display: block;
    position: absolute;
    top: 65px;
    left: 60px;
    overflow: auto;
}

.modal-body_2 {
height: 90px;
    width: 335px;
    display: block;
    position: absolute;
    top: 200px;
    left: 60px;
    overflow: auto;
}

modal-text {
    color: #fff;
    position: relative;
    top: 5px;
    background: linear-gradient(45deg, #5561ab, transparent);
    font-size: 11px;
    font-family: arial;
    text-transform: uppercase;
    padding: 3px;
    width: 323px;
    display: flex;
    overflow: auto;
    margin-bottom: 10px!important;
}

 .elements-block::-webkit-scrollbar {
    display: block;
    width: 3px;
    border-right: none;
    border-left: none;
    background-color: #b7d2da00;
}
    
 .elements-block::-webkit-scrollbar-thumb {
background: linear-gradient(45deg, #7987f8, #a5c6ff);
    border-right: none;
    border-left: none;
}

.img-modal {
position: relative;
    width: 100px;
    height: auto;
    background-size: 100%;
    top: 20px;
}

/* СЛАЙДЕР */

#main-week .slider, .slider-2, .slider-3, .slider-4, .slider-5, .slider-6, .slider-7 {
	height: inherit;
	overflow: hidden;
	position: relative;
	width: inherit;
}

#main-week .slides, .slides-2, .slides-3, .slides-4, .slides-5, .slides-6, .slides-7 {
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	-moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	-o-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	transition: transform ease-in-out .5s, opacity ease-in-out .5s;
}

#slide1:checked ~ .slider > .slide1,
#slide2:checked ~ .slider > .slide2,
#slide3:checked ~ .slider > .slide3,
#slide4:checked ~ .slider > .slide4,
#slide5:checked ~ .slider > .slide5 {
	opacity: 1;
	z-index: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

#slide1-2:checked ~ .slider-2 > .slide1-2,
#slide2-2:checked ~ .slider-2 > .slide2-2,
#slide3-2:checked ~ .slider-2 > .slide3-2,
#slide4-2:checked ~ .slider-2 > .slide4-2,
#slide5-2:checked ~ .slider-2 > .slide5-2 {
	opacity: 1;
	z-index: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
} 

#slide1-3:checked ~ .slider-3 > .slide1-3,
#slide2-3:checked ~ .slider-3 > .slide2-3,
#slide3-3:checked ~ .slider-3 > .slide3-3,
#slide4-3:checked ~ .slider-3 > .slide4-3,
#slide5-3:checked ~ .slider-3 > .slide5-3 {
	opacity: 1;
	z-index: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
} 

#slide1-4:checked ~ .slider-4 > .slide1-4,
#slide2-4:checked ~ .slider-4 > .slide2-4,
#slide3-4:checked ~ .slider-4 > .slide3-4,
#slide4-4:checked ~ .slider-4 > .slide4-4,
#slide5-4:checked ~ .slider-4 > .slide5-4 {
	opacity: 1;
	z-index: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

#slide1-5:checked ~ .slider-5 > .slide1-5,
#slide2-5:checked ~ .slider-5 > .slide2-5,
#slide3-5:checked ~ .slider-5 > .slide3-5,
#slide4-5:checked ~ .slider-5 > .slide4-5,
#slide5-5:checked ~ .slider-5 > .slide5-5 {
	opacity: 1;
	z-index: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

#slide1-6:checked ~ .slider-6 > .slide1-6,
#slide2-6:checked ~ .slider-6 > .slide2-6,
#slide3-6:checked ~ .slider-6 > .slide3-6,
#slide4-6:checked ~ .slider-6 > .slide4-6,
#slide5-6:checked ~ .slider-6 > .slide5-6 {
	opacity: 1;
	z-index: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

#slide1-7:checked ~ .slider-7 > .slide1-7,
#slide2-7:checked ~ .slider-7 > .slide2-7,
#slide3-7:checked ~ .slider-7 > .slide3-7,
#slide4-7:checked ~ .slider-7 > .slide4-7,
#slide5-7:checked ~ .slider-7 > .slide5-7 {
	opacity: 1;
	z-index: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


#main-week .controls, .controls-1, .controls-2, .controls-3, .controls-4, .controls-5, .controls-6  {
left: 120px;
    top: -130px;
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 10000;
width: 100px;
}

#main-week label {
cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 25px 12px 0 16px;
	position: relative;
	width: 8px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: background ease-in-out .5s;
	-moz-transition: background ease-in-out .5s;
	-o-transition: background ease-in-out .5s;
	transition: background ease-in-out .5s;
}

#main-week label:after {
	border: 2px solid #dde0ff;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

#main-week label:hover, 
#slide1:checked ~ .controls label:nth-of-type(1),
#slide2:checked ~ .controls label:nth-of-type(2),
#slide3:checked ~ .controls label:nth-of-type(3),
#slide4:checked ~ .controls label:nth-of-type(4),
#slide5:checked ~ .controls label:nth-of-type(5) {
	    background: #bcc3ff;
}

#main-week label:hover, 
#slide1-2:checked ~ .controls-1 label:nth-of-type(1),
#slide2-2:checked ~ .controls-1 label:nth-of-type(2),
#slide3-2:checked ~ .controls-1 label:nth-of-type(3),
#slide4-2:checked ~ .controls-1 label:nth-of-type(4),
#slide5-2:checked ~ .controls-1 label:nth-of-type(5) {
	    background: #bcc3ff;
}

#main-week label:hover, 
#slide1-3:checked ~ .controls-2 label:nth-of-type(1),
#slide2-3:checked ~ .controls-2 label:nth-of-type(2),
#slide3-3:checked ~ .controls-2 label:nth-of-type(3),
#slide4-3:checked ~ .controls-2 label:nth-of-type(4),
#slide5-3:checked ~ .controls-2 label:nth-of-type(5) {
	    background: #bcc3ff;
}

#main-week label:hover, 
#slide1-5:checked ~ .controls-4 label:nth-of-type(1),
#slide2-5:checked ~ .controls-4 label:nth-of-type(2),
#slide3-5:checked ~ .controls-4 label:nth-of-type(3),
#slide4-5:checked ~ .controls-4 label:nth-of-type(4),
#slide5-5:checked ~ .controls-4 label:nth-of-type(5) {
	    background: #bcc3ff;
}

#main-week label:hover, 
#slide1-6:checked ~ .controls-5 label:nth-of-type(1),
#slide2-6:checked ~ .controls-5 label:nth-of-type(2),
#slide3-6:checked ~ .controls-5 label:nth-of-type(3),
#slide4-6:checked ~ .controls-5 label:nth-of-type(4),
#slide5-6:checked ~ .controls-5 label:nth-of-type(5) {
  background: #bcc3ff;
}

#main-week label:hover, 
#slide1-7:checked ~ .controls-6 label:nth-of-type(1),
#slide2-7:checked ~ .controls-6 label:nth-of-type(2),
#slide3-7:checked ~ .controls-6 label:nth-of-type(3),
#slide4-7:checked ~ .controls-6 label:nth-of-type(4),
#slide5-7:checked ~ .controls-6 label:nth-of-type(5) {
	    background: #bcc3ff;
}

#tab-week > input {
	display: none!important;
}

#tab-week-2 > input {
	display: none!important;
}

#tab-week-3 > input {
	display: none!important;
}

#tab-week-4 > input {
	display: none!important;
}

#tab-week-5 > input {
	display: none!important;
}

#tab-week-6 > input {
	display: none!important;
}

#tab-week-7 > input {
	display: none!important;
}

 /* ТАБЫ */
.tab {
    position: relative;
    top: 60px;
    left: 80px;
    width: 70px;
    z-index: 99999;
    display: flex;
    flex-direction: column;
}

.tab button {
background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.7px;
    margin-left: -8px;
    line-height: 2.5;
    color: #ffffffbf;
    text-shadow: 0 0 2px #ffffffc7;
    margin-top: 10px;
}

.tab button:hover {
background-color: #cfc3e5cc;    
border-radius: 30px;
}

.tab button.active {
background-color: #ad98d5;
    border-radius: 30px;
}

.tabcontent {
    width: 850px;
    height: 573px;
}

/* The Close Button */
.close {
    margin-top: -11px;
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #708dd2;
    text-decoration: none;
    cursor: pointer;
</style>


<script>
var modal = document.getElementById('myModal');
var buttons = document.getElementsByClassName("myBtn")
var span = document.getElementsByClassName("close");

for (var i = 0; i < buttons.length; i++) {
	buttons[i].onclick = function() {
    var id = this.getAttribute('data-modal');
    var modal = document.getElementById(id);
    modal.style.display = 'block';
  }
}

for (var i = 0; i < span.length; i++) {
  span[i].onclick = function() {
    var id = this.getAttribute('data-modal');
    var modal = document.getElementById(id);
    modal.style.display = 'none';
  }
}

window.onclick = function(event) {
  var isModal = (' ' + event.target.className + ' ').indexOf(' modal ') > -1;
  if (isModal) {
    event.target.style.display = "none";
  }
}




function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}

// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>