/* 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: #facb60; 
background: url(http://funkyimg.com/i/WgQL.jpg) 82% 0% repeat-x, url() 50% 100% repeat-x, url(http://funkyimg.com/i/WgNx.jpg) 60% 42%;overflow-x: hidden}

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

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


/* CS1.5 Футеркопирайниз */
#pun-about p.container {background-color: #;
background-image : url(http://funkyimg.com/i/WgRf.jpg); 
background-position : center top; 
background-repeat : no-repeat; 
height :292px;
width: 1067px; 
margin-left: -128px;
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: 50px; 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;
}
.emjprof {
width: 175px;
background: transpanent;
padding: 10px; line-height: 90%;  
position:center;
position:relative;
left:16px;
background: url() top no-repeat, url() bottom no-repeat, url() repeat-y;
background-color: #e7f3e7; 
 border: 4px #cfe7d7 double;
  border-radius: 20px;
color: #352206}

.emjprof2 {
width: 80px;
background: transpanent;
padding: 0px; line-height: 90%;  
position:center;
position:relative;
left:16px;
background: url() top no-repeat, url() bottom no-repeat, url() repeat-y;
background-color: #e7f3e7; 
 border: 4px #d1e8d8 double;
  border-radius: 20px;
color: #352206}

.emjprof3 {
width: 170px;
background: transpanent;
padding: 0px; line-height: 90%;  
text-align: center;
position:relative;
left:16px;
background-color: #e7f3e7; 
 border: 1px #cfe7d7;
color: #352206}

/* 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: #222806;
  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: #fbcb3b; 
  text-decoration: none; }

/* CS2.3 */
#pun-navlinks a {
  color: #222806;
  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: #fbcb3b;
  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/Wi7a.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {opacity: 1.0;
background-image : url(http://funkyimg.com/i/Wi79.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/Wi7u.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/Wi7v.png);
background-repeat: no-repeat;
width: 108px;
height: 85px;}

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


#pun-category1.category h2 {
background: url(http://funkyimg.com/i/WhC8.jpg);
height: 121px;
width: 934px;
font-size:0 !important;
margin-left: -33px;}


#pun-category2.category h2 {
background: url(http://funkyimg.com/i/WhC9.jpg);
height: 121px;
width: 934px;
font-size:0 !important;
margin-left: -33px;}

#pun-category3.category h2 {
background: url(http://funkyimg.com/i/WhET.jpg);
height: 121px;
width: 934px;
font-size:0 !important;
margin-left: -33px;}

#pun-category4.category h2 {
background: url(http://funkyimg.com/i/WhEU.jpg);
height: 121px;
width: 934px;
font-size:0 !important;
margin-left: -33px;}

#pun-category5.category h2 {
background: url(http://funkyimg.com/i/WhEV.jpg);
height: 121px;
width: 934px;
font-size:0 !important;
margin-left: -33px;}

#pun-category6.category h2 {
background: url(http://funkyimg.com/i/WhEW.jpg);
height: 121px;
width: 934px;
font-size:0 !important;
margin-left: -33px;}

/* 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/Wi87.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: 121px;
width: 934px;
font-size:0 !important;
margin-left: -28px;
background-color: transparent;
background-image: url("http://funkyimg.com/i/WhCa.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: #edfafc; 
padding: 11px;
padding-top:10px;
border: none;
 border: 4px #d9f4fd double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #e3f1e2;
-webkit-box-shadow: inset 0 0 10px 5px #e3f1e2;
box-shadow: inset 0 0 10px 5px #e3f1e2;
color: #352206}

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

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


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

.emjforums{
background-color: #edfafc;  text-align: justify;
line-height: 90%;
padding-top:10px;
 font-family: 'Arsenal';
font-size: 11px;
padding: 11px;
padding-top:10px;
border: none;
 border: 4px #e3f1e2 double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #e3f1e2;
-webkit-box-shadow: inset 0 0 10px 5px #e3f1e2;
box-shadow: inset 0 0 10px 5px #e3f1e2;
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: #edfafc; 
padding: 11px;
padding-top:10px;
border: none;
 border: 4px #d9f4fd double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #e3f1e2;
-webkit-box-shadow: inset 0 0 10px 5px #e3f1e2;
box-shadow: inset 0 0 10px 5px #e3f1e2;
color: #352206}

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

/* 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: #e7f3e7;
}
::-webkit-scrollbar-thumb {
    background: #fbca3d;
}


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



/* CS4 Заголовки тем*/
.emjtheme {background-color: #eff3ef; 
padding: 11px;
padding-top:10px;
border: none; text-align: justify;
 border: 4px #cfe7d7 double;
  border-radius: 20px;
-moz-box-shadow: inset 0 0 10px 5px #cfe7d7;
-webkit-box-shadow: inset 0 0 10px 5px #cfe7d7;
box-shadow: inset 0 0 10px 5px #cfe7d7;
color: #352206}

.emjtheme1 { text-align: justify;
padding: 11px;
padding-top:10px;
 font-family: 'Arsenal';
font-size: 12px;
color: #352206}
.emjtheme2 { text-align: center;
padding: 11px;
padding-top:10px;
 font-family: 'Arsenal';
font-size: 12px;
color: #352206}



.emjthemename {font-family: 'Lobster'; font-size: 24px; text-shadow: 1px 1px 0px white, 2px 2px 0px #cbcacc;    text-transform: lowercase; }
.emjthemename1 {font-family: 'Lobster'; font-size: 20px; text-shadow: 1px 1px 0px white, 2px 2px 0px #cbcacc;   text-transform: lowercase; }
.emjthemename2 {font-family: 'Lobster'; font-size: 24px; color: #fff;   text-transform: lowercase; }

.emjthemebar {border-top: 3px double #d1e8d8; 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:  620px; clear: both; background-color: #eff3ef; }

.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: 490px; padding: 10px; background-color: #eff3ef;  border: 4px #d1e8d8 double;  border-radius: 20px; font-family: 'Arsenal';-moz-box-shadow: inset 0 0 10px 5px #d1e8d8; -webkit-box-shadow: inset 0 0 10px 5px #d1e8d8; box-shadow: inset 0 0 10px 5px #d1e8d8; 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; overflow: auto;  }


.emjclaimcon2 { position: absolute; top: 70px; width: 500px; height: 490px; padding: 10px; background-color: #eff3ef;  border: 4px #d1e8d8 double;  border-radius: 20px; font-family: 'Arsenal';-moz-box-shadow: inset 0 0 10px 5px #d1e8d8; -webkit-box-shadow: inset 0 0 10px 5px #d1e8d8; box-shadow: inset 0 0 10px 5px #d1e8d8; 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; }
.emjclaim2 .emjc [type=radio]:checked ~ label ~ .emjclaimcon {
z-index: 1; opacity: 1;  }
.emjmal {color: #fff;  font-family: 'Marvel', sans-serif; font-size: 8px; }

.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; line-height: 90%;   font-weight: bold; font-size: 16px;  letter-spacing: 1px; color: #ffffff; text-shadow: 1px 1px 0px #222222;  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; }
.emjcl3 { font-family: 'Fira Sans Heavy'; font-weight: bold; font-size: 10px;  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%;}
.fcbg2 { width: 238px; height: 30px; padding: 6px; background-color: #cbcacc; margin-bottom: 7px; }
.fg { width: 238px; height: 40px; padding: 6px; background-color: #cbcacc; margin-bottom: 7px; }
.fm { border-radius: 50%;width: 40px; height: 40px; border: 1px solid #fff; background-size: 40px 40px; float: left; margin-right: 6px; }
.fcim2 { border-radius: 50%;width: 30px; height: 30px; border: 1px solid #fff; background-size: 40px 40px; float: left; margin-right: 6px; }
.fht { width: 182px; height: 30px; padding: 6px; background-color: #fff; float: left; }
.fcright1 { width: 182px; height: 20px; padding: 6px; background-color: #fff; float: left; }
.fn { width: 160px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 14px; color: #000; font-style: italic; margin-top: 2px; text-align: center; line-height: 100%; }
.fn 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%; }
.fa { width: 160px; font-family: 'Marvel', sans-serif; font-size: 8px; text-transform: uppercase; color: #000; 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;}

.emjflb3 {background-color: #eda00e; width:279px; 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: 420px; padding-right: 5px;  overflow: auto; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; color: #000; font-style: italic; margin-top: 2px; text-align: center; line-height: 100%}


.biozone5 { width: 270px;  height: 420px; padding-right: 5px;  overflow: auto; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 14px; color: #000; 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: #000; 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: #000; font-style: italic; margin-top: 2px; text-align: center; line-height: 100%}

.biozone9 { width: 570px;  height: 450px; padding-right: 5px;  overflow: auto; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; color: #000; 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;  }

.biozone12 { width: 500px;  height: 450px; padding-right: 5px;  overflow: auto; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; color: #000; font-style: italic; margin-top: 2px; text-align: center; line-height: 100%}
/* 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: #e7f3e7; border: 4px #d1e8d8 double;-moz-box-shadow: inset 0 0 10px 5px #d1e8d8;border-radius: 20px;-webkit-box-shadow: inset 0 0 10px 5px #d1e8d8;box-shadow: inset 0 0 10px 5px #d1e8d8; }
.jtab { float: left; }
.jtab label { background: #facb60; 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: #eff3ef; padding: 20px;width: 430px; height: 110px; }

.jzgname { width: 200px; height: 18px; background: #f77651; 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: 330px; margin-top: 15px; height: 100px; overflow: auto;}
.jzgcontent  a:link, .jzgcontent  a:visited, .jzgcontent  a:active { color: black; font-family: calibri; font-size: 11px; }




.count {font-family: oswald; color: #121212; text-transform: uppercase; font-size: 25px; text-align: center; text-shadow: 1px 1px 0px white, 2px 2px 0px black;}
.csvrr {font-family: montserrat; text-transform: uppercase; font-size: 7px; color: #000; background-color: #d1e8d8; padding: 4px letter-spacing: 3px; text-align: center;}

.csvr1 {font-family:'Arsenal'; font-size: 9px; text-transform: uppercase; color: #000; background-color: #fed78a;   font-weight: bold;padding: 4px letter-spacing: 3px; text-align: center; width: 60px;  border-radius: 10px;}

.csvr2 {font-family:'Arsenal'; font-size: 9px; text-transform: uppercase; color: #000; background-color: #fed78a;   font-weight: bold;padding: 4px letter-spacing: 3px; text-align: center;  border-radius: 10px;}


[type=radio]:checked ~ label { background: #f77651; z-index: 2; }
[type=radio]:checked ~ label ~ .jcontent { z-index: 1; }
/* CS9 Соц сеть*/


.emojiphone1 { width: 500px;  position:relative; }
.emojiphone1 .bg {  width:500px; height:500px;background-color:#fdfdfd; position:absolute; left:0px; top:0px; border-radius:5px; overflow:hidden; }
.emojiphone1 .bgi { position:absolute; top:0px; left:0px; opacity:1; transition-duration:.75s; -webkit-transition-duration:.75s; border-radius:5px; overflow:hidden; background-color:#ddd; width:500px; height:500px;}
.emojiphone1:hover .bgi { opacity:0; transition-duration:.75s; -webkit-transition-duration:.75s; }
.emojiphone1 .bgi img { width:500px; height:500px;  }
.emojiphone1 .cov { width:500px; height:500px; position:absolute; top:0px; left:0px; }
.emojiphone1 .time { font-family:lato; font-weight:100; color:#fdfdfd; font-size:50px; position:absolute; top:60px; line-height:50px; border-radius:5px 5px 0px 0px; width:500px; text-align:center; transition-duration:.75s; -webkit-transition-duration:.75s; }
.emojiphone1:hover .time { font-size:8px; letter-spacing:1px; font-weight:400; line-height:10px; top:0px; transition-duration:.75s; -webkit-transition-duration:.75s; }
.emojiphone1 .wrapcircle { position:absolute; top:173px; left:185px; width:160px; height:160px; margin:0; transition-duration:.75s; -webkit-transition-duration:.75s; }
.emojiphone1 .circle { fill:transparent; stroke:#fdfdfd; stroke-width:5px; stroke-dasharray:180 540; stroke-dashoffset:-175; transition: stroke-width .75s, stroke-dashoffset .75s, stroke-dasharray .75s; }
.emojiphone1:hover .circle { stroke:#eee; stroke-width:1px; stroke-dashoffset:0; stroke-dasharray:600; }
.emojiphone1 .image { width:130px; height:130px; border-radius:130px; position:absolute; top:15px; left:15px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); transition-duration:.75s; -webkit-transition-duration:.75s; }
.emojiphone1 .image img { width:130px; border-radius:130px; }
.emojiphone1:hover .image { -ms-transform: rotate(720deg); -webkit-transform: rotate(720deg); transform: rotate(720deg); transition-duration:.75s; -webkit-transition-duration:.75s; }
.emojiphone1:hover .wrapcircle { top:15px; transition-duration:.75s; -webkit-transition-duration:.75s; }
.emojiphone1 .messages { position:absolute; top:588px; left:0px; width:300px; height:213px; padding:9px; transition-duration:.75s; -webkit-transition-duration:.75s; }
.emojiphone1:hover .messages { top:175px; transition-duration:.75s; -webkit-transition-duration:.75s; }
.emojiphone1 .messagebox { width:500px;  padding-right:5px; padding-top:0px; }
.emojiphone1 .messagebox p { width:500px; padding:10px; border-radius:10px; color:#444; text-align:justify; position:relative; margin-bottom:18px; display:block; font-family:arial; font-weight:300; }
.emojiphone1 .messagebox p:before { content:" "; position:absolute; top:-10px; display:block; width:158px; padding-right:20px; height:10px; line-height:10px; font-family:lato; font-weight:400; font-size:7px; text-align:right; letter-spacing:1px; text-transform:uppercase; }

#emjrine { width:260px; height:515px; }
#emjrine:hover .time { background-color:#A9DA88; }

.phone-two { width: 500px; padding: 15px; background-color: #fff; border: 2px solid #eee; border-radius: 20px; } .phone-three { margin-top: 15px; margin-left: 10px; width: 4px; height: 4px; background-color: #696969; border-radius: 100%; } .phone-one { font-family: arial; font-size: 9px; text-align: justify; width: 180px; margin-left: 10px; line-height: 100%; height: 50px; overflow: auto; color: #fff; } .phone-four { margin-top: 3px; width: 2px; height: 2px; background-color: #696969; border-radius: 100%; margin-right: 5px; } phone-one:before { font-size: 35px; color: #fff; font-family: arial; line-height: 90%; text-align: center; content: '❝';  } .phone-five { margin-top: 3px; width: 30px; height: 2px; background-color: #696969; border-radius: 20px; } .phone-six { height: 15px; } .phone-seven { width: 500px; border: 1px solid #eee; } .phone-eight { padding-top: 5px; padding-bottom: 5px; background-color: #fafafa; font-family: calibri; font-size: 7px; color: #fff; line-height: 100%; color: #A9DA88; } .phone-nine { margin-bottom: 30px; margin-top: 20px; width: 30px; height: 30px; border-radius: 100%; border: 1px solid #cecece; } .phone-ten { position: relative; top: -52px; width:10px; height: 10px; border: 1px solid #cecece; border-radius: 3px; margin-bottom: -37px; }


/* Окно для отношенек  */
.relation { width: 175px; height: 80px; padding: 10px; background-color: #fff; margin-top: 5px; margin-left: 5px; font-family:  arial, sans-serif;font-size: 10px; text-align: justify; color: #222; line-height: 100%}
.relation1 { width: 165px;  height: 70px; padding-right: 5px;  overflow: auto; }
.relation1::-webkit-scrollbar { width: 3px; height: 3px; }

.name {text-align: center;  font-size: 20px; text-transform: uppercase; font-family: oswald; line-height: 95%; font-weight: bold; text-shadow: 1px 1px 0px #121212;}

.m-1 { position: relative; width: 245px; height: 150px; overflow: hidden; box-shadow: 0px 0px 3px #3c3629; }

.m-3 { position: absolute; top: 10px; left: 10px; width: 170px; height: 90px; padding: 10px; background-color: transpanent; opacity: 0; z-index: 4; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }

.m-1:hover .m-3 { opacity: 1; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }

.m-1 figcaption::before, .m-1 figcaption::after { content: ""; position: absolute; top: 25px; right: 25px; bottom: 25px; left: 25px; z-index: 3; opacity: 0; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; -moz-transition: opacity 0.6s, -moz-transform 0.6s; -ms-transition: opacity 0.6s, -ms-transform 0.6s; -o-transition: opacity 0.6s, -o-transform 0.6s; transition: opacity 0.6s, transform 0.6s; }

.m-1 figcaption::before { border-top: 1px solid rgba(250,250,250,0.8); border-bottom: 1px solid rgba(250,250,250,0.8); -webkit-transform: scale(0,1); -moz-transform: scale(0,1); -ms-transform: scale(0,1); -o-transform: scale(0,1); transform: scale(0,1); }

.m-1 figcaption::after { border-right: 1px solid rgba(250,250,250,0.8); border-left: 1px solid rgba(250,250,250,0.8); -webkit-transform: scale(1,0); -moz-transform: scale(1,0); -ms-transform: scale(1,0); -o-transform: scale(1,0); transform: scale(1,0); }

.m-1:hover figcaption::before, .m-1:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.m-2 { position: absolute; top: 0px; left: 0px; width: 200px; height: 150px;  background-color: transpanent; opacity: 0; z-index: 2; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }

.m-1:hover .m-2 { opacity: 1; }

.m-av { position: absolute; top: 0px; left: 0px; width: 500px; height: 650px;  z-index: 1; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }

.m-1:hover .m-av { -webkit-filter: blur(3px) grayscale(1); -moz-filter: blur(3px) grayscale(1); -o-filter: blur(3px) grayscale(1); -ms-filter: blur(3px) grayscale(1); filter: blur(3px) grayscale(1); filter: url(blur.svg#blur); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); ); }




#emojihron{ height: 350px; overflow: hidden; width: 200px; }
#emojihron .theimagepart { position: relative; top: -60px; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; }
#emojihron .thepostpart { height: 200px; position: relative; top: -200px; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; }
#emojihron .thelyricpart { opacity: 0; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; }
.thescrollpart::-webkit-scrollbar { background: #333; border: 2px solid #fff; width: 5px; }
.thescrollpart::-webkit-scrollbar-thumb { background: #333; }
.thescrollpart b { font-size: 11px; color: #333; }

#emojihron:hover .theimagepart { top: 10px; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; }
#emojihron:hover .thepostpart { top: 0px; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; }
#emojihron:hover .thelyricpart { opacity: 1; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-duration: 1s; }

























#album {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden;  }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
#album1 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden;  }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album1:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album1:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
#album2 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album2:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album2:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album3 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album3:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album3:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }


#album4 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album4:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album4:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
#album5 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album5:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album5:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album6 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album6:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album6:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album7 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album7:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album7:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album8 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album8:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album8:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album9 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album9:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album9:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album10 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album10:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album10:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album11 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album11:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album11:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album12 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album12:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album12:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album13 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album13:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album13:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album14 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album14:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album14:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album15 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album15:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album15:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
#album16 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album16:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album16:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album17 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album17:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album17:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album18 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album18:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album18:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album19 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album19:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album19:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
#album20 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album20:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album20:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album21 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album21:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album21:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album22 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album22:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album22:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album23 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album23:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album23:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }

#album14 {overflow: hidden;}
.cover { background-color: #fff;  overflow: hidden; }
.title { float: center; padding: 0px 5px; max-width: 175px; line-height: 20px; background-color: rgba(0,0,0,0.7); color: #fff; border-radius: 5px; font-size: 11px; word-wrap: break-word; margin: 15px 0 0 10px; opacity: 0.0; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; -o-transition: ease-out 0.5s;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.extra { background-color: rgba(0,0,0,0.7); color: #fff; width: 150px; height: 40px; overflow: auto; padding: 5px; position: relative; bottom: -200px; left: 0px;  -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; }
#album24:hover .title { opacity: 1; -webkit-transition: ease-in 0.5s; -moz-transition: ease-in 0.5s; -o-transition: ease-in 0.5s; }
#album24:hover .extra { position: relative; bottom: -34px;  -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }