@import url('/css/font-awesome.css') all;
/*==============================================================
Theme: Mir-Torrents
Version: 1.0
Content Management System (CMS): uCoz Web Service
Date Coding: 22.08.2015
Graphics Designed Layout: Buger
Coding Designed: Buger
Coding Designed from Site: www.Mir-Torrents.usite.pr
Graphics Designed Layout from Site: www.http://Mir-Torrents.usite.pro
URL Graphics Designed Layout: http://Mir-Torrents.usite.pro/
URL Link Coding: http://Mir-Torrents.usite.pro
Copyright (c) 2016 Roman Buger
==============================================================
(ENG) License: This template is designed by studio Habib-M. It is forbidden extend this template and files related on him, both on commercially and on a nonprofit basis. All rights are reserved.
(RU) Лицензия: Этот дизайн разработан студией Habib Запрещены к распространению шаблон и графические файлы, относящиеся к нему, как на коммерческой так и на некоммерческой основе. Все права защищены и принадлежат разработчику.
=============================================================
*/

body { font-family: "Open Sans", sans-serif; font-size: 14px; color: #656D78; background-color: #f8f8f8;}
a { text-decoration: none; border: none; outline: none;color: #3BAFDA;}
a:hover, a:active, ,a:focus { text-decoration: none;}
ul { margin: 0; padding: 0;}
li {list-style: none;}
.x-unselectable { position: relative;}
#uCatsMenu7 { left: 0% !important; top: 21px !important; margin-left: 0px;}
input[type="text"]:focus { outline: none; }
button[type="button"]:focus { outline: none; }
button[type="submit"]:focus { outline: none; }


/* Header
-----------------------------------------------------------------------------*/
.header { background-color: #fff; width: 100%; height: 90px; position: fixed; left: 0; top: 0; border-bottom: 1px solid #e6e9ed; z-index: 10;}


/* Logo 
-----------------------------------------------------------------------------*/
.logo { width: 270px; height: 90px; border-bottom: 2px solid #c4ff38; background: #6FC247 url(../images/logo-bg.png) no-repeat; float: left; display: block; }
.logo a { display: block; width: 100%; height: 100%; color: #fff; padding-top: 10px;}
.logo a span { display: block; font-size: 34px; font-weight: bold; text-align: center;}
.logo a span.slogan { font-size: 12px; display: block; font-weight: normal; margin-top: -8px; text-align: right; padding: 0 25px; font-family: "Open Sans Light", sans-serif;}
.header-top { margin-left: 270px;}


/* Search-Block
-----------------------------------------------------------------------------*/
.search-block {padding: 25px 10px; display: block;position: relative; height: 90px;}
.search_form {float: left;position: relative;width: 90%}
.search_form input { font-size: 12px; color: #656d78; padding: 10px; width: 100%; border: 1px solid #e6e9ed; border-bottom-left-radius: 5px;  border-top-left-radius: 5px}
.search_form button {width: 48px; height: 48px; border-radius: 100%; box-shadow: inset #fff 0px 0px 0px 3px; border: 1px solid #8cc152; background:#8cc152; color: #fff; font-size: 18px; position: absolute; top: -5px; right: -35px; transition: all 0.3s ease 0s;} 
.search_form button:hover {background: #A0D468; border: 1px solid #A0D468;}


/* Date-Now
-----------------------------------------------------------------------------*/
.date-now {text-align: center; color: #aab2bd; text-transform: uppercase; font-size: 16px; padding: 32px 0}


/* User-Panel
-----------------------------------------------------------------------------*/
.user-panel {float: right; padding: 15px 12px}
.user-panel button {background: transparent; border: none;display: block; position: relative;}
.user-ava {float: left; overflow: hidden; width: 57px; height: 57px; border-radius: 100%;box-shadow: #aab2bd 0px 0px 0px 1px; border: 2px solid #fff;}
.user-ava img {width: 100%; height: 100%;display: inline-block; border-radius: 100%;}
.user-block {display: block; text-align: left; padding-left: 75px; padding-top: 10px; padding-right: 50px; height: 58px; }
.user-login {display: block; text-transform: uppercase; color: #656d78;}
.user-grp {display: block;}
.groupAdmin {color: #FC6E51; font-size: 12px;}
.user-panel button .fa {position: absolute; top: 18px; right: 15px; font-size: 26px; color: #e6e9ed;}


/* Aside-Left
-----------------------------------------------------------------------------*/
.aside-left { width: 270px; height: 100%; position: fixed; left: 0px; top: 90px; background-color: #434a54; z-index: 101;margin: 0 auto; text-align: center}
button.nav-btn { display: none; width: 93%; border: 1px solid #656d78; margin: 10px;  line-height: 38px; text-transform: uppercase; color: #aab2bd;  box-shadow:inset #434a54 0px 0px 0px 3px ; background: #656D78;transition: all 0.3s ease 0s;}
button.nav-btn:focus {background: transparent; color: #aab2bd;box-shadow:inset #656D78 0px 0px 0px 3px ;border: 1px solid transparent;}
.navigation {margin: 10px 0; clear: both; position: relative; text-align: left;}
.navigation li {line-height: 36px}
.navigation li a {display: block; padding: 0 30px; color: #aab2bd;transition: all 0.3s ease 0s;}
.navigation li a:hover {background: #353c45; color: #e6e9ed;}
.navigation li a .fa {padding-right: 10px;transition: all 0.3s ease 0s;}
.navigation li a:hover .fa { color: #8dd143; transition: all 0.3s ease 0s;}
.aside-line {display: block; width: 100%; height: 1px; background: #656d78; margin: 20px 0}


/* Shortstory
-----------------------------------------------------------------------------*/
.shortstory-item {position: relative; clear: both; margin-bottom: 8px; height: 110px; overflow: hidden; display: block;}
.shortstory-item-body {background: #fff; margin: 15px 0 15px 88px;padding-left: 25px; height: 80px; border-bottom: 1px solid #e6e9ed; position: relative; z-index: 1;}
.shortstory-img-bg {width: 107px; height: 107px; background: #ffffff; border-radius: 100%; position: absolute; top: 0; left: 0; text-align: center;border: solid 7px #fff; box-shadow: #e6e9ed 0px 1px 0px 0px}
.shortstory-poster {width: 100%; height: 100%;border-radius: 100%; z-index: 2; position: relative;border: solid 7px #e6e9ed;}
.shortstory-poster > .poster {background-size: 100% !important; background-position: center center !important; width: 100%; min-height: 100%; overflow: hidden; border: 2px solid #fff; border-radius: 100%; display: block;}
.col-left {display: block; position: relative; overflow: hidden; height: 80px;width: 75%; float: left;}
.col-left h3 {display: block; font-weight: 600; font-size: 12px; text-transform: uppercase; line-height: 22px; height: 22px;overflow: hidden; color: #434a54;}
.col-left h3 a {color: #434a54;display: block;}
.shortstory-item-info {display: table;margin-top: -3px;position: relative; width: 100%;}
a.category {float: left; background: #8cc152; color: #fff; font-size: 12px; border-radius: 3px; padding: 4px 10px;transition: all 0.3s ease 0s; margin-right: 15px;}
a.category:before {display: inline-table; content: "\f07c";font-family: FontAwesome; padding-right: 7px;}
a.category:hover {background: #A0D468;}
.item-info {float: left; font-size: 12px; text-transform: uppercase; color: #aab2bd; padding-right: 15px;margin-top: 5px;}
.item-info .fa {padding-right: 5px; font-size: 14px;}
.size-icon-torr {background: url(../images/size-icon-torr.png) no-repeat left top; width: 12px; height: 12px; float: left; margin-top: 2px; margin-right: 5px;}
.col-right-top {font-size: 12px; color: #aab2bd;}
.seeds .fa {color: #8cc152; padding-right:5px; font-size:14px; }
.leechers .fa {color: #e9573f; padding-right:5px; font-size:14px; }
.leechers {margin-left: 10px;}
.col-right {margin-right: 42px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; text-align: right; float: right;}
.col-rait {color: #aab2bd; margin-top: 15px; text-align: right; text-align: -moz-right; text-align: -webkit-right; text-align: -o-right; text-align: -ms-right; float:right; opacity: 0.8;}
.readmore {position: absolute; bottom: 0; right: 0; background: #e6e9ed; color: #fff; width: 42px; height: 100%;text-align: center; line-height: 76px; transition: all 0.3s ease 0s; border: none; outline: 0;}
.readmore:before {display: inline-table; content: "\f105";font-family: FontAwesome; font-size: 52px}
.readmore:hover {background: #434a54;}
.comnum {display: block; z-index: 2; text-align: center; width: 36px;height: 32px; background: url(../images/commnum-bg.png) no-repeat; position: absolute; top: -8px; left: 77px; font-size: 12px; color: #fff; line-height: 27px;}


/* Speedbar
-----------------------------------------------------------------------------*/
.speedbar {margin: 25px 0; background: #fff; padding: 12px 35px; color: #aab2bd; font-size: 12px; font-weight: 600; width: 100%; line-height: 20px;}
.speedbar span {text-transform: uppercase; padding-right: 5px;  font-weight: 400;}
.speedbar a { color: #aab2bd;transition: all 0.3s ease 0s; display: inline-block; font-weight: 400;}
.speedbar a:hover {color: #656D78;}


/* Aside-Right
-----------------------------------------------------------------------------*/
.aside-block {margin-bottom: 25px}
.aside-block:last-child {margin-bottom: 0;}
.aside-title {background: #fff; text-transform: uppercase; color: #656d78; font-size: 14px; padding: 10px 15px; margin-bottom: 25px; line-height: 22px;}
.aside-title span {margin-left: 35px; display: block;}
.aside-content {position: relative; display: block; clear: both;}
.aside-content img {max-width: 100%}


/* Inform Random
-----------------------------------------------------------------------------*/
.inform-block {margin-bottom: 25px; position: relative; clear: both; overflow: hidden;}
.inf-bg {width: 100%; height: 120px; background-position: center center;background-repeat: no-repeat; background-size: 100%; transition: all 0.3s ease 0s;opacity: .7}
.inform-block:hover .inf-bg {opacity: .9;transition: all 0.3s ease 0s;}
.inf-poster {width: 75px;border: 3px solid #fff;  position: absolute; bottom: 6px; left: 12px}
.inf-poster img {width: 100%; display: inline-block;}
.inf-title {display: block; margin-left: 100px; max-height: 64px; overflow: hidden; margin-top: -10px;}
.inf-title h4 {text-transform: uppercase; font-size: 12px; font-family: "Open Sans", sans-serif; font-weight: 400;}
.inf-title h4 a {color: #656d78; line-height: 22px; display: block;}


/* Icon
-----------------------------------------------------------------------------*/
i.icon-torr {width: 20px; height: 20px; background: url(../images/icon-torr.png) no-repeat left top; float: left; margin-right: 15px}


/* Fullstory
-----------------------------------------------------------------------------*/
.full-img-block {display: block; position: relative;width: 100%; clear: both; overflow: hidden; margin-bottom: 10px;}
.full-info {float: right; min-width: 280px; max-width: 340px; margin-left: 20px; margin-bottom: 20px; background: #656d78;padding:8px 18px;}
.full-info .fa { padding-right: 12px;font-size: 14px;}
.full-info div {color: #fff; display: block; font-size: 12px; line-height: 36px;}
.full-info span {color: #aab2bd; padding-right: 8px;}
.full-info a {color: #fff; transition: all 0.3s ease 0s;}
.full-info a:hover {opacity: .8;}

/* Torrent File Block
-----------------------------------------------------------------------------*/
.torr-file {background-color: #434a54; min-height: 90px; color: #ccd1d9; background-image: url(../images/torr-file.png); background-repeat: no-repeat; background-position: 15px center; text-transform: uppercase; margin-bottom: 25px !important;}
.torr-file-title {padding-left: 90px; display: table;height: 90px;padding-right: 20px; float: left;}
.torr-file-title div {display: table-cell;vertical-align: middle;}
.torr-file-size {display: table;vertical-align: middle; float: left;height: 90px; border-left: solid 1px #656d78;border-right: solid 1px #656d78; background: #4f5661; padding: 0 20px; width: 105px;}
.torr-file-size .file-size {display: table-cell;vertical-align: middle; line-height: 22px; width: 100%; text-align: center; color: #ccd1d9;}
.size-block {text-transform: none; font-size: 12px; display: block;}
.size-cont {font-size: 12px; display: block;}
.torr-file-sp {display: table;height: 90px;float: left; width: 100%;}
.torr-file-sp-cont {display: table-cell;vertical-align: middle;  text-align: center;}
.torr-file-sp-cont .fa {padding-right: 5px}
.torr-file-sp-cont .fa.red { color: #fc6e51}
.torr-file-sp-cont .fa.green {color: #84b452}
.torr-file-sp-cont span:first-child {margin-right: 15px;}
.torr-file-sp-cont span:last-child {margin-left: 15px;}
.torr-file-download {display: table;height: 90px;float: left; width: 100.1%; color: #fff; font-size: 20px; font-weight: 300; }
.torr-file-download-cont {display: table-cell;vertical-align: middle;  text-align: center; color: #fff;background-color: #8cc152;transition: all 0.3s ease 0s; }
.torr-file-download-cont:hover {background: #A0D468;transition: all 0.3s ease 0s;color: #fff; text-decoration: none;}
.torr-file-download-cont .fa {padding-right: 15px;}


/* Tabs
-----------------------------------------------------------------------------*/
.nav { padding-left: 0; margin-bottom: 0; list-style: none}
.nav>li { position: relative; display: block;}
.nav>li>a { position: relative; display: block; padding: 10px 20px; background: #434a54; color: #ccd1d9; text-transform: uppercase; text-align: center; transition: all 0.3s ease 0s;}
.nav>li>a:focus,
.nav>li>a:hover { text-decoration: none; background-color: #656d78; color: #fff}
.nav-tabs>li { float: left; }
.nav-tabs>li>a { margin-right: 15px}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover { color: #fff; cursor: default; background-color: #656d78; }
.tab-content>.tab-pane {display: none;}
.tab-content>.active {display: block;}
.nav:after,
.nav:before,
.navbar:after,
.navbar:before {display: table;content: " ";clear: both}
.nav-tabs .fa {padding-right: 15px}


/* Screenshots
-----------------------------------------------------------------------------*/
.screen {margin-bottom: 25px; width: 100%; height: 160px; overflow: hidden;}
.screen a {display: inline-block;}
.screen img {width: 100%; min-height: 160px;display: block;}


/* VideoWrapper
-----------------------------------------------------------------------------*/
.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* Comments
-----------------------------------------------------------------------------*/
.full-comm {display: block; position: relative; clear: both;margin-bottom: 20px; }
.comm-ava {/*position: absolute; top: 0; left: 0;*/ float: left; width: 70px;height: 70px; border-radius: 50%; overflow: hidden;display: block;border: 1px solid #ddd; }
.comm-ava a {height: 100%; display: inline-block;border-radius: 50%; border: #fff 5px solid; overflow: hidden; z-index: 1; position: relative;}
.comm-ava  img {width: 110%; height: 110%;border-radius: 50%; margin-top: -5%; margin-left: -5%; }
.comm-body {margin-left: 34px;padding-top: 5px; display: block;position: relative; }
.comm-top {padding-left: 42px; padding-bottom: 5px; padding-top: 5px;}
.comm-mess {padding:12px 15px; background: #fff; border-radius: 3px; border: 1px solid #e2e5e9; line-height: 22px}
.answ-comm {float: right; background: #bebebe; color: #fff; border-radius: 3px; display: inline-block; padding:0px 10px; font-size: 10px; line-height: 22px; transition: all 0.3s ease 0s;}
.answ-comm:hover { background:  #CCD1D9;}
.comm-user {text-transform: uppercase; font-weight: 600; font-size: 12px; color: #aab2bd;}
span.sep {display: inline-block; padding: 0 5px; color:#ccd1d9; }
.comm-date {color: #ccd1d9; text-transform: uppercase; display: inline-block; font-size: 12px;}


/* Slider Home
-----------------------------------------------------------------------------*/
.slider-home  {display: block; position: relative;width: 100%; clear: both; margin:25px 0px; overflow: hidden;}
.slider-home .slides {height: 375px; }
.slider-home:hover .slider-bg {opacity: .9;transition: all 0.3s ease 0s;}
.s-body {position: relative; display: block;}
.slider-logo-news {position: absolute; bottom: 120px; right: 20px; display: inline-block; max-width: 280px; max-height: 150px; opacity: .8;}
.slider-logo-news img {max-width: 100%; max-height: 150px; display: inline-block;}
.slider-body {position: relative; display: block; clear: both; margin-top: -20px;}
.slider-poster {position: absolute; bottom: -5px; left: 80px; width: 220px; max-height: 350px; }
.slider-poster img {/*border: 3px solid #fff;  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;*/ width: 100%; height: 100%;}
.slide-cont {margin-left: 300px; padding:0 25px; position: relative; padding-top: 0;}
.slider-descr {background: rgba(67, 74, 84, .75); display: inline-block; position: absolute; left: 300px; bottom:99px; padding:7px 30px; color: #fff; font-size: .9em; width: 51.7%; line-height: 22px; z-index: 1;}
.slider-body h2 {font-weight: 400;color: #434a54; text-transform: uppercase; font-size: 38px; line-height: 56px; display: block; height: 56px; overflow: hidden; z-index: 0; position: relative;}
.slider-body h2 a {color: #434a54;}


/* Slider Fullnews
----------------------------------------------------------------------------*/
.full-img-block {position: relative; display: block; clear: both;}
.slider-bg {width: 100%; height: 300px; background-position: center center;background-repeat: no-repeat; background-size: 100%; transition: all 0.3s ease 0s;opacity: .8; display: block;}
.full-img-block:hover .slider-bg {opacity: .9;transition: all 0.3s ease 0s;}
.logo-news {position: absolute; bottom: 20px; right: 20px; display: inline-block; max-width: 280px; max-height: 150px; opacity: .8;}
.logo-news img {max-width: 100%; max-height: 150px; display: inline-block;}
.full-slider-body {position: relative; display: block; clear: both;}
.full-slider-poster {position: absolute; bottom: -5px; left: 80px; width: 220px; max-height: 350px; }
.full-slider-poster img { /*border: 3px solid #fff; box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 20px;*/ width: 100%; height: 100%;}
.full-slide-cont {margin-left: 300px; padding:0 25px; position: relative; padding-top: 0;}
.full-slider-rait {background: #434a54; opacity: .8; display: inline-block; position: absolute; left: 0px; top:-69px; padding: 8px 15px 12px; color: #ccd1d9; font-size: 28px;}
.full-slider-body h1 {font-weight: 400;color: #434a54; text-transform: uppercase; font-size: 28px; line-height: 36px; display: block;}


/* Middle - Content
-----------------------------------------------------------------------------*/
.middle { width: 100%; position: relative; padding:  90px 0 55px 270px;}
.middle:after { display: table; clear: both; content: '';}
.container-body { width: 100%; float: left; overflow: hidden;}
.content {padding: 0 345px 0 0;}
.content-home {padding-left: 25px; margin-bottom: 25px;  clear: both; position: relative;}
.content-full {background: #fff;border-bottom: 1px solid #e6e9ed; padding: 20px; color: #656d78; line-height: 24px;}
.content-full:after { display: table; clear: both; content: '';}

/* Right Sidebar
-----------------------------------------------------------------------------*/
.right-sidebar { float: left; width: 345px; margin-left: -345px; position: relative; padding: 25px}


/* Pagination
-----------------------------------------------------------------------------*/
.pagination {margin-bottom: 50px; display: block; position: relative; clear: both; text-align: center;}


/* Footer
-----------------------------------------------------------------------------*/
.footer {position: fixed; left: 0px; bottom: 0;background-color: #ffffff;width: 100%; z-index: 100; border-top: 1px solid #e6e9ed; height: 56px; overflow: hidden; padding-left: 270px;}
.copy {display: table; font-size: 12px; color: #aab2bd; height: 56px;}
.copy > div {display: table-cell;vertical-align: middle; }
.copy a {text-decoration: underline; color: #aab2bd;}
.counters {float: right;}
.counters img {float: right; margin-left: 15px; margin-bottom: 15px; opacity: .2; transition: all 0.3s ease 0s;}
.counters img:last-child {margin-left: 0;}
.counters img:hover {opacity: .8; cursor: pointer;}
.footer:after { display: table; clear: both; content: '';}
.footer-container { width: 100%; float: left; overflow: hidden;}
.footer-content {padding: 0 495px 0 25px;}
.footer-right { float: left; width: 460px; margin-left: -460px; position: relative; padding: 12px 25px;}

/*
-----------------------------------------------------------------------------*/
.copy b {font-weight:400 !important}

.bw {
   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"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .5;
  transition: all 0.3s ease 0s;
}

.bw:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    opacity: .8;
    transition: all 0.3s ease 0s;
}

/*Pagination*/
/* -- active -- */
.pgSwchA b, .swchItemA span, .swchItemA1 span {
margin-left: 0px;
z-index: 2;
color: #FFF;
cursor: default;
font-weight:normal;
position: relative;
padding: 6px 12px;
line-height: 1.42857;
text-decoration: none;
transition: all 0.3s ease 0s;
background-color: #656D78;
border: 1px solid #656D78;
}

.pgSwchA:hover b, .swchItemA:hover span, .swchItemA1:hover span {
background-color: #AAB2BD;
border: 1px solid #AAB2BD;
}

.pgSwchA:first-child b, .swchItemA:first-child span, .swchItemA1:first-child span {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.pgSwchA:last-child b, .swchItemA:last-child span, .swchItemA1:last-child span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

/* -- no active -- */
.pgSwch span, .swchItem span, a.swchItem1 {
position: relative;
padding: 6px 12px;
line-height: 1.42857;
text-decoration: none;
transition: all 0.3s ease 0s;
color: #AAB2BD;
background-color: #FFF;
border: 1px solid #DDD;
}

.pgSwch:hover span, .swchItem:hover span, a.swchItem1:hover {
text-decoration: none;
color: #FFF;
background-color: #AAB2BD;
border-color: #AAB2BD;
}

.pgSwch:first-child span, .swchItem:first-child span, a.swchItem1:first-child {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

.pgSwch:last-child span, .swchItem:last-child span, a.swchItem1:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

/* -- dots -- */
.swchItemDots {
position: relative;
padding: 6px 12px;
line-height: 1.42857;
text-decoration: none;
background-color: transparent;
border: 1px solid transparent;
}

#fancybox-overlay {opacity:.6 !important;}
.com-order-block {display:none}
.x-unselectable {position:relative;}
#uCatsMenu7 {left: 0% !important;top: 20px !important; margin-left: 0px;}
input, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0px;
    border: 1px solid #E6E9ED;
}
.loginField {
    line-height: 30px;
    padding: 0px 10px;
    display: inline-block;
    width: 100%;
}

.btn-medium-grey {
    background: #AAB2BD;
    color: #fff;
    padding: 0 12px;
    line-height: 30px;
    display: inline-block;
    border-radius: 3px;
    font-size: 12px;
border:none;
}
.btn-medium-grey:hover {background: #CCD1D9;transition: all 0.3s ease 0s;}

.btn-green {
    background: #8CC152;
    color: #fff;
    padding: 0 12px;
    line-height: 30px;
    display: inline-block;
    border-radius: 3px;
    font-size: 12px;
border:none;
}
.btn-green:hover {background: #A0D468;transition: all 0.3s ease 0s;}

.user_avatar {
    border-radius: 100%;
    width: 125px;
    height: 125px;
    overflow: hidden;
    display: block;
border:5px solid #CCD1D9;
}
.user_avatar img {width:100%; height:100%;}


.comment_inner{margin: 0px 12px; padding: 14px 0px;border-bottom: 1px solid #ececec}          
.comment_avatar{float: left; width: 70px; margin-right: 7px;position: relative;}          
.comment_avatar img{width:70px; height: 70px; margin: 3px 10px 0 0;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}          
.comment-soc{width:29px!important; height:29px!important;border-radius: 0%!important;border:0px!important;} 
.comment-soc{position: absolute; right:-3px; top:-5px;} 
.ucf-avatar img{width:53px!important; height: 53px!important;-webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; border-radius: 50%!important;}          
.comment_body{padding:0px; margin-left: 60px;}          
.comment_title a{text-decoration:none;color: #0078D7;padding-left:3px;font-size: 15px;font-weight:bold}          
.comment_message{padding: 19px 29px;color:#666; font-size: 15px;} 
.comment_message_otvet{padding: 0px 29px;color:#666; font-size: 15px;} 
.comment_avatar {display:table-cell;vertical-align:top;width:64px;padding-right:15px}          
.comment_avatar img {border:1px solid #F0F0F0;}          
.comment_date{color: #a9a9a9; font: normal 11px/13px "Tahoma";}          
.comment_addition{padding: 0px 10px; font: bold 11px/13px "Arial","Tahoma";text-align: right;}          
.comment_moder{float:right;}          
.comment_answer a {background: #ffffff;color:#a9a9a9;border: 1px solid;border-color:#a9a9a9;line-height:13px;padding: 5px 10px;display: inline-block;border-radius: 30px;outline: none;font-size: 13px;font-family: 'Open Sans', sans-serif;text-decoration: none;} 
.comment_answer a:hover {background: #a9a9a9; border-color: #a9a9a9; color: #ffffff;text-decoration: none;} 
.comment_answer a:active {background: #a9a9a9; border-color: #a9a9a9; color: #ffffff;text-decoration: none;}



.art-alert_danger{background:#FD9883;border-left:5px solid #E9573F;padding:12px;color:#fff;}  
.art-alert_danger .alert-icon{background:#E9573F;}  
.mb-25 {margin-bottom: 25px !important;}  
.mt-25 {margin-top: 25px !important;}  
.mt-10 {margin-top: 10px !important;}  
.alert-icon{width:40px;height:40px;display:inline-block;float:left;margin:4px 1px;}  
.alert-icon i{width:40px;height:40px;display:block;text-align:center;line-height:40px;font-size:28px;color:#FFF;}  
.alert-descr{margin-left:54px;  
font-family: 'Roboto', sans-serif;}  
.alert-descr strong{margin-bottom:8px;display:inline-block;font-size:14px;font-weight:bold;  
font-family: 'Roboto', sans-serif;}  
.alert-content{font-size:14px;line-height:18px;  
font-family: 'Roboto', sans-serif;}

.newgames {  
  position: absolute;  
  z-index: 999;  
  font-size: 15px;  
  color: #f0f3f5;  
  font-family: 'PT Sans Narrow', sans-serif;  
  padding: 0 8px;  
  margin-top: 3px;  
  border-top-right-radius: 3px;  
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);  
  border-bottom-right-radius: 3px;  
}  
.ng-red {background: #d24444;}

ul.clearlist {margin: 0; padding: 0; font-family: 'PT Sans';}
.clearlist li .avatar { float: left; margin-right: 5px; padding: 1px; border: 1px solid #ccc; border-radius: 50px;}
.clearlist li .recent_comment_name, .recent_comment_name a {color: #d15128; font-weight: 700; font-size: 13px; padding-top: 5px; display: inline-block;}
.clearlist li .ctime {color: #999; font-size: 10px; padding-left: 5px;}
.clearlist a { color: #A9953E; font-size: 15px;}
.clearlist a:hover { color: #3A413F; }
.clearlist li {padding: 5px 0; border-bottom: 1px dotted #CCC; background-size: 200.22% auto; -webkit-background-size: 200.22% auto; -moz-background-size: 200.22% auto; background-position: -0 0; background-image: linear-gradient(to right,rgba(255,255,255,0) 50%,#f9f9f9 50%); transition: background-position .5s ease-out; -webkit-transition: background-position .5s ease-out; white-space: nowrap; overflow: hidden; -webkit-mask: linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0) 210px, rgba(0, 0, 0, 0));}
.clearlist li:hover {background-position: -99.99% 0;}
.clearlist i { color: #ccc;}

#l_block_f {  
  width: 270px;  
  float: left;  
  background: #252C32;  
  overflow: hidden;  
  }  
  #p_block_f {  
  margin-left: 270px;  
  border-top: 1px solid #B0B5B9;  
  padding-bottom: 20px;  
  }  

  #top_p_f {  
  padding: 0px 20px;  
  line-height: 40px;  
  background: #252C32;  
  border-top: 1px solid #2E353B;  
  border-bottom: 1px solid #5E94C1;  
  }  
  .us_name {  
  padding-left: 30px;  
  color: #FFF;  
  font-weight: bold;  
  font:16px Arial,Tahoma,sans-serif;  
  }  

  .us_statys {  
  color: #7A838A;  
  float: right;  
  }  
  #ava_block_f {  
  margin-left: 30px;  
  padding: 10px 0;  
  }  
  #ava_f {  
  border-radius: 50%;  
  border: 5px solid #FFF;  
  float: left;  
  margin: 10px;  
  width: 150px;  
  height: 150px;  
  overflow: hidden;  
  }  
  #ava_f img {  
  width: 150px;  
  height: 150px;  
  object-fit: cover;  
  }  

  #naw_us_f {  
  width: 70px;  
  float: right;  
  overflow: hidden;  
  }  
  #naw_us_f ul {  
  margin: 10px 5px;  
  margin-right: 20px;  
  list-style: none;  
  }  
  #naw_us_f ul li {  
  width: 40px;  
  height: 35px;  
  margin: 10px 0;  
  }  
  #naw_us_f ul li a {  
   
  display: block;  
  }  
  #naw_us_f ul li:hover i {  
  background: url("../img/bg_f2.png") no-repeat center -5px;  

  }  
  #naw_us_f ul li i {  
  width: 40px;  
  height: 35px;  
  display: block;  
  background: url("../img/bg_f.png") no-repeat center -5px;  
  border: 1px solid #2E353B;  
  }  

  #inf_us_f {  

  }  
  #inf_us_f ul {  
  list-style: none;  
  }  
  #inf_us_f ul li {  
  line-height: 35px;  
  color: #7A838A;  
  border-bottom: 1px solid #2E353B;  
  }  

  #inf_us_f ul li {  
  padding-left: 20px;  
  }  

  #inf_us_f ul li span {  
  color: #FFF;  
  padding: 0 10px;  
  }  

  #inf_us_f ul li a {  
  background: #252C32 url("../img/bg_f3.png") no-repeat center -5px;  
  width: 35px;  
  height: 35px;  
  display: block;  
  float: right;  
  border-left: 1px solid #2E353B;  
  border-right: 1px solid #2E353B;  
  }  
  #inf_us_f ul li a:hover {  
  background: #3595C3 url("../img/bg_f4.png") no-repeat center -5px;  
  }  

  .g_us_f {  
  color: #FFF!important;  
  border-bottom: 1px solid #5E94C1!important;  
  }  

  #mess_top {  
  padding-left: 20px;  
  width: 100%;  
  display: block;  
  height: 50px;  
  font:13px Arial,Tahoma,sans-serif;  
  color: #7A838A;  
  line-height: 45px;  
  }  

  #mess_top i {  
  background: url("../img/ic_img.png");  
  width: 40px;  
  height: 30px;  
  display: block;  
  float: left;  
  margin-top: 7px;  
  }  
  #mssage_f {  
  padding: 0px 35px;  
  color: #252C32;  
  font:13px Arial,Tahoma,sans-serif;  
  line-height: 25px;  
  padding-bottom: 30px;  
  }  

  #c_for {  
  padding-left: 25px;  
  }  
  #c_for a {  
  color: #7A838A;  
  font:13px Arial,Tahoma,sans-serif;  
  text-decoration: none;  
  margin-right: 10px;  
  }  
  #c_for a:hover {  
  color: #252C32;  
  }  
  a.us_f_nav {  
  background: #9EBFDA;  
  color: #FFF!important;  
  font:13px Arial,Tahoma,sans-serif;  
  text-decoration: none;  
  padding: 5px 10px;  
  margin: 5px;  
  }  

  .fNavLink {  
  color: #7A838A!important;  
  }  
  .fNavLink:hover {  
  color: #FFF!important;  
  }  

  .clr {  
  clear: both;  
  }

.autor_ava img {width: 40px;vertical-align:middle;border: 1px solid rgba(185, 185, 185, 0.98);border-radius: 100px;} 
._uf_table {font-weight:normal;}

.list-group {  
  margin:20px 0px;  
  padding-left: 0;  
}  
.list-group-item:first-child {  
  border-top-right-radius: 4px;  
  border-top-left-radius: 4px;  
}  
a.list-group-item, button.list-group-item {  
  color: #555;text-decoration: none;  
}  
.list-group-item {  
  text-align:left;  
  position: relative;  
  display: block;  
  padding: 10px 15px;  
  margin-bottom: -1px;  
  background-color: #fff;  
  border: 1px solid #ddd;  
}  
.list-group-item-active{text-decoration:none;color:#555;background-color:#f5f5f5}  
.list-group-item:hover,a.list-group-item:focus,button.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}  
.bg-green {background-color:#00a65a !important}  
.bg-green {color:#fff !important}  
.info-box{display:block;min-height:90px;background:#fff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:2px;margin-bottom:15px}  
.info-box-icon{border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px;display:block;float:left;height:90px;width:90px;text-align:center;font-size:45px;line-height:90px;background:rgba(0,0,0,0.2)}.info-box-icon>img{max-width:100%}  
.info-box-content{background:#00a65a;padding:5px 10px;margin-left:90px}  
.info-box-number{display:block;font-weight:bold;font-size:18px;color:#2f5f32;}  
.progress-description,.info-box-text{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}  
.info-box-more{display:block}.progress-description{margin:0}  
.info-box .progress{background:rgba(0,0,0,0.2);margin:5px -10px 5px -10px;height:2px}  
.info-box .progress,.info-box .progress .progress-bar{border-radius:0}  
.info-box .progress .progress-bar{background:#fff}  
a.mypostUser:link,a.mypostUser:active,a.mypostUser:visited{color:#fff;}  
a.mypostUser:hover {color:#2f5f32;}  

.autor_ava img {width: 50px;vertical-align:middle;border: 1px solid #DEDEDE;border-radius: 5px;} 
._uf_table {font-weight:normal;}


/* meny_left_bloc 
-----------------------------------------------------------------------------*/ 
#meny_left_bloc { 
  padding: 10px; 
} 
#meny_left_bloc ul { 
  list-style: none; 
  overflow: hidden; 
} 
#meny_left_bloc ul li { 
  width: 180px; 
  height: 30px; 
} 
#meny_left_bloc ul li:hover b { 
  display: block; 
} 
#meny_left_bloc ul li:hover { 
  background: #ddeaf3; 
} 

#meny_left_bloc ul li a { 
  display: block; 
  font:11px Tahoma,Arial,sans-serif; 
  color: #80828d; 
  width: 150px; 
  line-height: 30px; 
  float: left; 
} 

#meny_left_bloc ul li i { 
  width: 30px; 
  height: 30px; 
  background: url("../img/img_meny_left.png"); 
  float: left; 
  margin: 0px 10px; 
} 
#meny_left_bloc ul li b { 
  display: none; 
  width: 30px; 
  float: right; 
} 
#meny_left_bloc ul li b a { 
  display: block; 
  width: 30px; 
  text-align: center; 
  font:14px Tahoma,Arial,sans-serif; 
  color: #80828d; 
  line-height: 30px; 
} 

#meny_left_bloc ul li b:hover { 
  background: #c8d4dc; 
  color: #4753b1; 
} 

#meny_left_bloc_top { 
   
  width: 180px; 
  height: 30px; 
  background: #ddeaf3; 

} 
#meny_left_bloc_top a { 
  display: block; 
  font:11px Tahoma,Arial,sans-serif; 
  color: #80828d; 
  line-height: 30px; 
  float: left; 

} 
#meny_left_bloc_top span { 
  width: 23px; 
  height: 22px; 
  float: left; 
  margin: 4px 10px 4px 15px; 
  overflow: hidden; 

} 
#meny_left_bloc_top span img { 
  width: 23px; 
  min-height: 22px; 
} 

#meny_left_bloc_top b { 
  width: 25px; 
  height: 30px; 
  background: url("../img/img_meny_left.png"); 
  line-height: 30px; 
  float: right; 
} 
#meny_left_bloc_top b a { 
  width: 25px; 
  height: 30px; 
} 
#meny_left_bloc_top b:hover a { 
  background: #c8d4dc url("../img/img_meny_left.png"); 
  background-position: 40px; 
}

.chat_over{background:rgba(0,0,0,.6);right:20px;position:fixed;padding:0;padding-top:0;z-index:9999;bottom:-182px;text-align:center;font-size:13px;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.chat_over *{outline:none}
.chat_over .jspTrack{height:160px!important}
.chat_over,.ch_sml,.ch_smlin,.uuslugi,.new_comment_error,.forum_get,.comment_answer_button a,.quoteMessage,.premium .prc,.siteRate,.siteRate div,.sb1,.sb2,.chatRight,.gChat,.gChat:hover,.over_ind,.ind,.info_signs,.column_1,.column_c,.column_2,.jspDrag{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.smile_in,.ch_smlin img,.sound_on,.sound_off,#setting_chat a,#rules_chat a,#sound_chat div,.hm,.ch_sml,.jspDrag{transition:all linear .1s;-moz-transition:all linear .1s;-webkit-transition:all linear .1s;-o-transition:all linear .1s}
.comm .us{color:#646464;font-size:10px;margin-top:-2px;padding:0}
.comm .us a{text-decoration:none}
.comm .us .us_name{color:#646464}
.comm .av{margin-right:10px;width:28px;height:28px;overflow:hidden;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}
.comm .av img{width:28px;height:28px;object-fit:cover;-webkit-border-radius:250px;-moz-border-radius:250px;border-radius:250px}
.comm .chatInner{width:222px;overflow:hidden;margin-bottom:2px}
.cerr{float:right;padding:7px;padding-right:20px}
.hm{visibility:hidden;position:absolute;height:0;margin-top:-10px;overflow:hidden;opacity:0;top:-34px;right:0;background:rgba(0,0,0,.8);padding:5px 10px;color:#fff;font-size:11px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#online_counter:hover span,#rules_chat:hover span,#setting_chat:hover span,.sound_on:hover span,.sound_off:hover span{opacity:1;height:auto;margin-top:0;visibility:visible}
#c_one_clon,#c_tell{position:absolute;top:-1500px;right:-15000px}
#setting_chat a,#rules_chat a,#sound_chat div{width:16px;height:16px;display:inline-block;opacity:.5;cursor:pointer}
#setting_chat a:hover,#rules_chat a:hover,#sound_chat div:hover{opacity:.9}
#setting_chat,#rules_chat,#sound_chat{float:right;margin-right:10px;margin-top:8px}
#setting_chat a{background:url(/chat_files/chat-sprite.png) 0 -23px no-repeat}
#rules_chat a{background:url(/chat_files/chat-sprite.png) -39px -21px no-repeat}
#sound_chat .sound_on{background:url(/chat_files/chat-sprite.png) -19px -21px no-repeat}
#sound_chat .sound_off{background:url(/chat_files/chat-sprite.png) -19px -35px no-repeat;display:none}
#online_counter{float:right;color:#FFF;margin-top:4px;margin-right:8px;padding:4px;padding-left:16px;background:url(/chat_files/chat-sprite.png) -32px 3px no-repeat;cursor:pointer;font-size:13px}
#bottom_chat span,#top_chat span{display:inline-block;width:17px}
#bottom_chat,#top_chat{text-align:left;padding:8px 12px;color:#FFF;cursor:pointer;font-size:13px}
#bottom_chat,.chtt iframe{display:none}
.ngd{background:#fff;padding:10px;cursor:default}
.jspContainer{background:none!important}
.pdvr{float:right;opacity:0}
.msg:hover .pdvr{opacity:1}
.clkg{font-size:11px;padding:10px;background:#efefef;-webkit-border-radius:0 0 3px 3px;-moz-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
.cs2{margin-top:3px;color:#E32F17;font-size:10px}
.cs1{margin-top:3px;color:#2B2B2B;font-size:10px}
.mchat{width:250px}
.chtt{border-top:1px solid #e2e2e2}
#mchatMsgF{margin:0!important;max-width:100%!important;min-height:auto!important;width:312px;padding:0 10px!important;height:36px!important;padding-right:53px!important;border:1px solid #fff;background:#fff;-webkit-border-radius:0 0 3px 3px;-moz-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#mchatBtn{position:absolute;top:-1200px;right:-1500px}
#mchatAjax{background:#646464;position:absolute;right:-200px}
.ch_sml{z-index:99999999;height:0;opacity:0;overflow:hidden;margin-top:-98px;right:0;position:absolute}
.ch_smlin{width:157px;height:70px;background:#FFF;overflow:hidden;text-align:left;border:1px solid rgba(0,0,0,.2)}
.ch_smlin img{padding-left:3px;padding-top:3px;float:left;cursor:pointer}
.ch_smlin img:hover{opacity:.7}
.smile_in:hover .ch_sml{height:85px;opacity:1;margin-top:-78px}
.smile_in span{opacity:.5}
.smile_in span:hover{opacity:.8}
.smile_in{z-index:3;position:absolute;margin-left:284px}
.smile_in span{display:inline-block;margin-top:9px;cursor:pointer;width:19px;height:19px;background:url(/chat_files/chat-sprite.png) -8px 0;opacity:.5}
.otbv,.otbv:hover{color:#6A6A6A}
.chatBubbles{display:table}
.chatRight,.cBubbleLeft,.cBubbleRight{display:table-cell;vertical-align:top}
.myBubble{margin-left:38px}
.myBubble .cBubbleLeft{display:none}
.myBubble .chatRight{background:#daeaf7!important}
.myBubble .cBubbleRight{display:table-cell}
.myBubble .chatInner{width:180px;color:#000}
.chatRight{background:#f1f6fa;border:1px solid #c6d9e9;padding:5px}
.cBubbleLeft{position:relative}
.cBubbleLeft span,.cBubbleRight span{background:url(/chat_files/chat-sprite.png);width:8px;height:14px;position:absolute;top:7px}
.cBubbleLeft span{background-position:0 0;right:-1px}
.cBubbleRight{display:none;position:relative}
.cBubbleRight .av{margin-left:10px;margin-right:0}
.cBubbleRight span{background-position:0 -14px;left:-1px}
#wrapper2{background:#FFF;width:290px;height:200px;overflow:auto}
#scroller{text-align:left;width:270px;padding:0}
#onlCountDate{display:none}
.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}
.jspVerticalBar{position:absolute;top:0;right:0;width:4px;margin-bottom:5px;height:100%;background:transparent}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:transparent}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:transparent;position:relative}
.jspDrag{background:rgba(0,0,0,.4);position:relative;top:0;left:0;cursor:pointer}
.jspDrag:hover{background:rgba(0,0,0,.6)}
.jspDrag:active{background:rgba(0,0,0,.8)}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}
.jspArrow.jspDisabled{cursor:default;background:#80808d}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}
.jspVerticalBar .jspArrow:focus{outline:none}
.jspCorner{background:#eeeef4;float:left;height:100%}
.sb1,.sb2{padding:0 4px}
.msg+.msg{margin-top:9px}
img[rel="usm"]{height:19px;width:19px;vertical-align:middle}
.us_name {
font-size: 9px;
margin: 0px;
padding: 0px;
}

.material_informat_title {font-size:17px;color:#5f5f5f;margin-bottom:5px} 
.material_informat {display:table;width:100%;} 
.material_informat_left {display:table-cell;vertical-align:top;width:530px;padding-top:5px;padding-bottom:5px} 
.material_informat_right {display:table-cell;vertical-align:top;padding-top:5px;padding-left:5px;padding-bottom:5px;} 
.avtor_avatar_mat img{width:70px; height: 70px; margin: 3px 10px 0 0;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;border:1px solid #858585}    
.avtor_avatar_mat {display:table-cell;vertical-align:top;width:64px;padding-right:5px}    
.avtor_avatar_mat img {border: 3px solid #fff; box-shadow: 0px 0px 1px 1px #858585;} 
.avtor_block {display:table;width:100%} 
.avtor_avatar {display:table-cell;vertical-align:top;width:87px} 
.avtor_info {display:table-cell;vertical-align:top;} 
.avtor_user {font-size:15px;display:block} 
.avtor_infa {margin-top:3px;font-size:13px;color:#858585} 
.avtor_inform {font-size:13px;color:#858585} 
.avtor_block{margin-left:20px;}


.web_menu li{ padding-bottom: 10px;margin-left: 0px;}  
.web_menu li:hover{padding-bottom: 10px; border-radius: 5px;}  
.web_menu a{border:0px;}  
.web_menu *{transition:all linear .1s;-moz-transition:all linear .1s;-webkit-transition:all linear .1s;-o-transition:all linear .1s;}  
.web_menu a{text-decoration:none}  
.web_menu a:hover i{font-size:21px}  
.web_menu .web_title{font-size:12px;font-weight:bold}  
.web_desc{display:block;font-size:12px;color: #848484;}  
.web_menu i{margin-top:1px;display:inline-block;float:left;color:#FFF;width:32px;text-align:center;line-height:32px;height:32px;margin-right:0px;border-radius:15px;}  
.web_id1{background:#48adf3}  
.web_id2{background:#df473d}  
.web_id3{background:#ef7e3b}  
.web_id4{background:#3d5a9b}  
.web_id5{background:#82d043}  
.web_id6{background:#35c2ba}  
.web_id7{background:#207716}  
.web_id8{background:#33BFCC}  
.web_id9{background:#5176AD}  
.web_id10{background:#BE37C8}  
.web_id11{background:#455E6B}  
.web_id12{background:#969413}


.menu {  
  text-align: center;  
  height: 60px;  
  overflow: hidden;  
  cursor: default;  
}  
   
.menu i {  
  position: relative;  
  top: 30px;  
  transition: .2s ease;  
}  
   
.menu i:hover {  
  top: 9px;  
}  
.icon {  
  border-radius:10px;  
}

.page-nav span { 
  display: inline-block; 
  vertical-align: baseline; 
  padding-left: 15px; 
  color: rgba(255, 255, 255, 0.8); 
  font-size: 10pt; 
  font-weight: 400; 
} 
.page-nav span span { 
  padding-left: 0; 
} 
.page-nav a { 
  color: rgba(255, 255, 255, 0.7); 
} 
.page-nav a:hover span, 
.page-nav a:hover { 
  color: rgba(255, 255, 255, 1); 
  text-decoration: none; 
} 
.page-nav-big h2 { 
  text-align: center; 
  font-size: 22pt; 
  color: #fff; 
  text-transform: none; 
  line-height: 40px; 
  white-space: normal; 
} 
.page-nav-big ul { 
  margin: 0 auto; 
  padding: 0; 
  list-style: none; 
  text-align: center; 
  display: table; 
} 
.page-nav-big ul li { 
  display: block; 
  float: left; 
  margin: 2px; 
  line-height: 40px; 
} 
.page-nav-big ul li button { 
  min-width: 170px; 
  background: rgba(0, 0, 0, 0.3); 
  } 
   
  .page-nav-icon { 
margin:0; 
padding:0; 
list-style:none; 
float:right 
} 

.page-nav-icon li { 
position:relative; 
float:left; 
text-align:center 
} 

.page-nav-icon li span { 
opacity:0; 
visibility:hidden; 
position:absolute; 
right:-40%; 
bottom:-30px; 
margin:-11px 0 0 -55px; 
width:110px; 
padding:0 5px; 
line-height:22px; 
height:22px; 
font-size:7pt; 
color:#fff; 
text-transform:uppercase; 
text-align:center; 
background:#666; 
-webkit-border-radius:4px; 
-moz-border-radius:4px; 
border-radius:4px; 
transition:All .3619s ease; 
-webkit-transition:All .3619s ease; 
-moz-transition:All .3619s ease; 
-o-transition:All .3619s ease 
} 

.page-nav-icon li span:before { 
content:''; 
position:absolute; 
top:-5px; 
right:25%; 
margin-left:-10px; 
width:0; 
height:0; 
border-style:solid; 
border-width:0 5px 5px; 
border-color:transparent transparent #666 
} 

.page-nav-icon li:hover span { 
opacity:1; 
visibility:visible; 
bottom:-18px 
} 

.page-nav-icon li a { 
display:block; 
position:relative; 
padding:0 10px; 
font-size:16pt 
} 

.page-nav-icon li a .num { 
position:absolute; 
color:#333; 
line-height:normal; 
top:15px; 
right:5px; 
font-size:8pt; 
background:#fff; 
padding:0 2px; 
-webkit-border-radius:10px; 
-moz-border-radius:10px; 
border-radius:10px 
}



/* Информер Новое и Популярное на форуме для uCoz */ 
.informer { background: url('/img_forum_inf/inf_foruma.png') 0 0 no-repeat, url('/img_forum_inf/bg.png') 0 35px repeat-y; width:585px; height:auto; padding-top:45px; }  
  .informer .tableTitle { font-size:12px; color:#009AD8; text-align:center; }  
  .informer ul { list-style:none; padding:0px; margin:0px 5px; }  
  .informer li { background: url(' ') 7px 12px no-repeat, url('/img_forum_inf/bg_forum.png') 0 0 no-repeat; list-style:none; text-align:left; width:276px; height:26px; overflow:hidden; line-height:26px; }  
  .informer li a { padding-left:15px; color:#121212; text-decoration:none; }  
  .informer li a:hover { color:#009AD8; text-decoration:underline; }  
  .informer .numf { background: url('/img_forum_inf/blue_forum.png') 0px 5px no-repeat; float:right; margin-right:5px; text-align:center; width:51px; height:24px; color:#FFF; font-size:12px; }  
  .informer .infFooter { background: url('/img_forum_inf/footer_forum.png') 0 bottom no-repeat; height:15px; } 
/* --------------------------------- */