/*Убираем слово объявление из таблицы*/
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

/*Шапка*/
#pun-title table {
background: url("http://savepic.net/9393012.png") no-repeat;
height: 501px;
width: 955px;
margin-left: 0px;
}

/*Фон*/
body {
background:  none,
url("http://savepic.net/9376941.png") repeat fixed;
background-color: #000000;
overflow-x: hidden;
}

/*Тело*/
#pun {
  background: url("http://savepic.net/9421664.png");
  position: relative;
  width: 955px!important;
  position: relative;
  margin: auto;
  }

/*Подвал*/
#copyright {
background: url("http://savepic.net/9380491.png") no-repeat scroll center;
text-align: center;
width: 955px;
height: 150px;
margin-left: -1px;
}
div#html-footer {
margin: 0px 0px -100px 0px;
text-align: center; 
}
#copyright A IMG{opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);}
#copyright a:hover img {opacity:1.0; -moz-opacity:1.0;
filter:alpha(opacity=100);
}

/*Подпись*/
.punbb .post-sig dt {  
border: none;
border-top: solid 1px #3E3E3E;
  }

/*Линия hr*/
hr {
border: none;
border-top: 1px double #292929;
}

/* Прокрутка*/
::-webkit-scrollbar{
width: 4px;
height: 4px;
background-color: #2B2B2B;
}
::-webkit-scrollbar-thumb{
background-color: #210000;
}

/* выделенный текст */
::selection {background: #acc296; color: #333629;}


/* CS1 Background and text colours
-------------------------------------------------------------*/
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: transparent; 
  color: #000000;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
   background-color: transparent;
  color: #000000;
  }

/* CS1.3 категории*/
.punbb .main h1, .punbb .main h2, #pun-debug h2, #pun-stats h2 {
background: url("http://savepic.net/9437024.png") no-repeat;
    height: 48px;
    width: 955px;
    margin-left: 0px;
    color: #5f5c5c;
    text-align: center;
    line-height: 1%;
    font-size: 13px;
    letter-spacing: -0.5px;
    font-weight: lighter;
    font-family: 'cuprum';
    text-transform: uppercase;
    text-shadow: -1px 1px 0px #000000;
}
.punbb-admin #pun-admain h2 {
  background-color: transparent; 
  color: #0f0f0f;
  line-height: 1%;
  font-size: 14px;
  letter-spacing: -0.2px;
  font-weight: normal;
  font-family: 'cuprum';
  font-style: none;
  text-align: center;
  text-shadow: none;
}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color:  transparent ;
   color: #000000;
font-family: 'cuprum';
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color:  transparent;
  color: #000000;
  font-style: none;
  font-family: none;
  font-size: 13px;
  }

/* CS1.7 Настройки цитаты и кода*/
#pun-main .quote-box, #pun-main .code-box {
background-color: #969696;
color: #000000;
  }
.punbb .quote-box {
border-bottom: 0px !important;
border-top: 0px !important;
border-left: 2px solid #3A0F0F!important;
border-right: 0px !important;
border-radius: 10px;
    border: 1px solid #888;
    border-top: 6px groove #888;
    border-bottom: 6px ridge #888;
  }
.punbb .code-box {
border-bottom: 0px !important;
border-top: 0px !important;
border-left: 2px solid #191818!important;
border-right: 0px !important;
border-radius: 10px;
    border: 1px solid #888;
    border-top: 6px groove #888;
    border-bottom: 6px ridge #888;
  }
.punbb .spoiler-box {
border-bottom: 0px !important;
border-top: 0px !important;
border-left: 2px solid #191818!important;
border-right: 0px !important;
border-radius: 10px;
    border: 1px solid #888;
    border-top: 6px groove #888;
    border-bottom: 6px ridge #888;
  }

/* CS1.8 */
#pun-navlinks .container {
text-align: center;
  background-color: transparent;
  color: #000000;
  }
.offline li.pa-online strong {
  font-weight: normal;
  }
