*/

*{margin: 0; padding: 0; box-sizing:border-box;}
body {background-color: #e6e6e6; 
    background-image: url(/images/bg.jpg);
    background-repeat: repeat;
    background-position: center top;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #656d78;
}

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 {

}

.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 {display: inline-block;-webkit-transition: all .3s; transition: all .3s; border-radius: 3px; padding:10px 20px;font-family: 'Open Sans', sans-serif;   border: 0;  line-height: 24px; text-decoration: none;}
.btn_green:hover, .btn_orange:hover, .btn_blue:hover, .btn_grey:hover {text-decoration: none;color: #fff;}
.btn_green i, .btn_white i, .btn_orange i, .btn_blue i, .btn_grey i {font-size: 24px; float: left; margin-right: 15px; line-height: 1px;}
/*--------------- green ------------*/
.btn_green {background: #8CC152; color: #fff; }
.btn_green:hover {background: #A0D468; color: #fff; }
/*--------------- white ------------*/
.btn_white {background: #fff; color: inherit;border: 1px solid #eff1f1; box-shadow: rgba(123, 123, 123, 0.08) 0px 0px 16px;}
.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: #AAB2BD;color: #fff;}
.btn_grey:hover {background: #CCD1D9; color: #fff;}

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

/* HEADER
-------------------------------------------------*/
.header_top {background: #fff; border-bottom: 1px solid #eff1f1; box-shadow: rgba(123, 123, 123, 0.08) 0px 0px 16px; position: relative; line-height: 48px;color: #aab2bd; clear: both;}
.welcome {float: left; font-size: 13px; font-family: "Open Sans Light", sans-serif;}
.top_right {float: right;}
.top_right a {color: #aab2bd; 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: 70px;clear: both;}
.logo {float: left;}

/* SEARCH
-------------------------------------------------*/
.search {float: left; width: 63%;  text-align: center; margin-top: 12px;}
.search-form {margin: 0 16.5%; 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%; float: left;font-size: 14x;  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: 12px;}

/* 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: #AAB2BD;-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:  #AAB2BD; 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 {text-align: center;margin-bottom: 20px;clear: both;}
.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; text-align: center;position: relative; background: url(../images/line_bg.jpg) repeat-x center center;padding: 10px 0; font-size: 16px; margin-bottom: 10px; clear: both;}
.title_module span {background: #fff; padding: 0 20px;}
.title_module h1 {background: #fff; padding: 0 20px;font-size: 16px; display: inline-block;}
.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;}
#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(3n) {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;}
.shortstory_info {padding: 5px; margin-top: 5px;}
.shortstory_info h3 {font-size: 13.5px;font-family: 'Open Sans Semibold', sans-serif; font-weight: normal;}
.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; background: rgba(170, 178, 189, 0.75);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 {background: rgba(238, 181, 64, 1);}

/* 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-radius: 25px;border: 1px solid transparent; color: #656d78;-webkit-transition: all .3s; transition: all .3s;}
ul.asideNav li a:hover {text-decoration: none; border: 1px solid #4FC1E9; color: #3BAFDA;-webkit-transition: all .3s; transition: all .3s;}
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.upanel li a i {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: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: #aab2bd; 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: 12px;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: 103%; 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(3n) {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: #aab2bd; font-style: italic;font-family: 'Open Sans Light', sans-serif;}
.speedbar a {color: #aab2bd;}

/* 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: #aab2bd;padding-top: 5px;}
.copyright p a {color: #aab2bd; text-decoration: underline;}
.counters {padding-right: 144px;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: #AAB2BD 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: #aab2bd;}
.commDate i {padding-right: 7px; font-size: 14px; float: left; line-height: 1; margin-top: 2px;}

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

.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: #AAB2BD;
border: 1px solid #AAB2BD;
}

.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}




.shortstory_info h3 {
    font-size: 13.5px;
    font-family: 'Open Sans Semibold', sans-serif;
    font-weight: normal;
    height: 55px;
}