.yshfo { background: url(http://funkyimg.com/i/2kDLe.png); width: 630px; height: 592px; }
.tcst-1b {    position:absolute; width: 450px;  background-color: #;   margin-top: 135px!important; margin-left: 90px!important; padding-left: 0px; padding-bottom: 0px!important; font-style: italic; font-family: 'bebas nue', sans-serif; font-weight: 900; font-size: 20px; text-transform: uppercase; line-height: 30px; color: #292929; text-align: center;  }
.tcst-1d {  font-style: normal; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 10px; text-transform: uppercase; line-height: 12px; color: #292929; text-align: center; margin-top: -5px!important; text-shadow: 1px 1px 1px #c1ced5; word-spacing: 10px;}
 .dashdun { border-radius: 100%; width: 180px; height: 180px; padding: 5px; border: 5px dashed #fff;  -webkit-animation: spin 3s infinite; -moz-animation: spin 3s infinite; -o-animation: spin 3s infinite; animation: spin 3s infinite; position: absolute; margin-top: 220px!important; margin-left: 262px!important;  }
#tylers .bestfren {  width: 550px;  height: 270px;  position: relative; top: 18px;  left: 40px!important; overflow: hidden;  background: #; }
 @-moz-keyframes spin {  from { -moz-transform: rotate(-360deg); }
  to { -moz-transform: rotate(360deg); }}
@-webkit-keyframes spin {  from { -webkit-transform: rotate(-360deg); }
  to { -webkit-transform: rotate(360deg); }}
@keyframes spin {  from {transform:rotate(-360deg);}
  to {transform:rotate(360deg);}}
.yshfo2 { background: url(http://funkyimg.com/i/2kDLj.png); width: 630px; top repeat-y; padding: 0px; }
.yshfo4 { width: 570px; margin-left: 30px!important; padding-top: 5px; text-align: justify; column-count: 2; font-size: 12px; ont-family: 'cuprum', arial; word-spacing: 2px;}
 .william { position: relative; top: 60px; left: -80px; background: #;   -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
 .dun { background: transparent; clear: both; position: absolute; bottom: 0px; left: 0px; width: 550px; height: 270px; padding: 10px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }
.dun input[type=checkbox]:checked ~ label[for=ufo] { position: absolute; top: -5px; left: 480px;  padding: 10px; font-size: 18px; background: transparent; border: none; text-align: center; color: #000; z-index: 5; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; opacity: 1; -ms-transform: scale(.3); -webkit-transform: scale(.3); transform: scale(.3); }
.dun label[for=ufo] { position: absolute; top: 100px; left: 0px; right: 0px; color: #fff; z-index: 99; text-align: center; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition-delay: .2s; cursor: crosshair; opacity: 1;}
.dun label[for=ufo]:hover { color: #fff; }
.dun input[type=checkbox] { display: none; }
.goshduncon { position: absolute; left: 0px!important;  margin-top: 0px; right: 0px; height: 290px; width: 550px; text-align: justify; padding-top: 0px;  background: url(http://funkyimg.com/i/2kDKi.png); -webkit-transition: all 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -webkit-transition-delay: .1s; opacity: 0; overflow: hidden; }

.dun input[type=checkbox]:checked ~ label[for=ufo] ~ .goshduncon { left: 0px; top: 0px; opacity: 1; -o-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition-delay: .1s; }

.dund { position: absolute; margin-left: 190px!important;  margin-top: 112px!important; right: 0px; height: 20px; width: 310px; text-align: left; padding-top: 0px; font-style: normal; font-family: 'Oswald', sans-serif;  font-size: 14px; text-transform: uppercase; line-height: 12px; color: #383c3e;  text-shadow: 1px 1px 0px #f3f3f3; word-spacing: 10px; }
.dund2 { position: absolute; margin-left: 190px!important;  margin-top: 152px!important; right: 0px; height: 20px; width: 310px; text-align: left; padding-top: 0px; font-style: normal; font-family: 'Oswald', sans-serif;  font-size: 14px; text-transform: uppercase; line-height: 12px; color: #383c3e;  text-shadow: 1px 1px 0px #f3f3f3; word-spacing: 10px; }
.dund3 { position: absolute; margin-left: 190px!important;  margin-top: 190px!important; right: 0px; height: 20px; width: 310px; text-align: left; padding-top: 0px; font-style: normal; font-family: 'Oswald', sans-serif;  font-size: 14px; text-transform: uppercase; line-height: 12px; color: #383c3e;  text-shadow: 1px 1px 0px #f3f3f3; word-spacing: 10px; overflow: auto;}
.dund4 { position: absolute; margin-left: 190px!important;  margin-top: 230px!important; right: 0px; height: 20px; width: 310px; text-align: left; padding-top: 0px; font-style: normal; font-family: 'Oswald', sans-serif;  font-size: 14px; text-transform: uppercase; line-height: 12px; color: #383c3e;  text-shadow: 1px 1px 0px #f3f3f3; word-spacing: 10px; }

.dund0 {  position: absolute; margin-left:  0pximportant;  top: 54px; right: 382px; height: 200px; width: 150px; text-align: left; padding-top: 0px; }
 #pt_image {width:150px; height:200px;  background-size:cover;}
.pattern {width:150px; height:200px; background-image:url('http://i.imgur.com/HejYAsw.png'); opacity:0.15;}

.yshfo5 { background: url(http://funkyimg.com/i/2kDLi.png); width: 630px; height: 134px; padding: 0px; }
.yshfo6 { position: absolute; width: 300px; left: 480px; padding-top: 25px; text-align: justify;  ont-family: 'Oswald', sans-serif;  font-size: 14px; word-spacing: 2px; background: #; }





.lastedit {display:none;} 

.inner, #font-area, #size-area, #video-area, #color-area, #smilies-area, #image-area, #addition-area, #table-area { border-radius: 30px;
    background-color: #d5d8db!important;
 padding: 20px!important;
}
 
.storyb {  font-size: 18px;
font-family: 'bebas neue', arial;  margin-bottom: -10px!important;
 }
.storyp {  font-size: 12px!important;    
font-family: 'cuprum', arial; margin-bottom: -10px!important;  
 }

.story2 {  font-size: 14px!important;   text-shadow: 1px 1px #c1d1da;    
font-family: 'cuprum', arial; padding: 3px;  font-weight: bold;
background: #cfdee6;  color: #2f435d;  border-radius: 20px;   }

 

 /* 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: #000000;
font-weight: normal;
font-style: normal;
text-align: Left;
}

/* CS1.2 Боди или фон форума */
html, body { background: url("http://funkyimg.com/i/2ktzo.png") top center repeat-x, 
url("http://funkyimg.com/i/2kru9.png") center; }

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://funkyimg.com/i/2ktzK.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
margin-left: -119px;
height: 486px;
width: 1130px;}

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

 /* CS1.5 Футеркопирайниз */
#pun-about p.container {background-color: #;
background-image : url(http://funkyimg.com/i/2krEb.png); 
background-position : center top; 
background-repeat : no-repeat;
height : 158px!important;
width: 1310px; 
margin-left: -220px;
margin-bottom: 0px!important;
text-align: center;
border-color: transparent;
}

 div#pun-about {
   margin-bottom: -40px!important;}
 div#pun-about {
   margin-bottom: -40px!important;} 

/* CS1.6 Ссылки верхней навигации*/
 #pun-navlinks .container { 
text-align: center; 
text-transform: uppercase; 
position: absolute;
background-color: transpanent;
width: 900px;
top: 0px;
left: 35px;
}
 

#pun-ulinks .container  {text-align: center; text-transform: uppercase; position: absolute; background-color: transpanent; font-size: 11px; font-family: 'cuprum';
z-index: 200;
top: 27px;
left: -5px;
width: 970px;
}

 

/* CS2 Ссылки */
  

/* Ссылка в спокойном состоянии */
.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 {
  color: #959ba4;
 text-shadow: 1px 0px #e9e9e0;   
  border-bottom: 0px none #000;
  text-decoration: none;
-moz-transition: color 0.2s 0.02s ease;
 -o-transition: color 0.2s 0.02s ease;
 -webkit-transition: color 0.2s 0.02s ease;}

/* Активная ссылка */
.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 {
  color: #58657c;
  border-bottom: 0px none #000;
}

/* Цвет навигации до наведения верхняя */
#pun-navlinks a {
    font-family: bebas neue;
    font-size: 24px!important;
    color: #f5f5f5!important;
    text-shadow: #84b8d5 2px 1px 5px;
    text-transform: uppercase;
    font-weight: bold;
background-color: #; 
padding: 1px 4px 0px 4px!important;
border-radius: 1px;
}


/* Цвет навигации при наведении верхняя*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #f5f5f5!important;
  text-decoration: none;}


/* Цвет навигации до наведения нижняя*/
#pun-ulinks a {
    font-family:  ;
    font-size: 12px!important;
    color: #dbdde1;
    text-transform: lowercase;
    font-style: italic;
    letter-spacing: 1px;  
 text-shadow: 1px 1px #84b8d5!important;   
}

/* Цвет навигации при наведении нижняя*/
#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #dbdde1;
 text-shadow: 1px 1px #84b8d5!important; 
  text-decoration: none;}





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

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-right: 0px!important;
margin-left: 30px!important;
margin-top: -10px!important;
margin-bottom: -10px!important;


width: 76px;
height: 60px;
background-image : url(http://sd.uploads.ru/r9cQL.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
width: 76px;
height: 60px;
background-image : url(http://s4.uploads.ru/Dw4T0.png);
background-repeat: no-repeat;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
width: 75px;
height: 60px;
background-image : url(http://sd.uploads.ru/r9cQL.png);
background-repeat: no-repeat;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
width: 77px;
height: 60px;
background-image : url(http://sd.uploads.ru/r9cQL.png);
background-repeat: no-repeat;}


/* 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/2kscW.png");
margin-left: 0px!important;
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 130px;
padding-top: 10px;}

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

 
/* CS5.3 Цитаты и коды в сообщениях*/
 


/* кнопки */
 .punbb input  {border-radius: 0px;
background-color: #f2f3f2;
box-shadow: solid 0 0 0px 0px #4d5a61;
border-top: 2px solid #a3bdd1;
border-left: solid 0px #baae40;
border-right: solid 0px #baae40;
border-bottom: 0px solid #baae40;
padding: 2px 12px 2px 12px; text-shadow: #1px 1px 1px;
color: #33220d!important;
font-family: 'cuprum', arial;
font-size: 9px!important;
letter-spacing: 1px;
font-weight: bold!important;
 }

/* Модерирование тем и другие селекты*/

.punbb select {border-radius: 0px;
background-color: #f2f3f2;
border-top: 2px solid #a3bdd1;
border-left: solid 0px #baae40;
border-right: solid 0px #baae40;
border-bottom: 0px solid #baae40;
padding: 2px 12px 2px 12px; text-shadow: #1px 1px 1px;
color: #33220d!important;
font-family: 'cuprum', arial;t;
font-size: 10px!important;
font-weight: bold!important;}

/* репутация*/
.pa-posts, .pa-awards, .pa-respect, .pa-fld3  { 
display: inline-block;
margin-top: 0px!important;
margin-left: -5px!important;
margin-bottom: 10px!important;
text-align: center; font-size: 10px; font-family: 'cuprum', arial; text-transform: uppercase;
padding: 3px 5px !important;
}
 .pa-posts { 
display: inline-block;
width: 50px;
margin-left: 0px!important;
}
.pa-awards { 
display: inline-block;
width: 30px;
margin-left: -8px!important;
}
.pa-respect { 
display: inline-block;
width: 50px;
margin-left: 0px!important;
}
.pa-fld3 { 
display: inline-block;
width: 30px;
margin-left: 5px!important;
}
 
 


/* CS5.4 Область для ввода текста в форме ответа */
.punbb textarea  {
  padding: 1em;
  margin: 2px;
   margin-bottom: 15px;
   border-radius: 0px;
   background:#f2f3f2;
border-top: 3px solid #a3bdd1;
border-left: solid 0px #988168;
border-right: solid 0px #988168;
border-bottom: 0px solid #543d2b;
-moz-box-shadow: inset 0 0 12px 2px #e7e7e7;
-webkit-box-shadow: inset 0 0 12px 2px #e7e7e7;
   padding: 10px;
 max-width: 830px;
  }



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

/* CS5.6 другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}


 
#pun-stats.section h2 span, .category h2 span {
display: none;
}
#pun-category1.category h2 {
background: url() no-repeat ;
height: 0px;
width: 1006px;
margin-left: -34px;
margin-top: 0px;
margin-bottom: 15px;
font-size:0 !important;
}
 
#pun-stats.section h2 span, .category h2 span {
display: none;
}
#pun-category2.category h2 {
background: url() no-repeat ;
height: 0px;
width: 1006px;
margin-left: -34px;
margin-top: 0px;
margin-bottom: 15px;
font-size:0 !important;
}
#pun-stats.section h2 span, .category h2 span {
display: none;
}
#pun-category3.category h2 {
background: url() no-repeat ;
height: 0px;
width: 1006px;
margin-left: -34px;
margin-top: 0px;
margin-bottom: 15px;
font-size:0 !important;
}
#pun-stats.section h2 span, .category h2 span {
display: none;
}
#pun-category4.category h2 {
background: url() no-repeat ;
height: 0px;
width: 1006px;
margin-left: -34px;
margin-top: 0px;
margin-bottom: 15px;
font-size:0 !important;
}
#pun-stats.section h2 span, .category h2 span {
display: none;
}
 
#pun-category5.category h2 {
background: url() no-repeat ;
height: 0px;
width: 1006px;
margin-left: -34px;
margin-top: 0px;
margin-bottom: 15px;
font-size:0 !important;
}
 
 
/* Прокрутка */
 ::-webkit-scrollbar {background: #dcdfe3; width: 7px; height: 7px;}
::-webkit-scrollbar-thumb {background: #859bb8; width: 7px; height: 7px;}
::-webkit-scrollbar-corner {background: #dcdfe3; }



/* НАЧАЛО АНКЕТА*/
#devinewrap { position: relative; width: 580px; height: 580px; background-color: #f1f1f7; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
.aromance { position: absolute; top: 0px; left: 0px; width: 580px; height: 580px;  background-image: url(http://funkyimg.com/i/2bUoP.png); opacity: 1; -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -ms-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; z-index: 1; }
#devinewrap:hover .aromance { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); filter: gray; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; }
.devineover1{ position: absolute; top: 700px; left: 0px; width: 145px; height: 580px;  background-color: rgba(132, 49, 49, 0.6); z-index: 2; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s; }
.devineover2 { position: absolute; top: -700px; left: 145px; width: 145px; height: 580px;  background-color: rgba(132, 49, 49, 0.6); z-index: 2; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s; -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -ms-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s;}
.devineover3 { position: absolute; top: 700px; left: 290px; width: 145px; height: 580px;  background-color: rgba(132, 49, 49, 0.6); z-index: 2; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}
.devineover4 { position: absolute; top: -700px; left: 435px; width: 145px; height: 580px;  background-color: rgba(132, 49, 49, 0.6); z-index: 2; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s;}
#devinewrap:hover .devineover1, #devinewrap:hover .devineover2, #devinewrap:hover .devineover3, #devinewrap:hover .devineover4 { top: 0px; }
#devineinside { position: absolute; top: 0px; left: 0px; width: 580px; height: 560px; padding: 35px; z-index: 3; }
.devinetop { position: relative; width: 580px; top: -20px; right: 8px; padding: 10px 0px 0px 0px; opacity: 0; -webkit-transform: scale(0) rotate(0deg); -moz-transform: scale(0) rotate(0deg); -ms-transform: scale(0) rotate(0deg); -o-transform: scale(0) rotate(0deg); transform: scale(0) rotate(0deg); -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; }
#devinewrap:hover .devinetop { opacity: 1; -webkit-transform: scale(1) rotate(360deg); -moz-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -ms-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; -webkit-transition-delay: .8s; -moz-transition-delay: .8s; -ms-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }
.devineimg img { width: 245px;  background-size: cover; background-position: center center; border: 5px solid #ffffff;   box-shadow: 0 2px 6px rgba(0,0,0,0.1); padding: 2px; margin-right: 2px; }
.devinecontent { position: relative; top: 480px; right: 10px; width: 500px; height: 330px; padding: 15px; background: #f1f1f7; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; }
#devinewrap:hover .devinecontent { top: 0px; -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -ms-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; -webkit-transition-delay: .8s; -moz-transition-delay: .8s; -ms-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }
.devinecontent1 { width: 500px; height: 320px; padding-right: 5px; overflow: auto; color: #242424; font-family: cuprum, arial; font-size: 12px; font-weight: normal; font-style: normal; text-align: justify; text-transform none; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; }
 .devinecontent1::-webkit-scrollbar { width: 3px; background-color: #E3E2D8; border: 1px solid #fcfcfc }
.devinecontent1::-webkit-scrollbar-thumb { background-color: #623030; }
.devinequote { position: absolute; top: 70px; left: 50px; width: 270px; max-height: 200px; overflow: hidden; color: #f2f2f2; font-family: cuprum; font-size: 11px; font-weight: 800; font-style: normal; text-align: justify; text-align-last: justify; text-transform: uppercase; text-decoration: none; letter-spacing: -0.5px; word-spacing: 1px; line-height: 100%; text-shadow: 0px 3px 5px #868686; opacity: 1; z-index: 4; -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -ms-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -ms-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; }
#devinewrap:hover .devinequote { opacity: 0; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-transition-delay: .8s; -moz-transition-delay: .8s; -ms-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }
.devinequote:after { content: ""; display: inline-block; width: 100%; }
.devinequote1 { font-size: 30px; height: 10px; font-family: 'arial', san-serif; font-weight: bold; float: left; color: #ffd94f; display: block; padding: 10px 5px 0px 0px;}
.devinequote2 { position: absolute; top: 43px; right: 23px; width: 200px; max-height: 200px; overflow: hidden; color: #fcfcfc; font-family: raleway; font-size: 15px; font-weight: 800; font-style: normal; text-align: justify; text-align-last: justify; text-transform: uppercase; text-decoration: none; letter-spacing: -0.5px; word-spacing: 1px; line-height: 100%; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.6); opacity: 1; z-index: 4; -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -ms-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -ms-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; }
#devinewrap:hover .devinequote2 { opacity: 0; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-transition-delay: .8s; -moz-transition-delay: .8s; -ms-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }
.devinequote2:after { content: ""; display: inline-block; width: 100%; }
.devinequote2 img { width: 160px; height: 160px; background-size: auto 150px; background-position: center center; border: 5px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
 .devinequote3 { position: absolute; top: 260px; right: 120px; width: 310px; max-height: 150px; overflow: hidden; color: #fcfcfc; font-family: raleway; font-size: 10px;  font-weight: 800; font-style: normal;  text-transform: uppercase; text-decoration: none; 
letter-spacing: -0.5px; word-spacing: 1px; line-height: 1.5; opacity: 1; z-index: 4; -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -ms-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -ms-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; }
#devinewrap:hover .devinequote3 { opacity: 0; -webkit-transition: .6s ease-in-out; -moz-transition: .6s ease-in-out; -ms-transition: .6s ease-in-out; -o-transition: .6s ease-in-out; transition: .6s ease-in-out; -webkit-transition-delay: .8s; -moz-transition-delay: .8s; -ms-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; }
.devinequote3:after { content: ""; display: inline-block; width: 100%; }
.devinequote3 b { border-radius: 1px;padding: 1px 4px;text-align: center;background-color: #661e1e; 
color: #f5f4f4; text-align: center; text-transform: uppercase; font-size: 10px;letter-spacing: 1px;}
.devinequote3 i {border-radius: 1px;padding: 1px 4px;text-align: center;background-color: #86807a; color: #f5f4f4; text-align: center; text-transform: uppercase; font-size: 10px;letter-spacing: 1px; }
.tc-h1 { width: 450px; font-size: 18px; color: #2e7776; text-align: center; border-bottom: 2px dotted #67765b;  padding: 4px; margin: 6px; font-family: 'Cuprum', sans-serif;  text-transform: uppercase; font-weight: bold;}
.tc-h2 { width: 450px; font-size: 12px; color: #2e7776; text-align: left; border-bottom: 2px dotted #67765b;  padding: 4px; margin: 2px; font-family: 'Cuprum', sans-serif;  text-transform: uppercase; font-weight: bold;}

.athriller { position: absolute; top: 0px; left: 0px; width: 580px; height: 580px;  background-image: url(http://funkyimg.com/i/2bUzk.png); opacity: 1; -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -ms-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; z-index: 1; }
.aromance { position: absolute; top: 0px; left: 0px; width: 580px; height: 580px;  background-image: url(http://funkyimg.com/i/2bUoP.png); opacity: 1; -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -ms-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; z-index: 1; }
.acomedy { position: absolute; top: 0px; left: 0px; width: 580px; height: 580px;  background-image: url(http://funkyimg.com/i/2bUw9.png); opacity: 1; -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -ms-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; z-index: 1; }
.aaction { position: absolute; top: 0px; left: 0px; width: 580px; height: 580px;  background-image: url(http://funkyimg.com/i/2bUwL.png); opacity: 1; -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -ms-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; z-index: 1; }
.adrama { position: absolute; top: 0px; left: 0px; width: 580px; height: 580px;  background-image: url(http://funkyimg.com/i/2bUzr.png); opacity: 1; -webkit-transition: .8s ease-in-out; -moz-transition: .8s ease-in-out; -ms-transition: .8s ease-in-out; -o-transition: .8s ease-in-out; transition: .8s ease-in-out; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; z-index: 1; }
/* КОНЕЦ АНКЕТА */


/* НАЧАЛО ТАМБЛЕР */
#tumblr1 { text-align: justify; width: 580px; height: 600px; background: #456179; margin: 0 auto; position: relative; }
#tumblr2 { width: 140px; height: 600px; }
#tumblr2 img { width: 100px; position: relative; top: 20px; left: 20px; border: 5px solid #668195; border-radius: 50%; }
#tumblr3 { width: 100px; height: 600px; position: absolute; top: 0; left: 0; background: #668195; }
 
 
#tumblr4 { width: 400px; padding-right: 10px; height: 580px; background: #456179; position: absolute; top: 0; right: 0; border: 10px solid #456179; overflow: auto; }
 
#tumblr4 h1 { position: relative; top: 0; left: 0; }
.tpost1, .tpost2, .tpost3 {  letter-spacing: 1px; font: 800 8px/100% roboto; color: white; margin: 4px 0; transition: 1s; border: 1px solid #e9e9e9; min-height: 120px; padding: 10px; position: relative; }
.tpost1 img { transform: scale(1); width: 320px; transition: 1s; }
.tpost1 span { width: 380px; height: 120px; overflow: hidden; display: block;  text-align: center;}
.tpost1:before, .tpost2:before, .tpost3:before { color: white; content: "reblog"; position: absolute; bottom: 10px; left: 10px; font: 900 8px/100% roboto; text-transform: uppercase; letter-spacing: 1px; background: #668195; padding: 2px 6px; border-radius: 4px; }
.tpost1:after, .tpost2:after, .tpost3:after { color: white; content: "notes"; position: absolute; bottom: 10px; left: 63px; font: 900 8px/100% roboto; text-transform: uppercase; letter-spacing: 1px; background: #668195; padding: 2px 6px; border-radius: 4px; }
.tpost1:hover img { transform: scale(1.5); transition: 1s; }
.tpost2:hover img { transform: scale(1.5); transition: 1s; }
.tpost1:hover, .tpost2:hover, .tpost3:hover { border: 1px solid #668195; transition: 1s; }
.tpost1 i, .tpost2 i, .tpost3 i { font:  10px/100% roboto; display: block; margin: 3px 20px; }
.toast { min-height: 30px; padding: 10px 10px 20px 10px; }
.tpost2 { min-height: 225px; }
.tpost2 img { width: 100px; transition: 1s; }
.tpost2 span { width: 100px; height: 100px; margin: 1px; overflow: hidden; display: inline-block; position: relative;  }
.tpost3 { min-height: 20px; }
#tumblr4::-webkit-scrollbar { width: 1px; }
#tumblr4::-webkit-scrollbar-track { background: #456179;  }
#tumblr4::-webkit-scrollbar-thumb { background: white; }
/* КОНЕЦ ТАМБЛЕР*/

/* НАЧАЛО ТАМБЛЕР ОТВЕТ*/
#tumblr11 { text-align: justify; width: 580px; height: 500px; background: #456179; margin: 0 auto; position: relative; }
#tumblr22 { width: 140px; height: 500px; }
#tumblr22 img { width: 100px; position: relative; top: 20px; left: 20px; border: 5px solid #668195; border-radius: 50%; }
#tumblr33 { width: 100px; height: 500px; position: absolute; top: 0; left: 0; background: #668195; }
#tumblr22:before { content: "t"; color: #668195; z-index: 2; font: 800 40px/100% open sans; position: absolute; bottom: 10px; left: 15px; text-shadow: 1px 1px white, -1px -1px white, -2px -1px white, 1px -1px white, -1px 1px white, -4px -1px white, 3px 3px #456179; }
#tumblr5 { width: 400px; padding-right: 10px; height: 480px; background: #456179; position: absolute; top: 0; right: 0; border: 10px solid #456179; overflow: auto; }
/* КОНЕЦ  ТАМБЛЕР ОТВЕТ*/

/* НАЧАЛО ОФОРМЛЕНИЕ ИГРЫ*/
.ft-b1 { background-image: -moz-linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95% ); width: auto; padding: 25px; background-color: #e3e0e0; }
.ft-b2 img { border: 10px solid #8fa188!important; }
.ft-b3 { font-family: 'cuprum', serif; text-transform: uppercase; margin-top: 20px!important; padding-top: 15px; line-height: 25px; padding-bottom: 15px; border-bottom: 3px double #8fa188; border-top: 3px double #8fa188; white-space: normal; text-align: center; font-size: 25px; color: #8fa188; }
.ft-b4 { padding: 20px; text-align: justify; font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 12px; color: #9d9e9f;  }
.ft-b4 b { font-weight: 900; color: #8fa188;  }
.ft-b4 i { color: #8fa188;  }
.ft-b5 { letter-spacing: 3px; font-size: 10px; font-weight: 600;  line-height: 6px; text-align: center; font-family: 'Roboto', sans-serif; color: #3c3c3c; text-transform: uppercase; }
.ft-b6 { width: 350px;   font-size: 12px; line-height: 7px; text-align: center; font-family: 'cuprum', sans-serif; text-transform: uppercase; background-color: #8fa188; color: #000; padding-top: 10px; padding-bottom: 10px; }
/* КОНЕЦ  ОФОРМЛЕНИЕ ИГРЫ*/

 
/* НАЧАЛО ЛИЧНАЯ СТРАНИЦА*/
.perpage { position:relative; width: 857px; height: 483px; 
background: url(http://funkyimg.com/i/2bV3N.png) no-repeat;    }
.ppname {position: absolute; width:295px; background-color:rgba(255,255,255,0.1); height: 300px; left:24px; top: 28px; text-align:center; font-family: cuprum; font-size:16px color:#fff;  }
.ppname2 {position: absolute; width:600px; background-color:rgba(255,255,255,0.1); height: 300px; left: 323px; top:29px; text-align:center; font-family: cuprum; font-size:16px color:#fff;  }
.ppname3 {position: absolute; width:810px; height: 106px; left: -301px; top: 300px; text-align:center; font-family: cuprum; font-size:16px color:#fff;  }
.hello { width:250px; height:390px; padding: 10px; border-radius: 2%; text-align: center; }
.itsme { position:relative; width:250px; height:150px; left: 15px; box-shadow:1px 1px 12px #222; margin: 0px 10px;  }
.itsme img { position:relative; top: 5px;   width: 240px; height: 140px;   border: solid #fff 8px;  border: solid #1b4953 0px;  }
.wondering { position:relative; left: 15px; font-family: Abril Fatface; font-size: 25px; color:rgba(255,255,255,0.9); position:relative; top: 2px;   text-align: center;}
 .devinequote4 { position: absolute; top: 190px; width:280px; right: 8px; max-height: 150px; overflow: hidden; color: #fcfcfc; font-family: raleway; font-size: 10px; font-weight: 800; font-style: normal;  text-transform: uppercase;    text-align: center;  line-height: 1.5; }
.devinequote4 b {  border-radius: 1px;padding: 1px 4px;text-align: center;background-color: #661e1e; color: #f5f4f4; text-transform: uppercase; font-size: 10px;letter-spacing: 1px;}
.devinequote4 i {border-radius: 1px;padding: 1px 4px;text-align: center;background-color: #86807a; 
color: #f5f4f4; text-transform: uppercase; font-size: 10px;letter-spacing: 1px; }
 .devinequote4 img { position:relative; top: 8px; width: 280px; height: 50px;   border: solid #fff 8px;  border: solid #1b4953 0px;  }
 .ss-app-3 a-s-1 { display: block; height: 10px; }
.ss-app-3 tc-app-prs { display: block; margin: auto; text-align: justify; width: 405px; height: 241px; overflow: hidden; }
.ss-app-3 tc-app-prs1 { display: block; width: 600px; height: 240px; overflow: auto; }
.ss-app-3 tc-app-prs2 { color: #303030; display: block; width: 403px; text-align: justify; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; }
.ss-app-3 tc-app-prs2 vi { color: #661e1e; display: block;  font-family: 'Montserrat', sans-serif; font-weight: 800; text-transform: uppercase; padding-left: 5px;  }
.ss-app-3 tc-app-prs2 n { border-bottom: 1px solid rgba(24, 124, 99, 0.2); color: #303030; display: block; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: lowercase; padding-left: 2px; padding-bottom: 3px; }
.ss-app-3 tc-app-prs2 n a { text-shadow: 0px; font-shadow: 0px; }
.ss-app-3 tc-app-prs2 rel { font-style: italic; color: #661e1e; display: block; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 7px; padding-left: 5px; }
.ss-app-3 tc-app-prs2 h1 { border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; color: #661e1e; font-size: 20px; font-weight: 800; text-align: center; text-transform: uppercase; }
.ss-app-3 tc-app-prs2 app-species { text-align: justify; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; }
.ss-app-3 tc-app-prs2 b { color: #661e1e; font-family: 'Montserrat', sans-serif; font-weight: 800; }
.ss-app-3 tc-app-prs2 ii { font-style: italic; color: #661e1e; font-family: 'Montserrat', sans-serif; font-weight: 800; }
.ss-app-3 tc-app-prs2 app-species b { color: #1aaf1a; font-family: 'Montserrat', sans-serif; font-weight: 800; }
.ss-app-3 tc-app-prs2 app-species ii { color: #8e2121; font-style: italic; font-family: 'Montserrat', sans-serif; font-weight: 800; }
ss-app-1 { display: block; width: 500px; height: 300px; background-color: #0a0a0a; } 
.ss-app-2 { font-family: 'Raleway', sans-serif; text-align: justify; font-size: 12px; line-height: 12px; }
.ss-app-3 {  position:relative; background-color: #eeeeee; top: 15px; left: -30px; border-left: 10px solid #5e1b1b; width: 430px; height: 260px; }
.ss-app-4 b { color: #661e1e; text-transform: uppercase; font-weight: 800; font-size: 9px; }
.ss-app-4 { overflow: auto; font-family: 'Montserrat', sans-serif; font-weight: 400; text-align: justify; font-size: 9px; line-height: 10px; margin-top: 15px; width: 210px; height: 220px; padding: 5px; border: 1px solid #661e1e; }
.ss-app-4 h1 { line-height: 18px; text-align: center; color: #661e1e; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: uppercase;  }
.ss-app-4b { background-size: cover; background-position: center; background-align: center; margin-top: 15px; margin-left: 13px; width: 180px; height: 230px; border: 1px solid #661e1e; }
.gtab {float: left;} 
.gtabs { position: relative; left: 50px; height: 300px; width: 450px;} 
.gtab label { display: block; width: 50px;   background-color: rgba(193, 178, 162, 0.5) !important; color: #252525;  font-size: 25px; text-align: center; text-transform: uppercase; position: absolute; right: 475px; top: 20px;} 
.gtab [type=radio] { display: none; } 
.gcontent { -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; position: absolute; top: 0px;  margin-left: -10px; background: #transparent !important; width: 450px; height: 290px; padding: 5px;} 
[type=radio]:checked ~ label { background-color: #0a0a0a; color: #661e1e; border-bottom: 0px; z-index: 4; } 
[type=radio]:checked ~ label ~ .gcontent {z-index: 5; -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
.sh-app2b { background-color: rgba(239, 239, 239, 0.8); -webkit-transition-duration: .12s; -o-transition-duration: .12s; -moz-transition-duration: .12s; width: 500px; overflow: hidden; height: 300px; }
.app-hov1 { width: 500px; height: 300px; position: relative; top: -340px; left: 25px;  background-color: rgba(239, 239, 239, 0.8); -webkit-transition-duration: .12s; -o-transition-duration: .12s; -moz-transition-duration: .12s; }
.app-hov2 { width: 500px; height: 300px; overflow: hidden; } 
.app-hov1 { width: 500px; height: 300px; position: relative; top: -600px; background-color: rgba(239, 239, 239, 0.8); -webkit-transition-duration: .12s; -o-transition-duration: .12s; -moz-transition-duration: .12s; } 
#app-hov2:hover .app-hov1 { top: -300px; }
.sh-imsf { width: 500px; height: 300px; }
.sh-imsf img { width: 500px; height: 300px; }
.sh-ap-smol { width: 80px; height: 80px; border-radius: 0px 50px 0px 50px; background-size: cover; background-position: center; background-align: center; border: 5px solid #661e1e; }
sh-app1a { display: block; width: 500px; background-image: url(https://i.imgsafe.org/66855bc.jpg); background-size: cover; background-position: center; background-align: center; border-bottom: 10px solid #661e1e; }
sh-app1a1 { display: block;background-color: rgba(10, 10, 10, 0.8); padding-left: 15px; padding-top: 15px; padding-bottom: 15px; width: 485px; }
sh-app1b { display: block; width: 392px; padding-bottom: 5px; border-bottom: 1px solid #661e1e; text-transform: lowercase; text-align: center; color: #661e1e; font-size: 40px; font-weight: 400; font-family: 'Mr Dafoe', cursive; letter-spacing: -2px; text-shadow: 1px 0px 0px #0a0a0a; }
sh-app1c { display: block;text-transform: uppercase; text-align: center; color: #ffffff; line-height: 9px; padding-top: 5px; font-size: 10px; font-weight: 400; font-family: 'Source Sans Pro', sans-serif; }
.sh-app2b { background-color: rgba(239, 239, 239, 0.8); -webkit-transition-duration: .12s; -o-transition-duration: .12s; -moz-transition-duration: .12s; width: 500px; overflow: hidden; height: 300px; }
.ss-app-4 tie { font-family: 'Montserrat', sans-serif; font-weight: 800; text-transform: uppercase; padding-left: 15px;  }
.ss-app-4 to { display: block; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: lowercase; margin: 3px; padding: 2px; background-color: rgba(24, 124, 99, 0.2); }
.ss-app-4 vi { color: #661e1e; display: block;  font-family: 'Montserrat', sans-serif; font-weight: 800; text-transform: uppercase; padding-left: 5px;  padding-top: 5px;}
.ss-app-3 vi { color: #661e1e; display: block;  font-family: 'Montserrat', sans-serif; font-weight: 800; text-transform: uppercase; padding-left: 5px;  }
.ss-app-3 n { color: #303030; display: block; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: lowercase; padding-left: 2px; padding-bottom: 3px; border-bottom: 1px solid rgba(24, 124, 99, 0.2); }
.ss-app-4 n { color: #303030; display: block; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: lowercase; padding-left: 2px; padding-bottom: 3px; border-bottom: 1px solid rgba(24, 124, 99, 0.2); }
.ss-app-3 tc-app-prs2 h1 { color: #661e1e; font-size: 20px; font-weight: 800; text-align: center; text-transform: uppercase; }
.ss-app-3 tc-app-prs2 h2 { border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; color: #661e1e; font-size: 20px; font-weight: 800; text-align: left; padding-left: 10px; text-transform: uppercase; }
.ss-app-3 tc-app-prs2 h3 { border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; color: #661e1e; font-size: 20px; font-weight: 800; text-align: right; padding-left: 10px; text-transform: uppercase; }
.ss-app-3 tc-app-prs2 app-species h1 { color: #661e1e; font-size: 20px; font-weight: 800; text-align: center; text-transform: uppercase; }
.ss-app-3 tc-app-prs2 app-species h2 { padding-bottom: 10px; color: #661e1e; font-size: 20px; font-weight: 800; text-align: left; padding-left: 10px; text-transform: uppercase; }
.ss-app-3 tc-app-prs2 app-species h3 { padding-bottom: 10px; color: #661e1e; font-size: 20px; font-weight: 800; text-align: right; padding-left: 10px; text-transform: uppercase; }
.ss-app-4::-webkit-scrollbar { width: 3px; background-color: #E3E2D8; border: 1px solid #fcfcfc }
.ss-app-4::-webkit-scrollbar-thumb { background-color: #623030; }
.lec2  {width: 420px; height: 220px; top: 20px; position: relative; overflow: auto; }
.lec2  ::-webkit-scrollbar {width: 3px;}
.lec2 img {  padding: 2px; margin: 2px; border-radius: 8px; border-style: groove; border-color: #efedf5;}
.lec2 .nomn {   width: 50px; height: 50px; background: #; padding: 2px; margin: 2px; border-radius: 8px; border-style: groove; border-color: #efedf5;}
.lec2 .nomnn {  width: 52px; height: 52px; background: #f6f6f6; padding-top: 10px; font-family: 'cuprum', cursive; text-align: center; font-size: 10px; text-transform: uppercase; color: #27061c; line-height: 100%; }
.lec2 .nompl {   width: 50px; height: 50px; padding: 2px; margin-top: 15px; font-size: 25px; }
#povorot-mp {     width: 50px;    height: 50px;    position: relative;    overflow: hidden;}
.povorot-hov {    position: relative;    left: 0px;    top: 0px;    background-color: rgba(255, 255, 255, 0.6);    transition-: 0.3s all ease-in-out;    -webkit-transition: 0.3s all ease-in-out;    -moz-transition: 0.3s all ease-in-out;    -o-transition: 0.3s all ease-in-out;    -ms-transition: 0.3s all ease-in-out;
  transition-duration: .5s; -webkit- transition-duration: .5s; -moz- transition-duration: .5s; -ms- transition-duration: .5s; -o- transition-duration: .5s;  transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);
    opacity: 0.0;}
#povorot-mp:hover .povorot-hov {    top: -50px;    opacity: 1.0; transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg);}
 .lec2::-webkit-scrollbar { width: 3px; background-color: #E3E2D8; border: 1px solid #fcfcfc }
.lec2::-webkit-scrollbar-thumb { background-color: #623030; }
.lishashibtitle {    width: 790px;    padding: 10px 10px;    font: 20px/100% Oswald;    text-align: center;    text-transform: uppercase;    color: #e2e2e2;   text-shadow: 0px 0px #5f1f5e; font-weight: bold;}
.lishashibtrack {    width: 790px;    padding: 10px;    background: #3e3e3e;}
.lishashibline {    width: 790px;    padding: 5px;    margin-top: 5px;}
.lishashibtype {    float: left;    width: 30px;    text-align: center;font-weight: bold;font-size: 14px;    color: #e5e4e5;}
.lishashibbar {    float: left;    width: 680px;    height: 25px;    background: #E3E3E3;    margin-top: 0;    text-align: left;}
.lishashibbarfill {     float: left;     font-size: 0px;text-align: left;     margin: auto;     height: 25px;     background: #380474; }
.lishashibnum {    float: left;font-weight: bold;font-size: 14px;padding: 4px 7px;text-align: center;background-color: #86807a; color: #f5f4f4; }
/* КОНЕЦ ЛИЧНАЯ СТРАНИЦА*/

  
 /*оформление подарков*/
.tabspod {position: relative;  width: 795px;height: 500px;left: -11px;margin: 0px 0;clear: both;}
.pod {float: center;}
.pod label {width: 99px;color: #fff!important; padding: 0px; position: absolute;line-height: 100%;left: 0px;top: 0px; text-shadow: 1px 1px 0px #360e04; text-transform: lowercase;text-align: center;transition-duration: 0.3s;  -moz-transition-duration: .3s;  -webkit-transition-duration: .3s;  -o-transition-duration: .3s; }
.pod [type=radio] {display: none;   baseline-tab-shift: true, retrieve;}
.pod1 {position: absolute;padding: 0px;top: 20px;bottom: 0px;left: 0px;right: 0px;background: #e6e0c8; width: 690px;height: auto;}
[type=radio]:checked ~ label {background: transparent;z-index: 2;}
[type=radio]:checked ~ label ~ .pod1 {z-index: 1;}
.pod2 {position: absolute; bottom: 0px; top: 5px; left: 0px; right: 0px;  overflow: auto;}
.presentkg1 { width: 50px; height: 65px; padding: 3px; position: relative; top: 5px; left: 4px; background-color: #eeebe2; border: 3px groove #c1bdaa; }
.presentkg2 { width: 60px; height: 70px; padding: 3px; position: relative; top: 5px; left: 4px; background-color: #ece7d7; border: 5px groove #263e86; }
.presentkg3 { width: 60px; height: 70px; padding: 3px; position: relative; top: 5px; left: 4px; background-color: #ece7d7; border: 5px groove #483d4d; }
.presentkg4 { width: 60px; height: 70px; padding: 3px; position: relative; top: 5px; left: 4px; background-color: #ece7d7; border: 5px groove #bcae7d; }
.presentkg5 { width: 60px; height: 70px; padding: 3px; position: relative; top: 5px; left: 4px; background-color: #ece7d7; border: 5px groove #006100; }

.presentum { font-family: lobster; text-transform: uppercase; font-size: 12px;color: #191919; background-color: #fff; padding: 1px;  text-align: center; 
-webkit-transition: 0.5s all ease-in-out; 
-moz-transition: 0.5s all ease-in-out; 
o-transition: 0.5s all ease-in-out; }
.presentum:hover { color: #f2efea; box-shadow:inset 216px 0 0 #571909;}