.punbb textarea, .punbb select {
background-color: #bbbbbb;
color: #000000;
border: 1px solid #6f6f6f!important;
}
.punbb input {
color: #000000;
background-color: #bbbbbb;
padding: 4px;
border: 1px solid #6f6f6f!important;
}

#post .formsubmit {
text-align: center;
}


/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
   border-color: transparent;
  }
/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
    border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }
#pun-ulinks li, #pun-announcement h2 span, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }
.punbb .divider {
  border-color: transparent;
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border-color: transparent;
  }
li.pa-online {
  border-left-color: transparent;
  }
.punbb .post-sig dt {
  border-top-color: # !important;
  }


/* CS3 Links
-------------------------------------------------------------*/
/* CS3.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: #35501b;
  text-decoration: none;
  -webkit-transition: color 0.5s 0.05s ease; 
-moz-transition: color 0.5s 0.05s ease; 
transition: color 0.5s 0.05s ease;
  }

/* CS3.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 {
  color: #778178;
  border-bottom: 0px none #000;
  text-decoration: none;
  /*border-top: 1px dashed #7e6c73;
  text-shadow: 1px 1px 0 #fff;*/
  }

/* CS3.3 Настройки навигационных ссылок*/
#pun-navlinks a {
    color: #4A4A4A;
    font-weight: normal;
    text-shadow: 0px 1px -0px 0px;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color:#4A4A4A;
  text-shadow: -1px -0px;
  background: none;
  font-weight: normal;
  text-transform: uppercase;
  -webkit-transition-duration: 0.7s;  
  -moz-transition-duration: 0.7s;  
  -o-transition-duration: 0.7s;
  }

/* CS4 Иконки сообщений
-------------------------------------------------------------*/
/* Старые */
.punbb table Div.icon {
    background: url(http://savepic.net/9373380.png) no-repeat;
}

/* Новые */
TR.inew Div.icon {
  background: url(http://savepic.net/9426631.png) no-repeat;}

/* Важно */
TR.isticky Div.icon {
  background: url(http://savepic.net/9406151.png) no-repeat;}

/* Закрыто */
TR.iclosed Div.icon {
  background: url(http://savepic.net/9424583.png) no-repeat;}

/*Иконка статистики*/
#pun-stats ul.container {
    background: url("http://savepic.net/9401048.png") no-repeat scroll 25px 5px transparent!important;
    padding-left: 95px; height: 80px;
}

/* Пользовательские ссылки */
#pun-ulinks  a:link, #pun-ulinks  a:visited {
  font-weight: normal;
  letter-spacing: 1px;
  color: #3E3E3E;
  text-shadow: -1px 1px #;
  text-transform: uppercase;
}
#pun-ulinks  a:hover, #pun-ulinks  a:focus, #pun-ulinks  a:active {
  font-weight: normal;
  letter-spacing: 1px;
  color: #484848;
  text-shadow: -1px -0px #;
  text-transform: uppercase;
  -webkit-transition-duration: 0.7s;  
  -moz-transition-duration: 0.7s;  
  -o-transition-duration: 0.7s;
}

/*Количество тем, количество сообщений*/
#pun th { text-transform: uppercase; font-size: 7.5px!important; color: #1b1a1a; font-family: 'Tahoma'; font-style: normal; text-align:center; letter-spacing: 1.2px;
}

/*Окно шрифта*/
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  { 
background-color: #aeaeae;
border-style: solid;
border-width: 1px;
color: #000000;
border-color: #505050;
}

/*Окно репутации*/
#pun-main #pun-reputation .container, #pun-main #pun-report .container, div#pun-reputation div.inner h1, #pun-report h1, #pun-reputation h1 {background-image: url("http://savepic.net/9347893.png"); text-shadow: none; color: #dbb6b6; border: 1px solid #545454 !important;
}
#pun-report h1, #pun-reputation h1 {background-image: url("http://savepic.net/9347893.png"); text-shadow: none; color: #e5d0d0; width: auto !important; margin: auto !important; border: 1px solid #545454 !important;
}

/*Страница наград*/
#pun-mod #pun-main .category h2 span {
text-align: center !important;
}
#pun-mod #pun-main .category h2 span a:link, #pun-mod #pun-main .category h2 span a:visited, #pun-mod #pun-main .category h2 span a:hover {
  text-transform: uppercase;
}
#pun-mod #pun-main .category h2 select {
margin-top: 50px;
margin-bottom: 20px;
font-size:11px;
width: 170px;
margin-left: -100px !important;
}

