.post-content .post-sig dt {display:none!important;}



 .tablichka td#grafa5{ background-color: #042f2c!important;
    text-align: center;
    font-size: 10px;"
 width:15%;}
.tablichka td#grafa4{background-color: #042f2c!important;
    text-align: center;
    font-size: 12px;
    letter-spacing: 3px; width:65%;}
.tablichka td#grafa6{
background-color: #042f2c!important;
    text-align: center;
    font-size: 11px;
    letter-spacing: 3px; width:20%;}
.tablichka td{color:white; font-family: Myriad; border-color: white!important;
    border-width: 3px!important;}
.tablichka td#grafa2 {background-color: #35a38a;
    text-align: justify;}
.tablichka td#grafa3 {background-color: #35a38a;
    text-align: center;}
.tablichka td#grafa1{background-color:#042f2c;
    text-align: center;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;}


  .answerfaq{
       text-align: -webkit-left;
    background-color: #35a38a;
    width: 450px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-left: 20px;
    padding-right: 20px;
    color:white;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
}

.questionfaq{
           text-align: -webkit-right;
    background-color: #042f2c;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 450px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-top: 20px!important;
    font-size: 13px;
    color: white;
    font-family: gobold;}



/* Гостевая*/
.suget{width: 490px;height: 130px; color:white; font-family: Myriad; left: 13px; top: 180px; font-size: 12px; padding: 7px;}
.suget, .pol, .ludishki {position: absolute;}
.pol {width: 100px;height: 30px;text-align: center;font-family: Myriad;font-size: 18px; color: #042f2c;text-shadow: white 1px 1px;top: 370px;}
#lud1{left:25px}#lud2{left:285px}#pol1 {left: 75px;}#pol2 {left: 335px;}
.ludishki{width:210px; height:97px; text-transform:lowercase; font-family: Myriad; top:400px; overflow-y:auto; text-align:left;padding: 3px; color:white;font-size: 13px;}
.ludishki b{color:#042f2c; font-size:14px;}
.gostevaya{width:525px; height:534px; background: url(https://i.imgur.com/mMfAEmE.jpg);}


/* Шапка*/
.navigatia#amc { margin-top: 460px!important;margin-left: 175px!important;}
.navigatia a:hover {color:#042f2c!important;}
.navigatia a{color:#b78d99!important;}
.navigatia {position: absolute;width: 350px;font-family: Myriad;height: 30px;margin-top: 490px!important;margin-left: 455px!important;font-size: 15px;}
.pogoda{position: absolute;width: 190px;padding: 5px;text-align: center;color: white;text-transform: uppercase;font-family: Myriad;height: 50px;font-size: 14px;margin-top: 226px!important;
margin-left: -45px!important;}
.postopisec{position: absolute;width: 205px; height: 105px;overflow-y: auto;text-align: center;padding: 5px;color: white;font-family: Myriad;font-size: 11px;text-transform: uppercase;margin-top: 330px!important;margin-left: 180px!important;}
.postopisec a{color: #38a191!important;font-size: 18px;}
.postopisec a:hover {color: white!important;}


#pun-announcement .container {padding-top: 1em; margin-left: -100px;}

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


/* 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: #042f2c;
font-weight: normal;
font-style: normal;}

/* CS1.3 Шапка */
#pun-title.section { background-image: url(https://i.imgur.com/czOMDjR.png);  background-repeat: no-repeat;
background-position: top center;
    margin-left: -100px;
    height: 596px;
    width: 1084px;}   

#pun-title .title-logo span {display: none;}
/* Задний фон */
body {
background-color: #042f2c!important;
}
/* Низ */
#html-footer { 
width: 1084px;
height: 222px;
text-align: center;
text-align: center;
margin-left: -100px !important;
background:url(https://i.imgur.com/w890hhz.png); bottom center no-repeat;}


/* CS1.4 Ссылки навигации*/

#pun-navlinks .container {margin-top: 2em; font-family: Myriad;}

#pun-navlinks .container {
  background: transparent;
  font-size: 21px;
  font-family: Myriad!important;
  position: absolute; 
  top: 75px;
  letter-spacing: -1px;
    }

/* CS1.5 */
 #pun-main .quote-box, #pun-main .code-box {background-image: url(http://forumstatic.ru/files/0016/9d/c6/26811.jpg);
color: #617279;
background-repeat: repeat; background-position: top right; height: auto;
/*-webkit-box-shadow: 7px 8px 21px -5px rgba(0,0,0,0.59);
-moz-box-shadow: 7px 8px 21px -5px rgba(0,0,0,0.59);
box-shadow: 7px 8px 21px -5px rgba(0,0,0,0.59);
border-radius: 7px;*/
padding-top: 16px;
  }


/* 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: #042f2c;
  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 {color: #617279; text-decoration: none;}, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: white; 
  text-decoration: none;}
/* CS2.3 */
#pun-navlinks a {
  color: white;

  text-decoration: none!important;}
/* CS2.4 */
#pun-navlinks a:hover {
  color: #617279;
  text-decoration: none;}, 
#pun-navlinks a:focus, #pun-navlinks a:active {
  color: #617279;
  text-decoration: none;}



/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 89px;
width: 1054px;
margin-left: -75px; 
background-color: transparent;
background-image: url("https://i.imgur.com/5hywKP0.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* CS5.2 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: # ; 
background-image: url("http://forumstatic.ru/files/0016/9d/c6/26718.jpg");
color: #;}

/* CS5.3 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #DDE9E9;}
/* CS5.5 Разное */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: left;}
#pun th, #pun-main h2 {text-align: left}
#pun-crumbs1 .container { text-align: left;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}
#pun-main h2, #pun-stats.section h2 {
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }


/*статус*/
.pa-title {background: transparent !important;
height: auto;
line-height: 12px !important;
position: relative;
text-align: center;
font-size: 90%;
}

.tooltip {
position: relative;
}
.tooltip em {
display: none;
}
.tooltip:hover em {
font-style: normal;
display: block;
position: absolute;
width: 245px;
background: #;
color: #FFF;
padding: 10px 10px;
bottom: 13px;
right: 5;
box-shadow: 0 0 5px #ccc;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-box-shadow: 0 0 5px ;
-moz-box-shadow: 0 0 5px ;
}
.tooltip:hover em i {
position: absolute;
bottom: -7px;
right: 5px;
border-top: 7px solid #000;
border-left: 7px solid transparent;
display: block;
}

.category h3 a {
    color: #ffffff!important;
    font-family: 'Myriad'; 
    font-weight: bold;
}
.category h3 {
  position: relative;
    background-color: #0e3836;
    width: 400px;
    height: 15px;
    text-transform: uppercase;
    padding: 16px;
}

.opisaniepodforuma {
   color: #0e3836;
  text-transform: uppercase;
   text-align: justify; 
   font-size: 10px; 
   padding: 16px;
   width: 400px;
   font-family: Myriad;
   background:#eeeff1;
}
.ssillki a {
    background-color: #0e3836;
    color: #ffffff!important;
    border-radius: 3px;
    padding: 5px;
    font-size: 10px;
    line-height: 25px;
    font-family: Myriad;
}
.ssillki {
    width: 300px;
}

/*Фон мини-профиля в Топике*/ 
.punbb .post .post-author { 
background:url(https://i.imgur.com/XsdQtyf.png) 0px 0 repeat-y; /*Фон размножаемый по вертикали*/ 
overflow: visible!important; 
margin:12px 0!important; 
margin-left: -26px!important; 
} 
.punbb .post .post-author > ul { 
background:url(https://i.imgur.com/Mkj8VoC.png) 0 top no-repeat,url(https://i.imgur.com/FGxJiTZ.png) 0 bottom no-repeat; /*Фон верха - низа*/ 
margin:-5px 0 -5px 0!important; 
padding:20px 20px!important; 
} 

#admins {
    position: absolute;
    margin-top: 460px;
    margin-left: 162px;
    width: 250px;
    text-align: center;
    text-transform: uppercase;
} 

#admins a {
color:#b78d99;
    font-family: 'Myriad';
    font-size: 15px;
}

#admins a:hover {
    color: white;
}

