.f_input {
    width: 300px;
    padding: 1px;
    margin: 1px;
}


*{margin: 0; padding: 0; box-sizing:border-box;}

body {
    background-color: #FFFFFF;

    background-repeat: no-repeat;
    background-position: center top;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color:#252525;
}
.fullMessage h2{font-size: 17px;}


a { text-decoration: none; border: none; outline: none;}
input:focus, button:focus {outline: 0;}
button {cursor: pointer;}
ul { margin: 0;padding: 0;}
li {list-style: none;}
.com-order-block {display:none}
.x-unselectable { position: relative;}
#uCatsMenu7 { left: 0% !important; top: 21px !important; margin-left: 0px;}
*::-webkit-input-placeholder { color: #ccd1d9; opacity: 1;}
*:-moz-placeholder { color: #ccd1d9; opacity: 1;}
*::-moz-placeholder { color: #ccd1d9; opacity: 1;}
*:-ms-input-placeholder { color: #ccd1d9; opacity: 1;}
body input:focus:required:invalid,
body textarea:focus:required:invalid {

}
body input:required:valid,
body textarea:required:valid {

}
footer{
    background: #252525 !important;
}
.container { max-width: 1200px; margin: 0 auto;}
.container:after, 
.header_top:after, 
.header_bottom:after, 
.search-form:after, 
.blockItem:after, 
.contBody:after,
.commentsBody:after {position: relative; clear: both; display: table; content: "";}

/* BUTTONS COLOR
-------------------------------------------------*/
.btn_green, .btn_white, .btn_orange, .btn_blue, .btn_grey , .btn_menu, .btn_white{
    display: inline-block;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 2px;
    padding:6px 11px;
    font-family: 'Open Sans', sans-serif;
    border: 0;
    line-height: 40px;
    text-decoration: none;
}
.btn_green:hover, .btn_orange:hover, .btn_blue:hover, .btn_grey:hover , .btn_menu:hover , .btn_white:hover {text-decoration: none;color: #fff;}
.btn_green i, .btn_white i, .btn_orange i, .btn_blue i, .btn_grey i , .btn_menu i, .btn_white i {font-size: 32px; float: left; margin-right: 10px; line-height: 1px;}
/*--------------- green ------------*/
.btn_green {background: #8CC152; color: #fff; }
.btn_green:hover {background: #A0D468; color: #fff; }
/*--------------- white ------------*/
.btn_white {background: #fff; color: inherit; }
.btn_white:hover {text-decoration: none; background: #fff; color: inherit;}
/*--------------- orange ------------*/
.btn_orange {background: #F6BB42; color: #fff;}
.btn_orange:hover {background: #FFCE54; color: #fff;}
/*--------------- blue ------------*/
.btn_blue {background: #3BAFDA;color: #fff;}
.btn_blue:hover {background: #4FC1E9; color: #fff;}
/*--------------- blue ------------*/
.btn_grey {background: #252525;color: #ffffff;}
.btn_grey:hover {background: #353535; color: #eeeeee;}

.btn_menu {background: #9fd362;color: #ffffff;
    font-size: 16px;
    line-height: 2;
    padding: 0px 10px;
    height: 50px;
    margin:  0px 15px 0px 0px ;
}
.btn_menu:hover {background: #9fd362; color: #000000;}


.btn_menu2 {background: #AA9C6F;color: #ffffff;
    font-size: 16px;
    line-height: 2;
    padding: 0px 10px;
    height: 50px;
    margin:  0px 15px 0px 0px ;
}
.btn_menu2:hover {background: #9fd362; color: #000000;}

/* BACKGROUND COLOR
-------------------------------------------------*/
.bg_green {background: #000000; color: #fff;}
.bg_orange {background: #f6bb42; color: #fff;}
.bg_blue {background: #3BAFDA; color: #fff;}
.bg_white {background: #FFFFFF; color: inherit;}
.bg_grey {background: #191919; color: #fff;}

/* HEADER
-------------------------------------------------*/
.header_top {
    height: 125px;
    background: #252525;
    border-bottom: 1px solid #eff1f1;
    box-shadow: rgba(123, 123, 123, 0.08) 0px 0px 16px;
    position: relative;
    line-height: 48px;
    color: #191919;
    clear: both;}
.welcome {float: left; font-size: 13px; font-family: "Open Sans Light", sans-serif;}
.top_right {float: right;}
.top_right a {color: #ffffff; font-size: 26px;float: left; padding:0 8px; -webkit-transition: all .3s; transition: all .3s}
.top_right a:hover {color: rgba(170, 178, 189, 0.5);}
.header_bottom {
    position: relative;
    padding-top: 15px;
    margin-bottom: 15px;

}
.logo {float: left;
    padding-top: 30px !important;
}

/* SEARCH
-------------------------------------------------*/
.search {display: inline-block;  text-align: center;   width: 260px;
}
.search-form {margin: 0; position: relative; background: #fff;border: 1px solid #eff1f1; box-shadow: rgba(123, 123, 123, 0.08) 0px 0px 16px; border-radius: 3px;}
.search-form input.search-inp {width: 92%; font-size: 14px;  padding:12px 0 12px 15px; border: 0; color: #ccd1d9;font-family: 'Open Sans Light', sans-serif;}
.search-form input.search-inp:focus {color:inherit}
button.submit-btn {position: absolute; width: 40px; height: 100%; right: 0; top: 0; background: 0; border: 0;  font-size: 26px; color: #ccd1d9; cursor: pointer; line-height: 1px;-webkit-transition: all .3s; transition: all .3s}
button.submit-btn:hover {color: #3BAFDA;}

.usrpanel {float: right; margin-top: 37px;}

/* MODAL WINDOW
-------------------------------------------------*/
.modal_overlay {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); text-align: center;}
.modal_overlay:after { display: inline-block; height: 100%; width: 0px; vertical-align: middle; content: '';}
.modal { display: inline-block; position: relative; top: -5%; max-width: 80%; padding: 20px; border-radius: 3px;  background: #fff; vertical-align: middle;   }
.modal_close {display: inline-block; position: absolute; top: 12px; right: 15px; cursor: pointer; font-size: 30px; color: #fff; height: 30px; width: 30px; line-height: 1px; border-radius: 50%; background: #191919;-webkit-transition: all .3s; transition: all .3s;}
.modal_close:hover {background: #CCD1D9;color: #fff;}
.modal h2 { border-bottom: 1px solid #eff1f1; padding-bottom: 15px; margin-bottom: 15px; font-weight: normal; text-transform: uppercase; font-size: 14px;}
.modal p {margin-bottom: 15px; font-size: 13px;  color:  #191919; padding:0 10px;font-family: 'Open Sans Light', sans-serif;}
.modal_content {text-align: left; display: block; position: relative; clear: both;overflow: hidden;  min-width: 270px;}
.modal_content input {display: block; width: 100%;padding: 10px; margin-bottom: 15px;border: 1px solid #eff1f1;color: #ccd1d9;font-family: 'Open Sans', sans-serif;-webkit-transition: all .3s; transition: all .3s}
.modal_content input:focus {color: inherit;box-shadow: rgba(123, 123, 123, 0.08) 0px 0px 16px;}
.btn_bl {}
.btn_bl>div {float: left;}
.btn_bl a {font-size: 13px; line-height: 20px;color: #3BAFDA;}
.btn_bl .btn_green {float: right;font-family: 'Open Sans', sans-serif;}

/* YEAR SEARCH
-------------------------------------------------*/
.year_search { }
.year_search .dropdown-menu {padding:15px 15px 10px 15px;margin: 0 20.2%; box-shadow: rgba(123, 123, 123, 0.08) 0px 0px 16px;}
.btn_year {margin: 5px; padding:5px 20px; font-family: 'Open Sans Light', sans-serif;}
.btn_year:hover {background: #CCD1D9; color: #fff;}

/* TITLE MODUL
-------------------------------------------------*/
.title_module {text-transform: uppercase;     ;padding: 5px 0px 0px 0px ; font-size: 16px; margin-bottom: 1px; clear: both;}
.title_module span {background: #fff; padding: 0 20px; font-weight: bold;  font-size: 18px; margin-bottom: 20px}
.title_module h1 {background: #fff; padding: 0 5px;font-size: 16px; display: inline-block;

    margin: 0;
}
.title_module h3 {background: #fff; padding: 0 20px;font-size: 14px; display: inline-block;}
.smallText {background: #fff; padding: 15px 0px;font-size: 13px; text-transform: none; font-weight: 600;}

/* MAIN
-------------------------------------------------*/
.wrap {display: table; width: 100%;position: relative; clear: both; background: #fff;border: 1px solid #eff1f1; box-shadow: rgba(123, 123, 123, 0.08) 0px 0px 16px; padding-top: 20px;}
.aside_left, .aside_right {width: 240px; display: table-cell; vertical-align: top; }
.content { display: table-cell; vertical-align: top;padding:0 20px;}
.blockItem {position: relative; margin-bottom: 15px;border: 1px solid #eff1f1; box-shadow: rgba(123, 123, 123, 0.08) 0px 0px 16px; border-radius: 3px;padding: 3px; overflow: hidden;}
.blockItem:last-child {margin-bottom: 0px;}
.contBody {width: 100%; position: relative; clear: both;
padding-top: 5px;
     }

#allEntries {
    width: 104%;
}
/*.contBody img {max-width: 100%}*/

/* SHORTSTORY
-------------------------------------------------*/
.shortstory {float: left;width: 208px; margin-right: 26px; margin-bottom: 30px !important;vertical-align: top; position: relative;}
.shortstory:nth-child(4n) {margin-right: 0;}
.shortstoryImg {position: relative;clear: both; height: 280px; overflow: hidden;}
.shortstoryImg a.poster {display: block; height: 100%;}
.shortstoryImg img {width: 100%; min-height: 100%;display: inline-block;}


.shortstoryImg img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.shortstoryImg img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.popularItem-2 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.popularItem-2 img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}




.shortstory_info {padding: 5px; margin-top: 5px;}
.shortstory_info h3 {font-size: 13.5px;font-family: 'Open Sans Semibold', sans-serif; font-weight: normal; height: 40px; overflow: hidden;}
.shortstory_info h3 a {color: #434a54; display: block;}
.triangle-topleft-new { width: 120%; height: 60px; background: rgba(59, 175, 218, 0.75); position: absolute; top: -36px; left: -15px;transform: rotate(-15deg);}
.triangle-topleft-new span {position: absolute; top: 26px; left: 25px; color: #fff; text-transform: uppercase; font-size: 16px;transform: rotate(15deg);}
.triangle-topleft-year {width: 120%; height: 60px; position: absolute; bottom: -36px; right: -18px;  ;transform: rotate(-15deg);-webkit-transition: all .3s; transition: all .3s}
.triangle-topleft-year span {position: absolute; bottom: 26px; right: 25px; color: #fff; text-transform: uppercase; font-size: 16px;transform: rotate(15deg);}
.shortstory:hover .triangle-topleft-year { }

/* ASIDE
-------------------------------------------------*/
.aside_left .asideBody {margin-left: 12px;}
.aside_right .asideBody {margin-right: 12px;}
.asideBlock {clear: both;position: relative;display: block;margin-bottom: 25px;}
.asideBlock:last-child {margin-bottom: 20px;}
.asideTitle { font-family: 'Open Sans Light', sans-serif;text-transform: uppercase; font-size: 16px;padding:8px 17px; line-height: 30px;margin-bottom: 15px;}
.asideTitle i {font-size: 28px; line-height: 1px; float: left; margin-right: 15px; display: inline-block;}

/* ASIDE NAVIGATION
-------------------------------------------------*/
.nav_btn {display: none;}

ul.asideNav, ul.upanel {margin: 0; padding: 0; clear: both; position: relative;display: block;}
ul.asideNav li, ul.upanel li {position: relative; display: block; width: 100%; list-style: none; margin-left: -2px;}
ul.asideNav li a, ul.upanel li a {
    font-family: 'Open Sans Light', sans-serif;display: block; line-height: 28px; padding-left: 7px;
    border: 1px solid transparent; color: #656d78;-webkit-transition: all .3s; transition: all .3s;}
ul.asideNav li a:hover {text-decoration: none; background-color: #CCCCCC; ; }
ul.asideNav li a span, ul.upanel li a span {-webkit-transition: all .3s; transition: all .3s;}
ul.asideNav li a:hover span, ul.upanel li a:hover span {text-decoration: none; padding-left: 5px;}
ul.asideNav li a i, ul.upaline_bg.jpgnel li a i {
    padding-left: 15px !important;
    line-height: 1px; display: inline-block; margin-right: 10px;font-size: 16px; float: left; margin-top: 6px;-webkit-transition: all .3s; transition: all .3s;}

ul.upanel li { margin-left: 0px;}
ul.upanel li:hover {}
ul.upanel li a {text-decoration: none; }
ul.upanel li span {  margin-left: 10px}
ul.upanel li:hover a {color: #3BAFDA;}

/* INFORMS
-------------------------------------------------*/
/*---------- Now download ----------*/
.nowDownloadItem_img {height: 110px; display: block; background-size: 100%; background-position: center;}
.nowDownloadItem_info {clear: both; display: block;padding: 10px;}
.nowDownloadItem_info h4 {font-size: 14px;font-family: 'Open Sans Semibold', sans-serif; font-weight: normal;padding-bottom: 5px;}
.nowDownloadItem_info h4 a {color: #434a54;}
.nowDownloadItem_year {color: #191919; font-size: 13px; font-family: 'Open Sans Light', sans-serif;}

/*---------- Popular Games ver.1 ----------*/
.popularItem {display: block; position: relative;}
.popularItem img {float: right; width: 55px; height: 80px;margin-left: 8px;}
.popularItem_info {padding: 5px 8px 0; overflow: hidden;}
.popularItem h4 {font-size: 14px;font-family: 'Open Sans Semibold', sans-serif; font-weight: normal;padding-bottom: 5px; height: 38px; line-height: 20px; overflow: hidden;}
.popularItem h4 a {color: #434a54; display: block;}
.itemStats {overflow: hidden;margin-top: 5px;font-family: 'Open Sans Light', sans-serif;}
.itemStats_left {float: left;}
.itemStats_right {float: right;}
.itemStats i {font-size: 24px; display: inline-block; line-height: 1; float: left; margin-top: -2px; padding-right: 5px;}
.ion-ios-download-outline {margin-top: -3px !important;}

/*---------- Popular Games ver.2 ----------*/
.popularItem-2 {display: block; position: relative;}
.popularItem-2 > a {display: block;}
.popularItem-2 img {width: 100%;}
.popularItem-2 h4 {margin:12px 7px; text-align: center;font-size: 14px;font-family: 'Open Sans Semibold', sans-serif; font-weight: normal;}
.popularItem-2 h4 a {color: #434a54;}


/*---------- Related Games ----------*/
.relatedGame {overflow: hidden; width: 100%; margin-bottom: 25px;}
.relatedItem {display: block; position: relative; float: left; margin-right: 15px; width: 215px;}
.relatedItem:first-child {min-height: 191px; display: block; margin-left: 0;}
.relatedItem:first-child a {display: block; overflow: hidden;}
.relatedItem:first-child .nowDownloadItem_img {width: 100%; height: 120px;}
.relatedItem:nth-child(4n) {margin-right: 0;}
.relatedItem:nth-child(5n) {margin-right: 0;}
.relatedItem:first-child .itemStats {margin-top: 2px; float: left; width: 100%;}

/* SPEEDBAR
-------------------------------------------------*/
.speedbar {padding: 10px; font-size: 13px; color: #191919; font-style: italic;font-family: 'Open Sans Light', sans-serif;}
.speedbar a {color: #191919;}

/* FOOTER
-------------------------------------------------*/
.footer {padding: 30px 20px; display: table; width: 100%; position: relative;}
.footerLogo, .copyright, .counters {display: table-cell; vertical-align: top} 
.footerLogo {width: 20%;}
.copyright {font-size: 13px; color: #ffffff;;padding-top: 5px;
padding-left: 11px}
.copyright p a {color: #ffffff; text-decoration: underline;}
.counters {padding-top: 15px; width: 30%;text-align: right;}
.counters img {opacity: .3;-webkit-transition: all .3s; transition: all .3s; display: inline-block; float: right; padding-left: 3px; padding-bottom: 3px;}
.counters img:hover {opacity: 1;}

/* FULLSTORY
-------------------------------------------------*/
.fullstory {margin-bottom: 15px;}
.fullstory:after {clear: both;display: table; position: relative; content: "";}
.fullImg_bl { float: left; width: 215px; margin-right: 7px;margin-left: 2px; margin-top: 2px;}
.fullImg_bl img {width: 100%; margin-bottom: 10px;}
.fullImg_bl a:last-child img { margin-bottom: 2px;}
.fullScreenTitle {text-transform: uppercase; font-weight: 700; text-align: center; padding:12px 0 15px; font-size: 14px;}
.fullInfo {clear: both; position: relative;display: block;}
.allDownld {padding: 5px;}
.social {font-size: 13px; color: inherit; padding: 2px;}
.social span.socText {font-size: 13px; padding-left: 3px; line-height: 22px;}
.fullDescrInfo {padding:12px 5px 12px 10px; overflow: hidden; position: relative; display: block;}
.fullMessage {padding: 8px;}
.downloadGame {text-align: center; padding: 20px 0;}
.downloadTop {}
.downloadMiddle {padding: 10px 0;}
.downloadMiddle p {line-height: 28px; font-size: 13px;position: relative; clear: both;}
.downloadMiddle .size {font-size: 20px; font-weight: 300;  display: inline-block;}
.downloadMiddle .size i {margin-right: 10px; font-size: 28px;margin-top: 0px; line-height: 1px; display: inline-block;float: left;}
.downloadBottom {display: inline-block;}
.downloadBottom a {display: block; -webkit-transition: all .3s; transition: all .3s}
.downloadBottom a img {-webkit-transition: all .3s; transition: all .3s}
.downloadBottom a:hover img {opacity: .8;}

.codeButtons, input[value="Добавить"], input[value="Очистить"], input[value="Сохранить"], input[value="Восстановить"], input[value="Регистрация"], input[value="Отправить сообщение"], .allUsersBtn, .uSearchFlSbm {
    background: #191919 none repeat scroll 0% 0%;
    color: #FFF;
    transition: all 0.3s ease 0s;
    border-radius: 3px;
    font-family: "Open Sans",sans-serif;
    border: 0px none;
    line-height: 24px;
    text-decoration: none;
    width: auto !important;
    padding: 3px 12px;
font-weight: 400 !important;
}
.codeButtons:hover, input[value="Добавить"]:hover, input[value="Очистить"]:hover, input[value="Сохранить"]:hover, input[value="Восстановить"]:hover, input[value="Регистрация"]:hover, input[value="Отправить сообщение"]:hover, .allUsersBtn:hover, .uSearchFlSbm:hover {background: #CCD1D9; color: #fff;}

/* VIDEOBLOCK
------------------------------------------------*/
.videoWrapper {position: relative;padding-bottom: 51.1%;height: 0; margin-bottom: 20px;}
.videoWrapper:last-child {margin-bottom: 0;}
.videoWrapper:after {content: ""; position: relative; display: block; clear: both;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* COMMENTS
------------------------------------------------*/
.commentsBody {margin-bottom: 25px; overflow: hidden;}
.commentsBody #allEntries {
    width: 100%;
}
.commentsItem {position: relative; display: block; width: 100%; margin-bottom: 25px;}
/*.commentsItem:last-child {margin-bottom: 0;}*/
.avacomm {float: left; height: 50px; width: 50px; overflow: hidden;border-radius: 50%;}
.avacomm img {height: 50px; width: 50px; }
.commTop {padding-left: 38px;padding-top: 5px;margin-left: 28px; display: block;overflow: hidden;}
.commTop .commUser {font-weight: 600; color: inherit;}
.commMess {margin-left: 28px;margin-top: 5px; padding:  15px 30px; color: rgba(101, 109, 120, 0.8); font-weight: 400; font-style: italic; font-size: 13px; line-height: 20px; min-height: 40px}
.blockAvaradius {border-radius: 50%; background: #fff; float: left; position: absolute; top: 0; left:0; z-index: 1;}
.commDate {float: right; font-size: 12px; color: #191919;}
.commDate i {padding-right: 7px; font-size: 14px; float: left; line-height: 1; margin-top: 2px;}

.answ {font-size: 13px; padding-left: 20px;color: #191919;}

.u-mpanel-tooltip {
    display: none;
}

/* PAGINATION
------------------------------------------------*/
.pagination{
    text-align: center;
    line-height: 38px;
    margin-bottom: 30px;
    clear: both;
    position: relative;
    display: block;
}
/* -- 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 !important;

background-color: #191919;
border: 1px solid #191919;
}

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

.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 {
margin-left: -1px;
position: relative;
padding: 6px 12px;
line-height: 1.42857;
text-decoration: none !important;

color: #2B957A;
background-color: #FFF;
border: 1px solid #DDD;
}

.pgSwch:hover span, .swchItem:hover span, a.swchItem1:hover {
text-decoration: none !important;

color: #2B957A;
background-color: #EEE;
border-color: #DDD;
}

.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 {
margin-left: -1px;
position: relative;
padding: 6px 12px;
line-height: 1.42857;
text-decoration: none !important;
background-color: transparent;
border: 1px solid transparent;
}

span#bc4, span#bc6 {display:none}
span#bc7 {margin-left: -3px;}
span#bc8 {margin-left: -3px;}
span#bc9 {margin-left: -3px;}

.pbarContainer {display:none}

.material-scrolltop {
      display: block;
      position: fixed;
      width: 0;
      height: 0;
      bottom: 23px;
      right: 23px;
      padding: 0;
      overflow: hidden;
      outline: none;
      border: none;
      border-radius: 2px;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
      cursor: hand;
      border-radius: 50%;
      background: #4caf50;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      -webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
      -ms-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
      -moz-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
      -o-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
      transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
}

.material-scrolltop:hover {
      background-color: #4caf50;
      text-decoration: none;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
}

.material-scrolltop::before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      content: "";
      width: 0;
      border-radius: 100%;
      background: #66bb6a;
}

.material-scrolltop:active::before {
      width: 120%;
      padding-top: 120%;
      -webkit-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
}

.material-scrolltop.reveal {
      width: 56px;
      height: 56px;
}

.material-scrolltop span {
      display: block;
      font-size: 25px;
      color: #fff;
}

.material-scrolltop,
.material-scrolltop::before {
      background-image: url(../js/top-arrow.png);
      background-position: center 50%;
      background-repeat: no-repeat;
}
.navpage{
margin-left: -1px;
    position: relative;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none !important;
    color: #2B957A;
    background-color: #FFF;
    border: 1px solid #DDD;

}
.pagesBlockuz1{
	cursor: pointer;
}
.pagesBlockuz1 span{
	margin-left: -1px;
    position: relative;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none !important;
    color: #2B957A;
    background-color: #FFF;
    border: 1px solid #DDD;
}
.pagesBlockuz1 a{
	   margin-left: 0px;
    z-index: 2;
    color: #FFF;
    cursor: default;cursor: pointer;
    font-weight: normal;
    position: relative;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none !important;
    background-color: #191919;
    border: 1px solid #191919;
}  

 
.profile-avatar{float:left;position:relative;width:130px}

.profile-avatar-bg {
background:#8CC152;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
height:55px;
margin-top:85px;
width:130px;
}


.profile-avatar-image-bg {
    background: silver;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    top: 0;
    height: 110px;
    left: 11px;
    position: absolute;
    width: 108px;
    padding: 4px;
}

.profile-avatar-image-bg
img {
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
height:100px;
width:100px;
}

.profile-rating {
position:absolute;
top:115px;
left:12px;
}

.profile-rating a {
    color: white!important;
}
.profile-info {
padding-left:145px;
}
div#article-film-full-info {
color:#797979;
font-size:14px;
font-weight:400!important;
padding-top:5px;
}

div#article-film-full-info
a {
font-size:14px!important;
font-weight:400!important;
}

span#article-full-separator {
color:#dadada!important;
display:inline-block;
font-weight:300;
padding:0 8px;
}

table#article-film-full-info
td {
border-bottom:1px solid #ececec;
vertical-align:top;
padding:9px 0 10px;
}

.popup-profile-table {
border-top:1px solid #ececec;
}

.popup-profile-table
td {
padding:6px 0 8px!important;
}

.comment-avatar {
float:left;
width:70px;
}

.comment-avatar
img {
width:70px;
}span.stat-quantity {
background:#8CC152;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
color:#fff!important;
display:inline-block;
text-align:center;
margin:0 3px;
padding:7px 9px 7px 8px;
}
#send-pm
a {
background:#8CC152;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#fff;
cursor:pointer;
display:inline-block;
height:31px;
line-height:29px;
margin:0 5px;
padding:0 12px;
}

a.button:hover,#send-pm a:hover {
background:#454545;
text-decoration:none;
}

#send-pm
a {
margin:10px 0 8px;
}
button.fbutton {
background: black;
border:none;
border-bottom:0 solid #000000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:none!important;
-moz-box-shadow:none!important;
-webkit-box-shadow:none!important;
color:#fff;
cursor:pointer;
display:inline-block;
font-weight:700!important;
height:46px;
line-height:20px;
outline:none;
text-shadow:none!important;
margin:0;
padding:0 10px;
}



.ion-ios-close-outline{
    position: relative;
    top: 2px;
    right: 3px;

}