/*Окантовка профиля*/
.punbb .post .post-author {
background: 
url("http://savepic.net/9380560.png") no-repeat 0px -1px,
url("http://savepic.net/7478465.png") no-repeat 0px bottom,
url("http://savepic.net/7477441.png") repeat-y 0px 0px;
padding-bottom: 10px !important;
padding-left: 0px !important;
padding-top: 0px !important;
margin-left: 15px;
text-align: center;
color: #000000!important;
background-attachment: local;
}
.pa-author a, .pa-author {
color: #823232!important;
text-shadow: none!important;
text-transform: uppercase!important;
}
.punbb .post .post-author {
color: #000000!important;
}
.pa-author {
font-weight: bold; !important;
padding-top: 10px !important;
}
.post-author ul li.pa-avatar img {
text-align: center;
border: 1px solid #1D1D1D;
}
.pa-avatar {
padding-bottom: 5px !important;
padding-top: 7px !important;
}
.post .pa-title {
font-style: normal;
font-weight: normal;
font-size: 10px;
color: #000000;
text-shadow: 0px 1px 0px #;
background-color: none;
margin-top: 1.0em;
width: 199px;
margin-left: -6px;
line-height: 13px;
}
.pa-respect {
display: inline-block;
text-align: center;
width: 80px;
}
.pa-posts {
display: inline-block;
text-align: center;
width: 80px;
}

.post-author ul li.pa-fld2, .post-author ul li.pa-fld3, .post-author ul li.pa-fld4, .post-author ul li.pa-fld5 {
background-color: #6e6f6b;
width: 180px;
margin-left: -2px !important;
font-size: 9.5px!important;
line-height: 12px;
padding: 4px;
border-radius: 4px;
}
.post .pa-online {
  font-size:11px;
  font-family: "cuprum";
  color: #281b1b;
  text-shadow: 1px 0 0 #bbbbbc;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  margin-left:-14px;
  margin-bottom: 2px;
  letter-spacing: 0.3px;
}

/*Оформление ссылок важных тем в шапке*/
#navi a {
  font-family: "cuprum";
  background-color: #281b1b;
  color: #5f5c5c!important;
  text-shadow: -1px 1px 0px #000000;
  font-weight: normal;
  text-align: center;
  display: block;
  margin: 2.0px;
  font-size: 12px;
  width: 185px;
  text-transform: uppercase;
  line-height: 12px;
  letter-spacing: 0.7px;
}
#navi a:hover {
font-family: "cuprum";
  background-color: #3b0e0d;
  color: #7f4746!important;
  font-weight: normal;
  text-align: center;
  display: block;
  margin: 2.0px;
  font-size: 12px;
  width: 185px;
  text-transform: uppercase;
  line-height: 12px;
  letter-spacing: 4px;
  -webkit-transition-duration: 1s;  
  -moz-transition-duration: 1s;  
  -o-transition-duration: 1s;
}

/*Текст над розыском*/
#inform1 {
height: 20px;
width: 600px;
top: 10px;
left: 10px;
display: block;
position: absolute;
font-family: cuprum;
color: #6e726e;
text-shadow: 1px 1px 0 #bbbbbc;
text-align: justify;
text-transform: none;
padding: 4px;
font-size: 20px;
line-height: 11px;
}

#inform2 {
height: 20px;
width: 600px;
top: 30px;
left: 15px;
display: block;
position: absolute;
font-family: cuprum;
color: #86857e;
text-align: justify;
text-transform: uppercase;
padding: 4px;
font-size: 8.5px;
line-height: 11px;
}