.tooltip { 
  position: relative;
}
.tooltip > span { /* амс */
    position: absolute;
    top: 1em;
    right: 2em;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: max-content;
    max-width: 26em;
    max-height: 80vh;
    overflow: auto;
    visibility: hidden;
    margin: 0 auto;
    padding: .3em;
    background-image: url(http://funkyimg.com/i/2qmuo.png);
    line-height: normal;
    cursor: auto;
    z-index: 500;
    border-radius: 1px;
    border-left: 1px #617279
    border-right: 1px #617279;
    border-top: 1px solid #617279;
    border-bottom: 3px solid #000B2A;
    font: normal 68.75% arial;
    font-size: 10px;
    color: black;
}
.tooltip:before { 
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  visibility: hidden;
}
.tooltip:hover > span,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus > span,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
}
.tooltip:focus { 
  outline: none;
}



li.pa-avatar.item2 {
    padding-top: 5px;
}

li.pa-avatar.item2 img {
border: 0px solid #0D1530;
}

li.pa-fld3 {
   position: relative;
    margin-left: -18px;
    margin-top: -54px;
    padding-bottom: 2px!important;
    height: 60px;
}
thead {
    display: none;
}
 .pa-posts, .pa-respect {
     text-align: -webkit-center;
    display: inline-block;
    width: 60px!important;
    padding-bottom: 2px!important;
    padding-left: 3px!important;
    padding-right: 3px!important;
    color: #042f2c!important;
    font-family: Myriad;
        font-weight: bold;
    text-transform: uppercase;
    padding-top: 5px !important;
}
.pa-respect a {
  color: #042f2c!important;
}
    
