/* CS1 Фон и цвет текста*/
#pun .tcr {text-align: center;}
li#navawards, .pa-positive, .lastedit {display: none;}
.linkst .pagelink { 
right: 15px;
position: absolute;
top: -4em;
width: 24em;
 }

.miniprofile { 
width: 180px;
text-align: center;
}

.hoverprofile { width: 180px; height: 180px; background-color: #000000; opacity: 0; position: absolute; z-index: 2; margin-top: 5px; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; }

.hoverprofile:hover { opacity: 0.8; transition: 0.6s; -moz-transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s;}

.pa-fld1 {color: #ffffff !important; font-size:10px;}

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { background-color: transpanent;
color: #000;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {background-color: #411559; 
background: url(http://funkyimg.com/i/UhdK.jpg) 82% 0% repeat-x, url() 50% 100% repeat-x, url(http://funkyimg.com/i/UhdL.jpg) 60% 42%;overflow-x: hidden}

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://funkyimg.com/i/Uhdj.jpg); 
background-repeat : no-repeat;
background-position: top center;
border: none;
  margin-left: -192px;
height: 546px;
width: 1280px;}

/* CS1.4 Пан или "тело" форума */
#pun {background-color: #dbdadc; background-image: url(http://funkyimg.com/i/Uhcv.jpg);}


/* CS1.5 Футеркопирайниз */
#pun-about p.container {background-color: #;
background-image : url(http://funkyimg.com/i/Uhdi.jpg); 
background-position : center top; 
background-repeat : no-repeat; 
height : 292px;
width: 985px; 
margin-left: -41px;
text-align: center;
margin-top: 10px;
border-color: transparent;
 color: #947222;
margin-bottom: -18px;
font-size:0 !important;
}

div#pun-about {margin-bottom: 00px;}



/* CS1.10 Профиль*/
.pa-respect {content: ".";
shadow: inset 0 0 10px 5px #e5d3c4;
padding:11px; text-shadow: #f0d77b 1px 1px 1px; width: 63px; height: 30px;
display: inline-block; margin-left: 0px; 
 text-align: center;font-family: arial; font-size: 10px;}

.pa-posts { margin-left: 30px; content: ".";
shadow: inset 0 0 10px 5px #e5d3c4;
 text-shadow: #f0d77b 1px 1px 1px;
    display: inline-block;
    text-align: center; font-family: arial; font-size: 10px;
width: 63px; height: 30px;padding:11px;
}


/* CS2 Ссылки */

/* CS2.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #411558;text-shadow: 1px 1px 1px #fee9a8;
  text-decoration: none;}

/* CS2.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {uppercase; transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out; 
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out;
  color: #ff971b; text-shadow: 1px 1px 1px #fee9a8;
  text-decoration: none; }

/* CS2.3 */
#pun-navlinks a {
  color: #411558;text-shadow: 1px 1px 1px #fee9a8;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {uppercase; transition: all 0.4s ease-out;
-o-transition-transition: all 0.4s ease-out; 
-webkit-transition: all 0.4s ease-out; 
-moz-transition: all 0.4s ease-out;
  color: #ff971b;text-shadow: 1px 1px 1px #fee9a8;
  text-decoration: none; }



/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;

   display: inline-block;
width: 108px;
height: 85px;opacity: 0.5;
background-image : url(http://funkyimg.com/i/Uhgd.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {opacity: 1.0;
background-image : url(http://funkyimg.com/i/Uhgb.png);
background-repeat: no-repeat;
width: 108px;
height: 85px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {opacity: 1.0;
background-image : url(http://funkyimg.com/i/Uhgc.png);
background-repeat: no-repeat;
width: 108px;
height: 85px;}

/* CS3.4 Иконка закрытых*/
TR.iclosed Div.icon {opacity: 1.0;
background-image : url(http://funkyimg.com/i/Uhge.png);
background-repeat: no-repeat;
width: 108px;
height: 85px;}

/* CS4 Картинки категорий */


#pun-category1.category h2 {
background: url(http://funkyimg.com/i/Uhd6.jpg);
height: 107px;
width: 522px;
font-size:0 !important;
margin-left: 167px;}


/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://funkyimg.com/i/Uhgk.png");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 120px;
 text-align: justify;
padding-top: -20px;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 107px;
width: 522px;
font-size:0 !important;
margin-left: 167px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/Uhd2.jpg");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}


/* CS5.3 Цитаты и коды в сообщениях*/
#pun-main .quote-box, #pun-main .code-box {
background-color: #f1ecf6; 
padding: 11px;
padding-top:10px;
border: none;
 border: 4px #cbcacc double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #dbdadc;
-webkit-box-shadow: inset 0 0 10px 5px #dbdadc;
box-shadow: inset 0 0 10px 5px #dbdadc;
color: #352206}

/* Модерирование тем и другие селекты*/
.punbb select  {
background-color: #f1ecf6; 
padding: 11px;
padding-top:10px;
border: none;
 border: 4px #cbcacc double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #dbdadc;
-webkit-box-shadow: inset 0 0 10px 5px #dbdadc;
box-shadow: inset 0 0 10px 5px #dbdadc;
color: #352206}

/* кнопки */
.punbb input  {
background-color: #f1ecf6; 
padding: 11px;
padding-top:10px;
border: none;
 border: 4px #cbcacc double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #dbdadc;
-webkit-box-shadow: inset 0 0 10px 5px #dbdadc;
box-shadow: inset 0 0 10px 5px #dbdadc;
color: #352206}


/* Формы ответа и адм */
.punbb textarea  {
background-color: #f1ecf6; 
padding: 11px;
padding-top:10px;
border: none;
 border: 4px #cbcacc double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #dbdadc;
-webkit-box-shadow: inset 0 0 10px 5px #dbdadc;
box-shadow: inset 0 0 10px 5px #dbdadc;
color: #352206}


/* Фоны под кнопками формы ответа шрифт, цвет и тд */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area  {
background-color: #f1ecf6; 
padding: 11px;
padding-top:10px;
border: none;
 border: 4px #cbcacc double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #dbdadc;
-webkit-box-shadow: inset 0 0 10px 5px #dbdadc;
box-shadow: inset 0 0 10px 5px #dbdadc;
color: #352206; opacity: 0.7;}

/* Фоны под репутацией и наградами */
#pun-reputation div, #pun-popup_awards div {
background-color: #f1ecf6; 
padding: 11px;
padding-top:10px;
border: none;
 border: 4px #cbcacc double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #dbdadc;
-webkit-box-shadow: inset 0 0 10px 5px #dbdadc;
box-shadow: inset 0 0 10px 5px #dbdadc;
color: #352206}
div#smiles-area.container {background-color: #ecebf9;}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {opacity: 0.7; 
position: absolute; z-index: 1; 
left: 600px; 
top: 22px}




/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -82px}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
 #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;  margin-top: 20px;  }
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}
#pun-stats li.item3 {display: none;}
li#navawards {display: none;}

#pun-main .post-author ul, #pun-main .post .container {line-height: 12px; margin-top: 5px;  }
#pun-main h2, #pun-stats.section h2 {
  padding: 3px 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-track {
background: #dbdadc;
}
::-webkit-scrollbar-thumb {
    background: #e5b04a;
}


#pun-main .post-author ul {margin-left: -15px;}


/* CS4 Заголовки тем*/
.emjtheme {background-color: #f1ecf6; 
padding: 11px;
padding-top:10px;
border: none; text-align: justify;
border: 4px #cbcacc double;
border-radius: 20px; font-family: 'Arsenal';
text-transform: lowercase; font-size: 11px;
-moz-box-shadow: inset 0 0 10px 5px #dbdadc;
-webkit-box-shadow: inset 0 0 10px 5px #dbdadc;
box-shadow: inset 0 0 10px 5px #dbdadc;
color: #352206}

.emjtheme1 { text-align: justify;
padding: 11px;
padding-top:10px;
 font-family: 'Arsenal';
font-size: 12px;
color: #352206}
.emjthemename {font-family: 'Fira Sans Heavy'; font-size: 21px; text-shadow: 1px 1px 0px white, 2px 2px 0px #cbcacc;  letter-spacing:-1px;    text-transform: uppercase; }
.emjthemename1 {font-family: 'Fira Sans Heavy'; font-size: 15px; text-shadow: 1px 1px 0px white, 2px 2px 0px #cbcacc;  letter-spacing:-1px;    text-transform: uppercase; }
.emjthemebar {border-top: 3px double #cbcacc; width: 300px;  }
.emjthemebar1 {border-top: 3px double #000; width: 300px;  }
/* CS5 Для занятых внешностей*/
@font-face {
    font-family: oswald;
    src: url(http://nyxxytest2.b1.jcink.com/uploads/nyxxytest2/Oswald_Bold.ttf);
    font-weight: 700;
}
@font-face {
    font-family: marvelbold;
    src: url(http://nyxxytest2.b1.jcink.com/uploads/nyxxytest2/Marvel_Bold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: marvel;
    src: url(http://nyxxytest2.b1.jcink.com/uploads/nyxxytest2/Marvel_Regular.ttf);
    font-weight: 400;
}


.wantlist {width: 350px; height: 270px; overflow: auto; text-align: justify; margin-top: 20px; font-family: roboto;}
.wantlist female {color: #eb87cd; font-weight: 700;}
.wantlist male {color: #87bfeb; font-weight: 700;}

.emjclaim { position: relative;  width: 650px; height:  420px; clear: both; background-color: #d5d5d5; }

.emjc { float: left;  }

.emjc label {  width: 130px; height: 45px; background-color: transparent; display: block; }

.emjclaim .emjc [type=radio] { display: none;  baseline-tab-shift: true, retrieve; }

.emjclaimcon { position: absolute; top: 70px; width: 570px; height: 310px; padding: 10px; background-color: #f1ecf6;  border: 4px #cbcacc double;  border-radius: 20px; font-family: 'Arsenal';-moz-box-shadow: inset 0 0 10px 5px #dbdadc; -webkit-box-shadow: inset 0 0 10px 5px #dbdadc; box-shadow: inset 0 0 10px 5px #dbdadc; bottom: 0px; left: 25px; right: 0px; -webkit-transition: all .7s ease-in-out; -moz-transition: all .9s ease-in-out; -ms-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; transition: all .9s ease-in-out; opacity: 0; }

.emjclaim .emjc [type=radio]:checked ~ label { height: 45px; }

.emjclaim .emjc [type=radio]:checked ~ label ~ .emjclaimcon {
z-index: 1; opacity: 1;  }
.emjmal {color: #fff;  font-family: 'Marvel', sans-serif; font-size: 8px;}
.emjcl { font-family: Oswald; font-weight: bold; font-size: 16px;  letter-spacing: 1px; color: #ffffff; text-shadow: 1px 1px 0px #222222; line-height: 100%; text-align: center; margin-top: 3px; text-transform: uppercase; }
.emjcl2 { font-family: 'Fira Sans Heavy'; font-weight: bold; font-size: 13px;  letter-spacing: 1px; color: #ffffff; text-shadow: 1px 1px 0px #222222; line-height: 100%; text-align: center; margin-top: 3px; text-transform: uppercase; }
.fcleftbox {width: 110px; height: 310px; background-image: url('http://i.imgur.com/mmU0xSv.png'); margin-right: 10px;}

.fcleftimage {position: relative; top: 50px; margin-left: 10px; height: 80px; width: 80px; border: 5px solid #ffffff; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; }

.fclefttext {position: relative; top: 110px; margin-left: 15px; width: 80px; font-family: Marvel; color: #ffffff; font-size: 16px; text-align: center; text-transform: uppercase; line-height: 110%;}

.fcbg { width: 238px; height: 40px; padding: 6px; background-color: #cbcacc; margin-bottom: 7px; }
.fcim { border-radius: 50%;width: 40px; height: 40px; border: 1px solid #fff; background-size: 40px 40px; float: left; margin-right: 6px; }
.fcright { width: 182px; height: 30px; padding: 6px; background-color: #fff; float: left; }
.fcname { width: 160px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 14px; color: #a1a1a1; font-style: italic; margin-top: 2px; text-align: center; line-height: 100%; }
.fcname a { width: 160px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 14px; font-style: italic; margin-top: 2px; text-align: center; line-height: 100%; }
.fcchar { width: 160px; font-family: 'Marvel', sans-serif; font-size: 8px; text-transform: uppercase; color: #a1a1a1; line-height: 100%; text-align: right; padding-top: 3px; border-top: 1px solid #cbcacc; letter-spacing: 1px; margin-top: -6px;}

.emjclaimcon2 { height: 310px; overflow: auto; padding-right: 15px;}

.emjclaimcon2::-webkit-scrollbar { height: 12px; width: 8px; background-color: #f5f4f4;} 
.emjclaimcon2::-webkit-scrollbar-thumb { background: #000000; } 
.emjclaimcon2::-webkit-scrollbar-corner { background: #000000; }
.emjclaimcon2::-webkit-scrollbar-track { background: #f5f4f4; }

.emjclaimcon2  black { color: #000000;}
.emjclaimcon2  blue { color: #4a97dc;}
.emjclaimcon2  brown { color: #a57458;}
.emjclaimcon2  green { color: #43ac4b;}
.emjclaimcon2  grey { color: #8d8c8c;}
.emjclaimcon2  orange { color: #e58632;}
.emjclaimcon2  pink { color: #e96faa;}
.emjclaimcon2  purple { color: #ad60c8;}
.emjclaimcon2  red { color: #c83535;}
.emjclaimcon2  turquoise { color: #37cac8;}
.emjclaimcon2  yellow { color: #e5c827;}



.emjclaimtitl { font-family: Oswald; font-weight: 700; color: #000000; font-size: 25px; text-align: left; text-transform: uppercase; line-height: 30px; margin-bottom: 2px;}

.emjfgen {background-color: #cbb9fe; width: 270px; font-family: Oswald;font-weight: bold;
font-size: 16px;letter-spacing: 1px;color: #ffffff;text-shadow: 1px 1px 0px #222222;line-height: 100%;text-align: center;margin-top: 3px;text-transform: uppercase;}

.emjfladies {background-color: #e96faa; width:270px; font-family: Oswald;font-weight: bold;font-size: 16px;letter-spacing: 1px;color: #ffffff;text-shadow: 1px 1px 0px #222222;line-height: 100%;text-align: center;margin-top: 3px;text-transform: uppercase;}

/* CS6 Для имен-фамилий*/
.emjfgen1 {background-color: #fee3a1; width: 280px; font-family: Oswald;font-weight: bold;
font-size: 16px;letter-spacing: 1px;color: #ffffff;text-shadow: 1px 1px 0px #222222;line-height: 100%;text-align: center;margin-top: 3px;text-transform: uppercase;}

.emjfladies1 {background-color: #aaf2ca; width:280px; font-family: Oswald;font-weight: bold;font-size: 16px;letter-spacing: 1px;color: #ffffff;text-shadow: 1px 1px 0px #222222;line-height: 100%;text-align: center;margin-top: 3px;text-transform: uppercase;}

.emjfgen2 {background-color: #cbb9fe; width: 120px; font-family: Oswald;font-weight: bold;
font-size: 16px;letter-spacing: 1px;color: #ffffff;text-shadow: 1px 1px 0px #222222;line-height: 100%;text-align: center;margin-top: 3px;text-transform: uppercase;}

.emjfladies2 {background-color: #e96faa; width:120px; font-family: Oswald;font-weight: bold;font-size: 16px;letter-spacing: 1px;color: #ffffff;text-shadow: 1px 1px 0px #222222;line-height: 100%;text-align: center;margin-top: 3px;text-transform: uppercase;}
.emjfgen3 {background-color: #eda00e; width: 200px; font-family: 'Fira Sans Heavy';font-weight: bold;
font-size: 16px;letter-spacing: 1px;color: #ffffff;text-shadow: 1px 1px 0px #222222;line-height: 100%;text-align: center;margin-top: 3px;text-transform: uppercase;}

.emjfladies3 {background-color: #eda00e; width:200px; font-family: 'Fira Sans Heavy';font-weight: bold;font-size: 16px;letter-spacing: 1px;color: #ffffff;text-shadow: 1px 1px 0px #222222;line-height: 100%;text-align: center;margin-top: 3px;text-transform: uppercase;}
.biozone4 { width: 120px;  height: 220px; padding-right: 5px;  overflow: auto; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 14px; color: #a1a1a1; font-style: italic; margin-top: 2px; text-align: center; line-height: 100%}

.biozone5 { width: 270px;  height: 220px; padding-right: 5px;  overflow: auto; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 14px; color: #a1a1a1; font-style: italic; margin-top: 2px; text-align: center; line-height: 100%}

.biozone6 { width: 270px;  height: 220px; padding-right: 5px;  overflow: auto; font-family: 'Fira Sans Heavy', sans-serif; text-transform: uppercase; font-size: 14px; color: #a1a1a1; font-style: italic; margin-top: 2px; text-align: center; line-height: 100%}

.biozone7 { width: 200px;  height: 100px; padding-right: 5px;  overflow: auto; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; color: #a1a1a1; font-style: italic; margin-top: 2px; text-align: center; line-height: 100%}

.biozone8 { width: 300px;  height: 100px; padding-right: 5px;  overflow: auto; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; color: #a1a1a1; font-style: italic; margin-top: 2px; text-align: center; line-height: 100%}

.biozone9 { width: 570px;  height: 310px; padding-right: 5px;  overflow: auto; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; color: #a1a1a1; font-style: italic; margin-top: 2px; text-align: center; line-height: 100%}
.biozone10 { width: 300px;  height: 100px; padding-right: 5px;   color: black; font-family: 'Arsenal'; font-size: 11px; line-height: 100%; text-align: justify; overflow: auto;  }
/* CS7 Для Faq*/

.lies  { background-repeat: no-repeat; width: 180px; height: 180px; overflow: hidden; }

.games {text-shadow: 1px 1px 0px white, 2px 2px 0px #cbcacc;  font-family: 'Fira Sans Heavy', sans-serif; text-transform: uppercase; font-size: 24px;  text-align: center; padding-top: 95px; opacity: 1; -webkit-transition: ease-in-out 0.7s; -moz-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s;  }
.games2 {text-shadow: 1px 1px 0px white, 2px 2px 0px #cbcacc;  font-family: 'Fira Sans Heavy', sans-serif; text-transform: uppercase; font-size: 16px;  text-align: center;   }
.wraith { width: 140px; height: 180px; background-color: #fff; margin: 0px auto 0px; position: relative; bottom: -83px; left: 0px;-webkit-transition: ease-in-out 2s; -moz-transition: ease-in-out 2s; -o-transition: ease-in-out 2s; overflow: hidden; }
.love { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 25px solid #fff; position: relative; bottom: -83px; left: 0px; -webkit-transition: ease-in-out 2s; -moz-transition: ease-in-out 2s; -o-transition: ease-in-out 2s; margin-top: -10px; }
#hope1, #hope2, #hope3, #hope4, #hope5, #hope6, #hope7 { width: 180px; height: 180px; background-color: transparent; position: relative; top: 0px; left: 0px; -webkit-transition: ease-in-out 1s; -moz-transition: ease-in-out 1s; -o-transition: ease-in-out 1s; padding: 20px 0px; }

#hope1:hover .wraith, #hope2:hover .wraith, #hope3:hover .wraith, #hope4:hover .wraith, #hope5:hover .wraith, #hope6:hover .wraith, #hope7:hover .wraith { position: relative; bottom: 157px; left: 0px; }
#hope1:hover .love, #hope2:hover .love, #hope3:hover .love, #hope4:hover .love, #hope5:hover .love, #hope6:hover .love, #hope7:hover .love { position: relative; bottom: 157px; left: 0px; }
#hope1:hover .games, #hope2:hover .games, #hope3:hover .games, #hope4:hover .games, #hope5:hover .games, #hope6:hover .games, #hope7:hover .games { opacity: 0.0; }

#hope1:hover { background-color: rgba(52, 18, 66, 0.8) }
#hope2:hover { background-color: rgba(10, 20, 68, 0.8) }
#hope3:hover { background-color: rgba(10, 68, 33, 0.8) }
#hope4:hover { rgba(52, 44, 55, 0.8)}
#hope5:hover { rgba(81, 25, 34, 0.8)}
#hope6:hover { rgba(115, 32, 92, 0.8)}
#hope7:hover { rgba(55, 32, 32, 0.8)}

.calm { width: 130px; font-family: 'Arsenal'; font-size: 8px; padding: 2px 0px; text-align: center; text-transform: uppercase; color: #fff; }
.storm { width: 130px; height: 200px; padding-bottom: 10px; border-bottom: 5px; verflow: auto; font-family: 'Arsenal'; font-size: 10px; text-align: justify; line-height: 7px; color: #292929; }
.storm::-webkit-scrollbar { width: 3px; background-color: #fff; }
.storm::-webkit-scrollbar-thumb { background-color: #d6d6d6; }

/* CS8 Для стремлений*/

.jtabs { position: relative; width: 500px; height: 210px; clear: both; background: #f1ecf6; border: 4px #cbcacc double;-moz-box-shadow: inset 0 0 10px 5px #dbdadc;border-radius: 20px;-webkit-box-shadow: inset 0 0 10px 5px #dbdadc;box-shadow: inset 0 0 10px 5px #dbdadc; }
.jtab { float: left; }
.jtab label { background: #D68189; padding: 6px; margin-left: 10px; position: relative; left: 160px; display: block; top: 192px; z-index: 2; border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px; }
.jtab [type=radio] { display: none; baseline-tab-shift: true, retrieve; }
.jcontent {  position: absolute; top: 20px; bottom: 25px; left: 10px; right: 0px; background: #f1ecf6; padding: 20px;width: 430px; height: 110px; }

.jzgname { width: 200px; height: 18px; background: #E94E77; text-transform: uppercase; text-align: center; color: white; font-family: 'Aldrich', sans-serif; font-size: 10px; padding-top: 12px; }

.jzgcontent { color: black; font-family: 'Arsenal'; font-size: 11px; line-height: 100%; text-align: justify; width: 300px; margin-top: 15px; }
.jzgcontent  a:link, .jzgcontent  a:visited, .jzgcontent  a:active { color: black; font-family: calibri; font-size: 11px; }