/*Розыск*/
#info {
height: 70px;
width: 600px;
top: 42px;
left: 5px;
display: block;
position: absolute;
color: #7D4C4D;
text-align: justify;
text-transform: uppercase;
padding: 4px;
font-size: 9px;
line-height: 11px;
}
#info::-webkit-scrollbar{
width: 2px;
background-color: transparent;
}
#info::-webkit-scrollbar-thumb{
background-color: #3b1616;
}

/*Заголовки*/
#them {  
text-align: center;
font-size: 8px;
padding: 3px;
text-transform: uppercase;
font-weight: bold;
}

/*Ссылки навигации по темам*/
.links {
height: 70px;
width: 200px;
top: 8px;
right: 165px;
display: block;
position: absolute;
text-align: center;
}

/*Админы*/
#dead {
font-family: cuprum;
color: #6e726e;
text-align: justify;
padding: 1px;
font-size: 12px;
line-height: 9px;
}

.tab{
transition-duration: 1s;  /* время анимации в секундах. далее - костыли для разных браузеров */
-webkit-transition-duration: 1s;  
-moz-transition-duration: 1s;  
-o-transition-duration: 1s;
opacity:0; /* непрозрачность, от 0.0 до 1.0 */
}
/* при наведении мыши */
.tab:hover{ 
opacity:5; 
}

/*Текст в таблице*/
#text { 
color: #585858;
font-family: cuprum;
text-align: justify;
padding: 4px;
line-height: 12px;
}
#text a {
color: #636363;
}
#text a:hover, a:active {
color: #636363;
}
#text::-webkit-scrollbar{
width: 2px;
background-color: transparent;
}
#text::-webkit-scrollbar-thumb{
background-color: #2D2D2D;
}

/*Arial Narrow*/
@font-face {
  font-family: "Arial Narrow";
  src: url("/files/0012/f3/e1/25209.eof"),
url("/files/0012/f3/e1/55039.otf"),
url("/files/0012/f3/e1/72753.ttf"),
url("/files/0012/f3/e1/60978.woff");
}
/*Franklin Gothic Medium*/
@font-face {
  font-family: "Franklin Gothic Medium";
  src: url("/files/0012/f3/e1/90499.eot"),
url("/files/0012/f3/e1/10700.otf"),
url("/files/0012/f3/e1/45839.ttf"),
url("/files/0012/f3/e1/20396.woff");
}