.banneri {
    text-align: -webkit-center;
    padding-top: 10px;
    width: 280px;
}

/* Оформление тем */

    .themedes {
    background: url(https://i.imgur.com/GdeIHRl.jpg) top no-repeat,
                       url(https://i.imgur.com/mLnrmd2.jpg) bottom no-repeat,
                       url(https://i.imgur.com/HTlyCfY.jpg) repeat-y;
    width: 593px;}

    .themetitle01 {
    font-family: gobold;
    font-size: 25px;
    text-align: -webkit-center;
    color: #ffffff;
    text-shadow: #319c98 1px 1px;
    padding-top: 20px;
    padding-right: 15px;}

    .contenu{
    width: 500px;
    margin-top: 30px!important;
    padding-bottom: 110px;
    color: #042f2c;
    }

/*личное звание*/

@import 'https://fonts.googleapis.com/css?family=Cormorant+Garamond';
@import 'https://fonts.googleapis.com/css?family=Comfortaa&subset=cyrillic,cyrillic-ext';

.lichzvan1 {
    font-family: gobold;
    text-transform: uppercase;
    font-size: 10px;
    background-color: ;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #617279;
    width: 210px;
    margin-left: -12px!important;
}
.lichzvan2 {
    font-size: 8.5px;
    line-height: 10px;
    text-align: justify;
    width: 170px;
    color: #617279;
    margin-left: 9px!important;}

.lichzvan2 a {
    color: #617279!important;
}
.monei {
      color: #617279;
    font-family: Comfortaa;
    text-transform: uppercase;
    font-size: 12px;
    background-color: ;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 3px!important;
    margin-left: -12px!important;
    width: 210px;
}
.named {
    text-transform: uppercase;
    font-size: 11px;
    padding-top: 4px;
    padding-bottom: 3px;
    text-align: center;
    font-family: gobold;
}

li.pa-avatar.item2 { 
    width: 226px; 
    margin-left: -20px;
    margin-top: 4px;
    padding-top: 13px;
    padding-left: 3px;
    padding-bottom: 25px;
}
div#pun-status {
    padding-top: 20px;
    margin-left: -100px;
    width: 900px;
    margin-top: 15px;
}
li.pa-avatar.item2 img {
    padding-bottom: 5px;
    margin-left: -8px;
}


/*строка быстрого ответа своей картинкой*/
#post-form h2 span {
   display:none;
}
#post-form h2 {
   background: url(https://i.imgur.com/MA1VCuq.jpg) no-repeat;
    width: 935px;
    height: 44px;
    margin-left: 285px;
}


/*скролл*/


::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-track {
background: #042f2c;;
}
::-webkit-scrollbar-thumb {
    background: #ffffff;
}
.knopochkitop {
    background-color: #042f2c;;
    width: 280px;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    border-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    font-family: gobold;
    margin-left: 240px!important;
}


.ll { width: 200px; height: 300; background: #f7f5ea; opacity: 0; transition-duration: 0.8s;-moz-transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s; }
.ll:hover { opacity: 1 }
.ll2 { width: 200px; overflow: auto; color; black; font-family: calibri; font-size: 12px; text-align: center; height: 300px; padding-left: 0px; margin-top: 5px; padding-right: 5px; line-height: 90%; }

.ll3 { width: 653px; height: 200; background: #f7f5ea; opacity: 0; transition-duration: 0.8s;-moz-transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s; }
.ll3:hover { opacity: 1 }
.ll4 { width: 653px; overflow: auto; color; black; font-family: calibri; font-size: 12px; text-align: center; height: 200px; padding-left: 0px; margin-top: 5px; padding-right: 5px; line-height: 90%; }

.ll5 { width: 200px; height: 200; background: #f7f5ea; opacity: 0; transition-duration: 0.8s;-moz-transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s; }
.ll5:hover { opacity: 1 }
.ll6 { width: 200px; overflow: auto; color; black; font-family: calibri; font-size: 12px; text-align: center; height: 200px; padding-left: 0px; margin-top: 5px; padding-right: 5px; line-height: 90%; }

.ll7 { width: 500px; height: 200; background: #f7f5ea; opacity: 0; transition-duration: 0.8s;-moz-transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s; }
.ll7:hover { opacity: 1 }
.ll8 { width: 500px; overflow: auto; color; black; font-family: calibri; font-size: 12px; text-align: center; height: 200px; padding-left: 0px; margin-top: 5px; padding-right: 5px; line-height: 90%; }
.ll9 { width: 500px; height: 190; background: #f7f5ea; opacity: 0; transition-duration: 0.8s;-moz-transition-duration: 0.8s;-webkit-transition-duration: 0.8s;-o-transition-duration: 0.8s; }
.ll9:hover { opacity: 1 }
.ll0 { width: 500px; overflow: auto; color; black; font-family: calibri; font-size: 12px; text-align: center; height: 190px; padding-left: 0px; margin-top: 5px; padding-right: 5px; line-height: 90%; }

.gosti {display: block;}
.gosti a {
    color: #9d89ae !important;
    text-shadow: #ffffff 1px 1px 0px !important;
    }

div#pun-stats {
width: 900px;
margin-left: -60px;}

/*кнопка фракции*/
li.pa-fld1 {
    position: absolute;
    margin-top: -7px;
    margin-left: -20px;
}





<style type="text/css">

/* Код увеличителя начинается здесь */
/* Если ваше изображение не связано ссылкой с другой страницей, оставьте ссылку в виде <a href="#nogo">
Иначе увеличительне будет работать в IE6 */

.ienlarger {
    float: left;
    clear: none; /* Можно установить left или right по необходимости */
    padding-bottom: 5px; /* Расстояние между миниатюрами. Лучше не трогать данное поле */
    padding-right: 5px; /* Расстояние между миниатюрами и окружающим текстом */

}

.ienlarger a {
    display:block;
    text-decoration: none;
/* Если добавить правило cursor:default;, то отключится курсор в виде руки */
}

.ienlarger a:hover{ /* Не надо изменять тип позиционирования */
    position:relative;

}

.ienlarger span img {
    border: 1px solid #FFFFFF; /* Добавляем рамку вокруг изображения */
    margin-bottom: 8px; /* /Сдвигаем текст вниз от изображения */
}

.ienlarger a span {  /* Для большого изображения и названия */
    position: absolute;
    display:none;
    color: #FFCC00; /* Текст названия */
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px; /* Размер шрифта названия */
    background-color: #ffffff;
    font-weight: bold;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 3px;
    padding-left: 2px;
}

.ienlarger img { /* Для IE, чтобы не было рамки вокруг ссылки */
border-width: 0;
}

.ienlarger a:hover span {
    display:block;
    top: 50px; /* Большое изображение выскакивает вверх на 50px от миниатюры */
    left: -90px; /* Большое изображение выскакивает влево на 90px от миниатюры */
    z-index: 100;
/* Если добавить правило cursor:default;, то отключится курсор в виде руки на большом изображении */
}

.resize_thumb {
    width: 150px; /* Вводим нужный размер миниатюры здесь */
    height : auto;
}

/* Код увеличителя закончен */

</style>


<style type="text/css">

/* Код увеличителя начинается здесь */
/* Если ваше изображение не связано ссылкой с другой страницей, оставьте ссылку в виде <a href="#nogo">
Иначе увеличительне будет работать в IE6 */

.ienlarger2 {
    float: left;
    clear: none; /* Можно установить left или right по необходимости */
    padding-bottom: 5px; /* Расстояние между миниатюрами. Лучше не трогать данное поле */
    padding-right: 5px; /* Расстояние между миниатюрами и окружающим текстом */

}

.ienlarger2 a {
    display:block;
    text-decoration: none;
/* Если добавить правило cursor:default;, то отключится курсор в виде руки */
}

.ienlarger2 a:hover{ /* Не надо изменять тип позиционирования */
    position:relative;

}

.ienlarger2 span img {
    border: 1px solid #FFFFFF; /* Добавляем рамку вокруг изображения */
    margin-bottom: 8px; /* /Сдвигаем текст вниз от изображения */
}

.ienlarger2 a span {  /* Для большого изображения и названия */
    position: absolute;
    display:none;
    color: #FFCC00; /* Текст названия */
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px; /* Размер шрифта названия */
    background-color: #ffffff;
    font-weight: bold;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 3px;
    padding-left: 2px;
}

.ienlarger2 img { /* Для IE, чтобы не было рамки вокруг ссылки */
border-width: 0;
}

.ienlarger2 a:hover span {
    display:block;
    top: 50px; /* Большое изображение выскакивает вверх на 50px от миниатюры */
    left: -150px; /* Большое изображение выскакивает влево на 150px от миниатюры */
    z-index: 100;
/* Если добавить правило cursor:default;, то отключится курсор в виде руки на большом изображении */
}

.resize_thumb2 {
    width: 40px; /* Вводим нужный размер миниатюры здесь */
    height : auto;
}

/* Код увеличителя закончен */

</style>


#mask_dialog .inner {
    background: url('ваша картинка фона');
}

/* Ник Автора поста */ 
.pa-author a { 
font-family: OTPuppy !important; /* шрифт, - смените на свой */
font-size: 19px !important; /* размер шрифта */ 
color: #000 !important; /* цвет шрифта */ 
}



/* коллаж */
.collage-photo-upd { max-width: 500px; position:relative; top: 13px; margin-top: -18px; margin-left: 6px; }
.collage-photo-upd img { max-width: 500px;}
.collage-text-upd { width: 500px; min-height: 13px; background-color:#5ba8d4; position: relative; top: 10px; line-height: 21px; color: #FFF; font-family: OTPuppy; text-transform: uppercase; font-size: 14px; letter-spacing: 4px; text-align: center; }
.collage-upd div {margin: 0 auto;}
.collage-upd { margin-bottom: 35px;}



/*степень прозрачности подложки */

#smilies-area { 
background: rgba( 109, 186, 183, 0.3); 
} 
#size-area { 
background: rgba( 248, 218, 170, 0.8); 
} 

#font-area { 
background: rgba( 248, 218, 170, 0.8); 
} 

#video-area { 
background: rgba( 248, 218, 170, 0.8); 
} 

#image-area { 
background: rgba( 190, 245, 245, 0.7); 
}

