/*==============================================================
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.art-ucoz.ru
Graphics Designed Layout from Site: www.art-ucoz.ru
URL Graphics Designed Layout: http://art-ucoz.ru/
URL Link Coding: http://art-ucoz.ru/
Copyright (c) 2015 Roman Buger
==============================================================
(ENG) License: This template is designed by studio ART-UCOZ. It is forbidden extend this template and files related on him, both on commercially and on a nonprofit basis. All rights are reserved.
(RU) Лицензия: Этот дизайн разработан студией ART-UCOZ. Запрещены к распространению шаблон и графические файлы, относящиеся к нему, как на коммерческой так и на некоммерческой основе. Все права защищены и принадлежат разработчику.
=============================================================
*/

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; display: block; position: relative; clear: both;}
.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%;}

.xw-mc ::-webkit-scrollbar  
  {  
  width: 8px;  
  height: 8px;  
  }  
  .xw-mc ::-webkit-scrollbar-track-piece  
  {  
  display:none;  
  }  
  .xw-mc ::-webkit-scrollbar-thumb:vertical  
  {  
  height: 5px;  
  background-color: rgba(0, 0, 0, 0.4);  
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;  
  border-radius: 5px;  
  }  
  .xw-mc ::-webkit-scrollbar-thumb:horizontal  
  {  
  width: 5px;  
  background-color: rgba(0, 0, 0, 0.4);  
  -moz-border-radius: 5px;  
  -webkit-border-radius: 5px;  
  border-radius: 5px;  
  }  
  .x-sh, .xw-bl {display:none !important;}  
  .xw-ml, .xw-mr {margin:0 !important;padding:0 !important;background:none !important;}  
  .xw-mc {color:#333; font-weight: normal; float: none; margin: 0; padding: 8px 8px !important; background: #fff !important; border: 1px solid #fff !important;border-radius:4px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}  
  .xw-hdr-text {display: none !important;}  
  .xw-hdr img {display:none;}  
  .xw-tl, .xw-tr, .xw-tc, .xw-hdr, .xw-sps .xw-draggable {height: 0 !important;background: none !important;padding: 0 !important;}  
  .xw-tc {overflow: visible !important;}  
  .xt-close {position: absolute !important;right: -18px;top: -18px;margin: 0 !important;z-index: 10014 !important;width: 36px !important;height: 36px !important; background: url(http://yraaa.ru/_pu/24/30435765.png) no-repeat !important;}  
  .xw-body {border: 0 !important;padding: 0 !important;}  
  .xt-maxi {display:none;}  
  .xt-mini {display:none;}  
  .xt-rest {display:none;}