/*-------------- календУрь и иже с ним --------------*/
.ankdop {
    width: 500px;
    height: auto;
    padding: 15px 15px 15px 15px;
    background: url(http://savepic.net/9344928.png) center repeat-y;
    border: 2px solid #410000;
    font-family: Century Gothic;
    margin-left: 10px!important;
    box-shadow: 0 0 16px 1px #191919 inset;
}

.ankname {
    width: 460px;
    height: 16px;
    font-family: Microsoft Sans Serif;
    font-size: 22px;
    line-height: 20px;
    text-align: center;
    color: #a1aca6;
    font-weight: bold;
    background-color: #5e6159;
    padding: 6px;
    position: relative;
}

.ankcita {
    width: 470px;
    height: auto;
    font-family: Century Gothic;
    font-size: 12px;
    text-align: center;
    color: #a1aca6;
    font-weight: bold;
    margin-top: -12px!important;
    background-color: #410000;
    padding-top: 16px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 116%;
}

.ankinfo {
    font-size: 11px;
    text-align: justify;
    color: #6d9b3f;
    line-height: 92%;
    font-weight: normal;
}

.anktext {
    padding: 20px 20px 20px 20px;
    text-align: justify;
    color: #999da3;
    line-height: 110%;
    font-weight: normal;
    font-size: 11px;
}

/*------------------------------- призраки ----------------------------------------*/
.ankg {width: 520px; height: 586px; background: url(http://savepic.net/9315865.png); border-radius: 20px;}
.ankg1 {position: absolute; text-align: center; font-size: 12px; font-family: cuprum; font-style: italic; color: #ffffff; text-shadow: #a72912 1px 1px 0px; margin-top: 19px!important;  margin-left: 130px!important; letter-spacing: 1px;}
.ankg2 {position: absolute; text-align: center; margin-top: 52px!important; margin-left: 210px!important;}
.ankg3 {position: absolute; text-align: center; font-size: 30px; font-family: arial; text-transform: uppercase; font-weight: bold; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 500px; margin-top: 164px!important; margin-left: 10px!important;}
.ankg4 {position: absolute; text-align: center; font-size: 14px; font-family: cuprum; text-transform: uppercase; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 500px; margin-top: 198px!important; margin-left: 10px!important;}
.ankg5 {position: absolute; text-align: center; font-size: 11px; font-family: cuprum; text-transform: uppercase; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 158px; height: 16px; padding-top: 3px; margin-top: 64px!important; margin-left: 46px!important; overflow: auto;}
.ankg6 {position: absolute; text-align: center; font-size: 11px; font-family: cuprum; text-transform: uppercase; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 158px; height: 16px; padding-top: 3px; margin-top: 92px!important; margin-left: 46px!important; overflow: auto;}
.ankg7 {position: absolute; text-align: center; font-size: 11px; font-family: cuprum; text-transform: uppercase; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 158px; height: 16px; padding-top: 3px; margin-top: 121px!important; margin-left: 46px!important; overflow: auto;}
.ankg8 {position: absolute; text-align: center; font-size: 11px; font-family: cuprum; text-transform: uppercase; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 158px; height: 16px; padding-top: 3px; margin-top: 64px!important; margin-left: 318px!important; overflow: auto;}
.ankg9 {position: absolute; text-align: center; font-size: 11px; font-family: cuprum; text-transform: uppercase; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 158px; height: 16px; padding-top: 3px; margin-top: 92px!important; margin-left: 318px!important; overflow: auto;}
.ankg10 {position: absolute; text-align: center; font-size: 11px; font-family: cuprum; text-transform: uppercase; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 158px; height: 16px; padding-top: 3px; margin-top: 121px!important; margin-left: 318px!important; overflow: auto;}
.ankg11 {position: absolute; text-align: center; font-size: 13px; font-family: cuprum; text-transform: uppercase; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 146px; height: 25px; padding-top: 9px; margin-top: 523px!important; margin-left: 28px!important; overflow: auto;}
.ankg12 {position: absolute; text-align: justify; line-height: 140%; font-size: 11px; color: #ffffff; text-shadow: #971b04 1px 1px 0px; width: 307px; height: 320px; margin-top: 235px!important; margin-left: 182px!important; overflow: auto;}
.ankg13 {padding: 2px 8px 2px 8px;}
.ankg14 {position: absolute; text-align: center; font-size: 20px; font-family: arial; font-weight: bold; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 112px; margin-top: 242px!important; margin-left: 60px!important;}
.ankg15 {position: absolute; text-align: center; font-size: 20px; font-family: arial; font-weight: bold; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 112px; margin-top: 281px!important; margin-left: 60px!important;}
.ankg16 {position: absolute; text-align: center; font-size: 20px; font-family: arial; font-weight: bold; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 112px; margin-top: 320px!important; margin-left: 60px!important;}
.ankg17 {position: absolute; text-align: center; font-size: 20px; font-family: arial; font-weight: bold; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 112px; margin-top: 359px!important; margin-left: 60px!important;}
.ankg18 {position: absolute; text-align: center; font-size: 20px; font-family: arial; font-weight: bold; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 112px; margin-top: 398px!important; margin-left: 60px!important;}
.ankg19 {position: absolute; text-align: center; margin-top: 448px!important; margin-left: 40px!important;}
.ankg20 {position: absolute; text-align: center; font-size: 11px; font-family: cuprum; text-transform: uppercase; color: #ffffff; text-shadow: #a72912 1px 1px 0px; width: 75px; padding-top: 3px; margin-top: 455px!important; margin-left: 98px!important; overflow: hidden;}

/*------------------------------- акции АДС----------------------------------------*/
#down {width: 500px; margin: 0 auto; position: relative;}
 #down-top {width:100%; height: 90px; background-color: #9695bf;  box-sizing: border-box;  border-bottom: #5e6159 solid 10px;}
 #down-name {position: absolute; color:#dbd9d9; font-size:26px; top: 30px; left: 20px; font-family: 'Century Gothic'; font-weight:bold;}
 #down-sub {color:#fff; font-size:8px; letter-spacing:1px; text-transform: uppercase; position: absolute; top: 70px; left: 60px; font-family: 'Reem Kufi'; width: 200px;}

#down-content {width: 100%; background-color:#dbd9d9; height: 360px;}
#down-text {width: 450px; height: 224px; position: absolute;  left: 31px; top: 208px; overflow: auto;
    font-size: 11px; color: #171717; text-align: justify; box-sizing: border-box; padding-left: 10px; padding-right: 10px;}
#down-text::-webkit-scrollbar { width: 5px; background: #fff; }
#down-text::-webkit-scrollbar-thumb { background: #E1DCC9; }

#down-glav {width: 250px; height: 300px; position: absolute; left: 30px; top: 150px; overflow: auto; font-size:15px; color:#490086; text-align: center; box-sizing: border-box; padding-left: 10px; padding-right: 10px; font-family: 'Libre Franklin';}

#down-img {width: 150px; height: 150px; box-sizing: content-box; padding: 5px; border-top: #acd093 double 8px; border-left: #acd093 double 8px; border-right: #9695bf double 8px;  border-bottom: #9695bf double 8px; border-radius: 100%; position: absolute; top: 6px; left: 314px;}
*/ #down-img img {border-radius: 100%; height: 150px; width: 150px;}/*
*/ #down-fact {width: 290px;
    position: absolute;
    top: 110px;
    left: 20px;}/*
*/ #down-fact1 {width: 150px;
    position: absolute;
    top: 110px;
    left: 161px;}/*
*/ #down-fact span {text-align: center; padding: 3px; background-color: #acd093; color:#5e6159; font-size:9px; text-transform: uppercase; letter-spacing:0px; font-weight: bold; display: block; margin-bottom: 3px; font-family: 'Century Gothic';}
.st {    text-align: center;
    padding: 3px;
    background-color: #a09ee9;
    color: #fff;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 3px;
    font-family: 'Reem Kufi';}
.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

.ih-item.circle {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
.ih-item.circle .img {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
.ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle .img img {
  border-radius: 50%;
}
.ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ih-item.circle.effect3 .img {
  z-index: 11;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect3.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect3 .info {
  background: #333333;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect3 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect3 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ih-item.circle.effect3.top_to_bottom .img {
  -webkit-transform: scale(1) translateY(0);
  -moz-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.ih-item.circle.effect3.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.circle.effect3.top_to_bottom a:hover .img {
  -webkit-transform: scale(0.5) translateY(100%);
  -moz-transform: scale(0.5) translateY(100%);
  -ms-transform: scale(0.5) translateY(100%);
  -o-transform: scale(0.5) translateY(100%);
  transform: scale(0.5) translateY(100%);
}
.ih-item.circle.effect3.top_to_bottom a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ih-item.circle.effect3.bottom_to_top .img {
  -webkit-transform: scale(1) translateY(0);
  -moz-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  -o-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
.ih-item.circle.effect3.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}
.ih-item.circle.effect3.bottom_to_top a:hover .img {
  -webkit-transform: scale(0.5) translateY(-100%);
  -moz-transform: scale(0.5) translateY(-100%);
  -ms-transform: scale(0.5) translateY(-100%);
  -o-transform: scale(0.5) translateY(-100%);
  transform: scale(0.5) translateY(-100%);
}
.ih-item.circle.effect3.bottom_to_top a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}