/* цвет шрифта в подложке перемещения*/
#move_posts_form table.container tbody {color:white!important;}
.Select_Topics {color:white!important;}
#PMove_2 legend span {color:white!important;}

/* шаблон принятия*/
.mazzystar h1, .mazzystar .body { 
color: #ACCENT; 
border-color:#ACCENT!important; 
} 
.mazzystar { 
width: 380px; height: 420px; margin: auto; letter-spacing: 0; 
background: #fff; border: solid 1px #eee; 
padding-bottom: 10px; 
} 
.mazzystar .head { 
width: 380px; height: 200px; 
background-size: cover!important; 
} 
.mazzystar .fade { 
width: 170px; margin: -60px 0 0 -150px!important; border: solid 1px #fff; 
} 
.mazzystar h1 { 
font: 12px playfair display; text-transform: uppercase; 
margin: 5px; letter-spacing: 1px; 
padding: 15px; border: solid 1px #F4EDEE!important; 
background: #fff; text-align: center; 
} 
.mazzystar .body { 
margin: 25px 70px; font: 10px/160% open sans; text-align:justify; 
color: #5C5C5C; padding-bottom: 25px; border-bottom: double 3px; 
} 
.mazzystar .scroll { 
height: 200px; padding-right: 10px; 
} 
.mazzystar .scroll::-webkit-scrollbar { 
width: 7px!important; background: #eee!important; border: none!important; 
border-left: solid 3px #fff!important; border-right: solid 3px #fff!important; 
} 
.mazzystar .scroll::-webkit-scrollbar-thumb { 
width: 5px!important; background: #fff!important; border: solid 1px #EDEDED!important; 
} 
.mazzystar td{text-align:center; text-transform: lowercase; font-family: Montserrat Alternates; 
font-weight: bold; background: #042f2c!important; border: solid; border-color: white!important;} 
.mazzystar td a{color:white!important;} 
.mazzystar .privet{ width: 90%; height: auto; color:black; padding: 10px; margin-top: 10px;text-align: justify;} 
.mazzystar td a:hover { opacity:0;} 




/* анкета*/
.dimg2 b{color: #555555; font: bold 12px montserrat; letter-spacing: 1px; line-height: 110%; }

.junetab label { background: #384f61;display: block; width: 30px;  text-align: center; margin-bottom: 20px; padding: 25px; border: 5px solid #eee; outline: 1px solid #fff;
position: relative; top: 95px; left: 230px; z-index:10;}
#icons {color: #ffffff;
}
.shipjunetabs {position: relative;   width: 420px; height:  235px; padding: 10px;
}
.junetab {display:block;}
.junetab [type=radio] { display: none;  
}
.junecontent { position: absolute; top: 20px; bottom: 0px; left: -62px; right: 0px; background: #e9e9e9; width: 460px;  
}
[type=radio]:checked ~ label { z-index: 2;
}
[type=radio]:checked ~ label ~ .junecontent {z-index: 1;
}
.dimg1 {width:550px; height:320px; background-color: #eee; outline: 1px solid #fff; padding: 10px;  overflow:auto; text-align:justify; font-family: nova round; font-size:13px; line-height: 100%;background: #e9e9e9;
}
.dimg2 { height:314px; padding: 10px; overflow:auto; text-align:justify; font-family: Century Gothic; font-size:13px; line-height: 100%;background: #e9e9e9;
}
.dhead1 { color: #ffffff; font-family: Playfair Display SC; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; padding: 30px; border: 10px solid #eee; outline: 1px solid #fff; text-align: center; vertical-align: middle; line-height: 100%; width: 490px; background:linear-gradient(to right, #5b7091, #212a4b);
}
.dhead1 span {font-size: 12px; text-transform: lowercase;}
.dsub1 { padding-top: 5px; color: #ffffff; font-family: calibri; font-size: 10px; font-weight: bold; font-style: normal; text-transform: uppercase; text-align: center; letter-spacing: 1px; word-spacing: 0px; line-height: 100%;}
.pic1 { width: 225px; height: 270; background: #f7f5ea;}
.pic2 { width: 225px; overflow: auto; color; black;     font-family: Franklin Gothic Medium; font-size: 12px; text-align: left; height: 310px; padding-left: 0px; margin-top: 5px; padding-right: 5px; line-height: 100%; margin-left: -3px;background:#e9e9e9;}
.knopka {width:70px; height: 10px; background:#5a6e8f;position:absolute; color: #ffffff; font-family: Playfair Display SC; text-align: center;    padding: 30px; z-index: 1; font-size: 10px;display: inline-block;top:360px;text-transform: uppercase;}
#kn2 {left:151px;}#kn3 {left:290px;}#kn4 {left: 431px;}
#pkn2 {left:151px;}#pkn3 {left:290px;}#pkn4 {left:431px;}
.knopka:hover {opacity:0; -webkit-transition: 1s;-moz-transition: 1s; -o-transition: 1s; transition: 1s; }
.podknopka {top:360px; width:70px; height: 10px; background:white;position:absolute; font-family: Playfair Display SC; text-align: center; padding: 30px; z-index: 0; margin-left: 7px;font-size: 10px; text-transform: uppercase;}
.pic1 img#avatarka { left:130px;margin-left: 3px; border: 10px solid #eee; top: 20px; outline: 1px solid #fff;}
a.button5 {
  display: inline-block; padding: 0 5px;
}
.pic1 img{position:absolute;}



/*копилка*/
#googleme { background: #e7eaed; height: 450px; width: 550px; position: relative; margin: 20px auto 0px; border-radius: 10px; border: 1px solid #ddd; overflow: hidden;z-index: 3; }
.gmtopbar { position: absolute; top: 45px; height: 40px; background: #fff; width: 550px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.gmtbsearch { position: absolute; background: #eaeced; color: #7779; padding: 10px 20px; width: 375px; height: 10px; top: 4px; left: 105px; border-radius: 20px; border: 1px solid #ddd; font-family: arial; font-size: 12px; line-height: 100%; }
.gmtopcircle1 { height: 12px; width: 12px; background: #fc625d; position: absolute; border: 0.5px solid #bbb; border-radius: 100%; top: 16px; left: 15px; }
.gmtopcircle2 { height: 12px; width: 12px; background: #fec041; position: absolute; border: 0.5px solid #bbb; border-radius: 100%; top: 16px; left: 32px; }
.gmtopcircle3 { height: 12px; width: 12px; background: #35cc4b; position: absolute; border: 0.5px solid #bbb; border-radius: 100%; top: 16px; left: 49px; }
.gmtopstar { float: right; margin-right: -10px; margin-top: -1px; }
.gmarrowleft { color: #babcbe; font-size: 20px; position: absolute; top: 10px; left: 10px; }
.gmarrowright { color: #babcbe; font-size: 20px; position: absolute; top: 10px; left: 45px; }
.gmreload { color: #babcbe; font-size: 18px; position: absolute; top: 11px; left: 75px; }
.gmthreedot { color: #babcbe; font-size: 20px; position: absolute; top: 10px; right: 11px; }
#googleme input { display: none; }
#googleme label { position: relative; background: #e7eaed; border: none; height: 10px; width: 60px; left: 80px; display: inline-block; top: 15px; padding: 10px; font-family: arial; color: #5f6368; font-size: 12px; text-align: center; line-height: 100%; border-radius: 5px 5px 0px 0px; margin-right: -3px;}
#googleme label:after { content: ""; display: block; position: absolute; background: #bbb; height: 20px; width: 1px; right: 0px; top: 5px; }
#image:checked+label, #about:checked+label, #friends:checked+label, #lovers:checked+label, #enemies:checked+label { background: #fff; border-right: none; border-left: 1px solid #fff; z-index: 1; margin-left: -4px; border-bottom: 1px solid #fff; }
#image:checked+label:after, #about:checked+label:after, #friends:checked+label:after, #lovers:checked+label:after, #enemies:checked+label:after { display: none; }
.gmsearch, .gmsearch1, .gmsearch2, .gmsearch3, .gmsearch4 { position: absolute; color: #7779; width: 200px; top: 60px; left:120px; border-radius: 20px; font-family: arial; font-size: 12px; line-height: 100%; display: none; } 
#image:checked+label ~ .gmsearch { display: block; }
#about:checked+label ~ .gmsearch1 { display: block; }
#friends:checked+label ~ .gmsearch2 { display: block; }
#lovers:checked+label ~ .gmsearch3 { display: block; }
#enemies:checked+label ~ .gmsearch4 { display: block; }
.gmoutbox { border: 10px solid #fff; position: absolute; height: 343px; width: 530px; bottom: 0px; }
.gmmain1 { height: 341px; background: none; width: 528px; position: relative; top: 66px; border: 1px solid #ddd; left: 10px; overflow: hidden; opacity: 0; z-index: 1; }
#image:checked+label ~ .gmmain1 { opacity: 1; z-index: 2; } 
.gmpicture { position: absolute; height: 341px; width: 528px; background-size: cover; filter: grayscale(0%); transition: 0.3s; transition-delay: 1.3s; }
.gmmain1:hover .gmpicture { filter: grayscale(100%); transition: 0.3s; transition-delay: 0s; }
.gmhovover { background: rgba(0,0,0,0.6); position: absolute; height: 341px; width: 528px; opacity: 0; transition: 0.5s; transition-delay: 1.3s; }
.gmmain1:hover .gmhovover { opacity: 1; transition: 0.5s; transition-delay: 0s; }
.gmmainname { line-height: 130%;display: block; font-family:Merriweather; position: absolute; font-weight: 900; font-size: 40px; color: black; background: #fff; mix-blend-mode: screen; width: 508px; text-align: right; bottom: 0px; padding: 10px; text-transform: lowercase; letter-spacing: 5px; transition: 0.5s; transition-delay: 1.3s; left: 0px; border-top: 1px solid #ddd; }
.gmmain1:hover .gmmainname { left: 528px; transition: 0.5s; transition-delay: 0s; } 
.gmdetailing {line-height: 130%; position: absolute; width: auto; padding: 10px; height: auto; background: #fff; top: 20px; left: -350px; outline: 1px solid #ddd; color: #777; font-family: arial; font-size: 10px; transition: 0.7s; transition-delay: 1.2s; }
.gmsi { padding-right: 5px; color: #7779; }
.gmdetailing:nth-child(2n+1) { top: 65px; transition-delay: 1s; }
.gmdetailing:nth-child(3n-1) { top: 110px; transition-delay: 0.8s; }
.gmdetailing:nth-child(4n+1) { top: 155px; transition-delay: 0.6s; }
.gmdetailing:nth-child(5n+1) { top: 200px; transition-delay: 0.4s; }
.gmdetailing:nth-child(6n+3) { top: 245px; transition-delay: 0.2s; }
.gmdetailing:nth-child(7n-4) { top: 290px; transition-delay: 0s; }
.gmmain1:hover .gmdetailing { left: 20px; transition: 0.7s; transition-delay: 0.5s; }
.gmmain1:hover .gmdetailing:nth-child(2n+1) { transition-delay: 0.7s; }
.gmmain1:hover .gmdetailing:nth-child(3n-1) { transition-delay: 0.9s; }
.gmmain1:hover .gmdetailing:nth-child(4n+1) { transition-delay: 1.1s; }
.gmmain1:hover .gmdetailing:nth-child(5n+1) { transition-delay: 1.3s; }
.gmmain1:hover .gmdetailing:nth-child(6n+3) { transition-delay: 1.5s; }
.gmmain1:hover .gmdetailing:nth-child(7n-4) { transition-delay: 1.7s; }
.gmmain2 { height: 341px; background: #fff; width: 528px; position: relative; top: -277px; outline: 10px solid #fff; border: 1px solid #ddd; left: 10px; overflow: hidden; opacity: 0; z-index: 1; }
#about:checked ~ .gmmain2 { opacity: 1; z-index: 2; }
.gmmain3 { height: 341px; background: #fff; width: 528px; position: relative; top: -620px; outline: 10px solid #fff; border: 1px solid #ddd; left: 10px; overflow: hidden; opacity: 0; z-index: 1; }
#friends:checked ~ .gmmain3 { opacity: 1; z-index: 2; }
.gmmain4 { height: 341px; background: #fff; width: 528px; position: relative; top: -963px; outline: 10px solid #fff; border: 1px solid #ddd; left: 10px; overflow: hidden; opacity: 0; z-index: 1; }
#lovers:checked ~ .gmmain4 { opacity: 1; z-index: 2; }
.gmmain5 { height: 341px; background: #fff; width: 528px; position: relative; top: -1306px; outline: 10px solid #fff; border: 1px solid #ddd; left: 10px; overflow: hidden; opacity: 0; z-index: 1; }
#enemies:checked ~ .gmmain5 { opacity: 1; z-index: 2; }
#googleme title {z-index: 1;border-bottom: 1px solid #ddd;line-height: 130%; position: absolute; top: 0px; font-family: Merriweather; font-size: 40px; color: #e5d3db; background: #fff; width: 508px; text-align: right; text-transform: lowercase; display: block; border-bottom: 1px solid #ddd; padding: 10px; letter-spacing: 5px; font-weight: 900; }
#googleme textscroll { display: block; border: 20px solid white; width: 485px; height: 220px; top: 85px; position: absolute; left: 0px; text-align: justify; font-size: 11px; font-family: arial; color: #777; overflow: auto; line-height: 160%; padding-right: 5px; }
#googleme h1 { font-family: arial; display: block; font-size: 30px; color: #e5d3db; text-transform: lowercase; letter-spacing: 4px; padding: 0px; margin: 0px; margin-bottom: 15px; margin-top: 5px; font-weight: 600; }
#googleme b { font-size: 13px; color: #e5d3db; font-weight: 500; }
#googleme textscroll i { border-bottom: 1px solid #e5d3db; font-weight: 300; }
#googleme textscroll::-webkit-scrollbar { width: 1px; } #googleme textscroll::-webkit-scrollbar-track { background: none!important; border: none !important; } #googleme textscroll::-webkit-scrollbar-thumb { background: #ddd !important; border: none !important; } 
.gmgif {position: absolute; height: 60px; width: 60px; background-size: cover;top: 110px; left: 30px; opacity: 0;z-index: 0; border: 1px solid #ddd; filter: grayscale(100%);border-radius: 100%;}
#about:checked ~ .gmgif, #friends:checked ~ .gmgif, #lovers:checked ~ .gmgif, #enemies:checked ~ .gmgif {opacity: 1; z-index: 3;}