@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/Roboto/RobotoRegular/Roboto-Regular.eot');
    src: local('Roboto'), local('Roboto-Regular'),
        url('../fonts/Roboto/RobotoRegular/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/RobotoRegular/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto/RobotoRegular/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/Roboto/RobotoBold/Roboto-Bold.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('../fonts/Roboto/RobotoBold/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/RobotoBold/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto/RobotoBold/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ComfortaaBold';
    src: url('../fonts/comfortaa/ComfortaaBold/ComfortaaBold.eot');
    src: local('../fonts/comfortaa/ComfortaaBold/ComfortaaBold'), local('ComfortaaBold'),
        url('../fonts/comfortaa/ComfortaaBold/ComfortaaBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/comfortaa/ComfortaaBold/ComfortaaBold.woff2') format('woff2'),
        url('../fonts/comfortaa/ComfortaaBold/ComfortaaBold.woff') format('woff'),
        url('../fonts/comfortaa/ComfortaaBold/ComfortaaBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body{
	margin: 0;
	padding: 0;
	outline: none;
	font-family: Roboto-Regular, sans-serif;
    background: #DCDCDC;
}

.layout-positioner{
    width: 995px;
    margin: 0 auto;
    overflow: hidden;
}

.layout-positioner:after{
    display: table;
    content: '';
    clear: both;
}

.clear{
    clear: both;
}

ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Скрытия бейджа рекапчи */
.grecaptcha-badge {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
/* Скрытия бейджа рекапчи */

/* Site Header */
#header{
    height: 40px;
    background: #000;
    color: #fff;
    
}

#head-line{
    height: 40px;
    background: #000;
}

#logo{
    width: 96px;
    float: left;
    line-height: 34px;
    text-align: center;
    margin-top: -5px;
}

#logo a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-family: RobotoBold, sans-serif;
}

#iconjoystick{
    content: url(../img/joystick.png);
    width: 19px;
    height: 19px;
    float: left;
    margin-top: 8px;
    margin-right: 5px;
    padding-left: 5px;
}

span#onlinestore{
    width: 101px;
    float: left;
    margin-top: -19px;
    font-size: 11px;
    color: #fff;
    font-family: RobotoBold, sans-serif;
}

/*Форма Панели*/
.reg{
    margin-top: 10px;
    margin-right: 70px;
    color: #E3E2DF;
    float: right;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 5px;
    overflow: hidden;
}

#menu-avtorizacziya::before{
    float: left;
    content: url(../img/login.png);
    width: 12px;
    height: 12px;
    margin-top: 1px;
    margin-right: 5px;
}

li#menu-item-90::before{
    float: left;
    content: url(../img/reg.png);
    width: 12px;
    height: 12px;
    margin-top: 1px;
    margin-right: 5px;
}

.login-menu{
    float: left;
}

#menu-item-89:before{
    content: '/';
    color: #fff;
    margin-right: 5px;
    margin-left: 5px;
}

.login-menu a{
}

.reg-menu{
    float: left;
}

.reg-menu a{
}

.reg a{
    float: left;
    color: #fff;
    display: block; 
}

.reg li{
    display: inline;
    text-align: center;
    text-decoration: none;
}

.reg a:hover{
    color: #E3E2DF;
    transition-property: background;
    transition-duration: 0.5s;
}

/*Форма Входа*/
.tml.tml-login{
    width: 200px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 20px;
    color: #fff;
    border-radius: 5px;
    background: #000;
    font-size: 13px;
    font-family: RobotoRegular, sans-serif;
}

label.tml-label{
    font-size: 12px;
}

input#user_login.tml-field{
     width: 200px;
     padding-left: 10px;
     font-size: 13px;
     height: 30px;
     border: 1px solid #000;
}

input#user_pass.tml-field{
     padding-left: 10px;
     font-size: 13px;
     height: 30px;
     border: 1px solid #000;
}

input#rememberme.tml-checkboks{
}

input.tml-button{
    background: #E3E2DF;
    border: 1px solid #000;
    color: #000;
    padding: 10px;
    font-size: 13px;
    cursor: pointer;
    border-radius: 5px;
}

input.tml-button:hover{
    background: #000;
    color: #fff;
    border: 1px solid #E3E2DF;
    transition-property: background;
    transition-duration: 0.5s;
}

li.tml-register-link{
    float: left;
    margin-left: 5px;
}

li.tml-register-link a{
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-family: RobotoRegular, sans-serif;
}

li.tml-lostpassword-link{
    float: left;
}

li.tml-lostpassword-link a{
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-family: RobotoRegular, sans-serif;
}

li.tml-register-link a:hover{
    color: #E3E2DF;
    transition-property: background;
    transition-duration: 0.5s;
}

li.tml-lostpassword-link a:hover{
    color: #E3E2DF;
    transition-property: background;
    transition-duration: 0.5s;
}

li.tml-lostpassword-link:before{
    content: '|';
    color: #fff;
    margin-right: 5px;
    margin-left: 5px;
    font-weight: bold;
}

ul.tml-links{
    padding-bottom: 10px;
}

button.tml-button{
	cursor: pointer;
}

/*Стилизация чекбоксов*/
input[type="checkbox" i] {
    display: none;
}

.tml-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 20px;
}

.tml-checkbox + label {
    position: relative;
    padding: 0 0 0 60px;
    cursor: pointer;
}

.tml-checkbox + label:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 50px;
    height: 26px;
    border-radius: 13px;
    background: #fff;
    /*box-shadow: inset 0 2px 3px rgba(0,0,0,.2);*/
    transition: .2s;
}

.tml-checkbox + label:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 2px;
    width: 22px;
    height: 22px;
    border-radius: 10px;
    background: #000;
    /*box-shadow: 0 2px 5px rgba(0,0,0,.3);*/
    transition: .2s;
}

.tml-checkbox:checked + label:before {
    background: #E3E2DF;
}

.tml-checkbox:checked + label:after {
    left: 26px;
}

.tml-checkbox:focus + label:before {
    /*box-shadow: inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba(255,255,0,.7);*/
}
/*Стилизация чекбоксов*/

/* Button Theme my login */
button.tml-button{
	background: #E3E2DF;
	color: #000;
	padding: 10px;
    border: 1px solid #E3E2DF;
}

button.tml-button:hover{
	background: #000;
	color: #fff;
    transition-property: background;
    transition-duration: 0.5s;
}
/* Button Theme my login */
/*Форма Входа*/

/*Форма Регистрации*/
.tml.tml-register{
    width: 200px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 20px;
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-family: RobotoRegular, sans-serif;
}

input#user_email.tml-field{
     width: 200px;
     padding-left: 10px;
     font-size: 13px;
     height: 30px;
     border: 1px solid #000;
}

p#reg_passmail{
    font-size: 12px;
}

li.tml-login-link a{
    float: left;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-family: RobotoRegular, sans-serif;
}

li.tml-login-link a:hover{
    color: #E3E2DF;
    transition-property: background;
    transition-duration: 0.5s;
}

input#pass1.tml-field{
    width: 200px;
    padding-left: 10px;
    font-size: 13px;
    height: 30px;
    border: 1px solid #000;
}

input#pass2.tml-field{
    width: 200px;
    padding-left: 10px;
    font-size: 13px;
    height: 30px;
    border: 1px solid #000;
}

.tml-field-wrap.tml-indicator_hint-wrap{
    width: 200px;
    display: none;
}

.g-recaptcha{
    margin-top: -23px;
    transform:scale(0.66); 
    transform-origin:0;
}

.tml-field-wrap.tml-submit-wrap{
}

.tml .tml-action-confirmaction .success, .tml .tml-error, .tml .tml-message, .tml .tml-success{
    font-size: 12px;
    font-family: RobotoRegular, sans-serif;
}

.tml-error{
    border-left: 4px solid #FB5252 !important;
}

.tml-message{
    border-left: 4px solid #E3E2DF !important;
}

.tml-message a{
    color: #E3E2DF;
}

.tml-message a:hover{
    color: #fff;
    transition-property: background;
    transition-duration: 0.5s;
}
/*Форма Регистрации*/

/*Забыли пароль?*/
.tml.tml-lostpassword{
    width: 200px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 20px;
    color: #fff;
    border-radius: 5px;
    background: #000;
    font-size: 13px;
    font-family: RobotoRegular, sans-serif;
}
/*Забыли пароль?*/

/*Задать пароль*/
.tml.tml-resetpass{
    width: 200px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 20px;
    color: #fff;
    border-radius: 5px;
    background: #000;
    font-size: 13px;
    font-family: RobotoRegular, sans-serif;
}
/*Задать пароль*/

/*Форма Напоминание*/
#theme-my-login.tml.tml-lostpassword{
    margin: 0 auto;
    margin-top: 40px;
    font-size: 13px;
}

input#pass1.input{
    width: 175px;
    height: 23px;  
    margin-bottom: 0px;
    border: 1px solid #000;
    padding-left: 5px;
}

input#pass2.input{
    width: 175px;
    height: 23px;  
    margin-bottom: 0px;
    border: 1px solid #000;
    padding-left: 5px;
}

input#wp-submit{

}

#pass-strength-result.hide-if-no-js.short{
    width: 200px;
    font-size: 12px;
    font-family: RobotoRegular, sans-serif;
    background: #FB5252;
    border: 1px solid  #FB5252;
    margin-top: -10px;
}

#pass-strength-result.hide-if-no-js.bad{
    width: 200px;
    font-size: 12px;
    font-family: RobotoRegular, sans-serif;
    background: #ff1493;
    border: 1px solid  #ff1493;
    margin-top: -10px;
}

#pass-strength-result.hide-if-no-js.good{
    width: 200px;
    font-size: 12px;
    font-family: RobotoRegular, sans-serif;
    background: #00ffff;
    border: 1px solid  #00ffff;
    margin-top: -10px;
}

#pass-strength-result.hide-if-no-js.strong{
    width: 200px;
    font-size: 12px;
    font-family: RobotoRegular, sans-serif;
    background: #E3E2DF;
    border: 1px solid  #E3E2DF;
    margin-top: -10px;
}

.tml-message a{
    color: #E3E2DF;
}
/*Форма Напоминание*/

/* Профиль Theme my login */
.tml-dashboard{
    margin-top: 10px;
    padding-left: 210px;
}

p.tml-dashboard-greeting{
    font-size: 13px;
    font-family: RobotoBold, sans-serif;
    color: #000;
}

ul.tml-dashboard-links li{
    margin-bottom: 20px;
}

ul.tml-dashboard-links li a{
    text-decoration: none;
    background: #000;
    color: #fff;
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 12px;
    font-family: RobotoReqular, sans-serif;
    border: 1px solid #000000;
}

ul.tml-dashboard-links li a:hover{
    background: #E3E2DF;
    color: #000000;
    transition-property: background;
    transition-duration: 0.5s;
}
/* Профиль Theme my login */

/* Theme my profil */
.reg-panel{
    background: #000;
    color: #E3E2DF;
    margin-bottom: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 13px;
    font-family: RobotoBold, sans-serif;
    padding: 5px;
}

.reg-panel a{
    color: #fff;
    line-height: 19px;
    text-decoration: none;
    font-size: 12px;
    font-family: RobotoReqular, sans-serif;
}

.reg-panel a:hover{
    color: #E3E2DF;
    transition-property: background;
    transition-duration: 0.5s;
}

.tml-user-avatar{
    margin-top: 4px;   
}
/* Theme my profil */

/* Site menu */
#menu{
    width: 995px;
    margin: 0 auto;
    height: 35px;
    margin-top: 5px;
    background: #000;
    color: #E3E2DF;
    white-space: nowrap;
}

#cont-menu{
    height: 35px;
    background: #000;
}

.home-menu{
    float: left;
    line-height: 35px;
    text-align: center;
    font-size: 13px;
    margin-left: 170px;
}

.home-menu a{
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 5px;
    float: left;
    color: #E3E2DF;
    display: block;
    text-decoration: none;
    background: #000;
    font-family: RobotoBold, sans-serif;
    border-right: 1px solid #000;
}

.home-menu a:hover{
    background: #E3E2DF;
    color: #000;
    transition-property: background;
    transition-duration: 0.5s;
}

.home-menu a.active{
    background: #E3E2DF;
    color: #000;
}

.main-menu li{
    line-height: 35px;
    display: inline;
    text-align: center;
    font-size: 13px;
}

.main-menu a{
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    color: #E3E2DF;
    display: block;  
    text-decoration: none;
    background: #000;
    font-family: RobotoReqular, sans-serif;
}

.main-menu a:hover{
    background: #E3E2DF;
    color: #000;
    transition-property: background;
    transition-duration: 0.5s;
}

#menu ul li.current-menu-item a{
	background: #E3E2DF;
    color: #000;
    border-right: 1px solid #000;
}

#nav ul li.current-menu-item a{
	background: #E3E2DF;
    color: #000;
}
/* Site search */
input:focus{
    outline:none;
}

.search-form{
    width: 250px;
    float: right;
    margin: 4px 0px 0px 0px;
    background: #000;
}

.search{
    width: 150px;
    height: 22px;
    float: left;
    padding-left: 5px;
    border: 1px solid #000;
    position: relative;
    font-size: 13px;
    background: #fff;
}

.find{
    width: 68px;
    height: 26px;
    background: #000;
    color: #fff;
    float: left;
    text-align: center;
    position: absolute;
    font-size: 13px;
    cursor: pointer;
    font-family: RobotoReqular, sans-serif;
    border: 1px solid #000;
}

.find:hover{
    background: #E3E2DF;
    color: #000;
    transition-property: background;
    transition-duration: 0.5s;
}

button.find{
    width: 75px;
    height: 26px;
    background: #000;
    color: #fff;
    float: left;
    text-align: center;
    position: absolute;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #000;
    font-family: RobotoReqular, sans-serif;
}

button.find:hover{
    background: #E3E2DF;
    color: #000;
    transition-property: background;
    transition-duration: 0.5s;
}

#call-forwarding{
    background: #fff;
    min-height: 600px;
    overflow: hidden;
    padding-top: 15px;
    font-size: 15px;
    text-align: center;
    color: #000;
}

#call-forwarding a{
    width: 150px;
    padding: 5px 10px;
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #000;
    font-size: 15px;
}

#call-forwarding a:hover{
    background: #E3E2DF;
    color: #000;
    transition-property: background;
    transition-duration: 0.5s;
}

/* Site Content */
#content{
    width: 100%;
    float: left;
}

#container{
    width: 100%;
    float: left;
    background: #dcdcdc;
}

#article{
    min-height: 600px;
    margin: 0px 265px;
    margin-right: 0px;
    color: #000;
    background: #fff;
    padding-bottom: 40000px;
    margin-bottom: -40000px;
}

#article-two{
    min-height: 600px;
    margin: 0px 265px;
    margin-right: 0px;
    color: #000;
    background: #fff;
    padding-bottom: 40000px;
    margin-bottom: -40000px;
}

#article-three{
    min-height: 600px;
    margin: 0px 265px;
    margin-right: 0px;
    color: #000;
    background: #fff;
    padding-bottom: 40000px;
    margin-bottom: -40000px;
}

#namegame{
    background: #fff;
    overflow: hidden;
    margin-top: 5px;
    color: #000;
    font-family: RobotoBold, sans-serif;
    padding-left: 10px;
}

#namegame h1{
    font-weight: 700;
    font-size: 13px;
}

#name-page{
    margin-top: 5px;
    line-height: 16px;
    padding: 5px 10px;
    background: #E3E2DF;
    color: #000;
    border: 1px solid #000;
    font-size: 14px;
    border-radius: 5px;
    font-family: Tahoma, sans-serif;
}

#page{
    font-size: 14px;
    line-height: 16px;
    font-family: Tahoma, sans-serif;
}

#page p{
    color: #000;
    font-size: 14px;
    font-family: Tahoma, sans-serif;
    padding-left: 20px;
}

#page p a{
    color: #000;
}

#page p a:hover{
    color: #66FCF1;
    text-decoration: none;
}

/*Ошибка 404*/
#page-error{
    background: #fff;
    min-height: 600px;
    text-align: center;
    padding-top: 150px;
    font-size: 35px;
    margin-bottom: 5px;
    color: #000;
    font-family: RobotoBold, sans-serif;
}

#error{
    font-size: 17px;
    font-family: RobotoReqular, sans-serif;
}

#button-error{
    margin-top: 50px;
    font-size: 18px;
    font-family: RobotoReqular, sans-serif;
}

#button-error a{
    width: 150px;
    padding: 10px 10px;
    background: #000;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #000;
    font-size: 18px;
    font-family: RobotoBold, sans-serif;
}

#button-error a:hover{
    background: #E3E2DF;
    color: #000;
    transition-property: background;
    transition-duration: 0.5s;
}
/*Категории название*/
#name{
    line-height: 16px;
    padding: 5px 10px;
    background: #E3E2DF;
    color: #000;
    margin-top: 5px;
    border: 1px solid #000;
    font-size: 14px;
    border-radius: 5px;
    overflow: hidden;
    font-family: RobotoReqular, sans-serif;
}

#name h1{
    margin: 0;
    font-weight: normal;
    font-size: 14px;
}

#name h2{
    margin: 0;
    font-weight: normal;
    font-size: 14px;
}

#name h3{
    margin: 0;
    font-weight: normal;
    font-size: 14px;
}

span#namesearch{
    font-size: 13px;
}

#name p{
    margin: 0;
    padding: 0;
}

#name-cat{
    line-height: 16px;
    padding: 5px 15px;
    background: #E3E2DF;
    color: #000;
    border: 1px solid #000;
    font-size: 13px;
    border-radius: 5px;
    overflow: hidden;
}

#name-cat a{
    color: #000;
}

#emptypage{
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    background: #fff;
    color: #000;
    font-size: 13px;
    font-family: RobotoReqular, sans-serif;
}
/*Содержимое контента*/
#news{
    float: left;
    margin-bottom: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
    margin-top: 5px;
    margin-left: 5px;
}

#titleNews{
    width: 166px;
    line-height: 14px;
    padding: 5px;
    background: #000;
}

span#title-news{
    display: block;
}

span#title-news a{
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-family: RobotoBold, sans-serif;
    white-space: nowrap;
}

span#title-news a:hover{
    color: #66FCF1;
}

span#title-news h2{
    margin: 0;
    font-family: RobotoBold, sans-serif;
    font-weight: normal;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}

#block-img{
    width: 176px;
    height: 264px;
    float: left;
    margin: 0 auto;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
}

#block-img img{
    width: 176px;
    height: 264px;
    float: left;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
}

#block-img a:hover{
    width: 176px;
    height: 264px;
    filter: brightness(70%);
    transition: all .5s;
}

#block-text{
    background: #000;
    color: #fff;
    font-family: RobotoReqular, sans-serif;
    font-size: 12px;
    margin-top: 5px;
    padding: 5px;
}

span.color{
    font-family: RobotoBold, sans-serif;
    font-size: 12px;
    color: #D3D3D3;
}

#button-price{
    margin-top: 5px;
    color: #fff;
    text-align: center;
}

span#cena{
    background: #000;
    padding: 5px;
    color: #fff;
    font-family: RobotoBold, sans-serif;
    font-size: 12px;
    display: inline-flex;
}

#button-price a{
    background: #000;
    margin-left: 5px;
    padding: 5px;
    color: #fff;
    font-family: RobotoBold, sans-serif;
    font-size: 12px;
    text-decoration: none;
    display: inline-flex;
}

#button-price a:hover{
    background: #E3E2DF;
    color: #000;
    transition-property: background;
    transition-duration: 0.5s;
}

/*Жанры к фильму*/
#morePrev{
    float: left;
    margin-bottom: 10px;
    font-size: 13px;
    font-family: ComfortaaBold, sans-serif;
    overflow-wrap: break-word;
}

#prevNews{
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px;
    color: #000;
}

#prevNews p{
    margin: 0;
    padding: 0;
}

#prevNews a{
    color: #000;
}

#prevNews a:hover{
    color: #111;
    text-decoration: none;
}

#Newsprev{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    color: #000;
}

#Newsprev p{
    margin: 0;
    padding: 0;
}

span.colorbg{
    color: #000;
    font-size: 14px;
    font-family: RobotoBold, sans-serif;
}
/*Жанры к фильму*/

/*Для сериала*/
.descr-img{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #E3E2DF;
    color: #000;
    text-align: center;
    overflow: hidden;
    margin-bottom: 5px;
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

span.description{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: RobotoRegular, sans-serif;
    text-align: center;
}

/*Подробнее*/
#more{
    margin-top: 5px;
    margin-bottom: 5px;
    background: #fff;
    color: #000;
}

#titleMore{
    padding: 10px;
    margin-bottom: 5px;
    background: #000;
    border-top-left-radius: 15px;
}

span#title-more{
    display: block;
    font-size: 13px;
    padding-left: 0px;
    color: #fff;
}

span#title-more h1{
    margin: 0;
    font-family: RobotoBold, sans-serif;
    font-weight: normal;
    font-size: 13px;
}

#more-img img{
    width: 176px;
    height: 264px;
    float: left;
    margin: 0 auto;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    overflow: hidden;
}

#more-img a:hover{
    width: 176px;
    height: 264px;
    filter: brightness(70%);
    transition: all .5s;
}

#block-more{
    font-size: 12px;
    min-height: 600px;
    font-family: RobotoReqular, sans-serif;
    font-weight: normal;
    padding-bottom: 1px;
}

#more-text{
    padding-left: 10px;
    padding-right: 10px;
    line-height: 18px;
    color: #000;
    font-size: 13px;
    min-height: 226px;
    font-family: ComfortaaBold, sans-serif;
}

#more-text p{
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

#priceshop{
    margin-top: 10px;
    margin-bottom: 15px;
}

span#cena-more{
    background: #000;
    padding: 10px;
    color: #fff;
    font-family: RobotoBold, sans-serif;
    font-size: 12px;
}

#priceshop a{
    background: #000;
    padding: 10px;
    color: #fff;
    font-family: RobotoBold, sans-serif;
    font-size: 12px;
    text-decoration: none;
}

#priceshop a:hover{
    background: #E3E2DF;
    color: #000;
    transition-property: background;
    transition-duration: 0.5s;
}

#licencekey{
    background: #000;
    padding: 10px;
    float: left;
    color: #fff;
    font-family: RobotoBold, sans-serif;
    font-size: 12px;
    margin-right: 5px;
    margin-top: -2px;
}

span.menu-item-count{
    margin-left: 10px;
    font-size: 12px;
    font-family: RobotoReqular, sans-serif;
}

#notavailable{
    float: right;
    margin-top: -7px;
    margin-right: 50px;
    font-size: 14px;
    font-family: RobotoBold, sans-serif;
    color: #fff;
    background: #000;
    width: 120px;
    line-height: 35px;
    text-align: center;
}

#description2{
    background: #000;
    color: #fff;
    margin-top: 5px;
    border-radius: 10px;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 18px;
    font-size: 13px;
    line-height: 18px;
    font-family: ComfortaaBold, sans-serif;
}

#description2 p{
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}
/*Иконки*/
#icon1{
    content: url(../img/publishing.png);
    width: 16px;
    height: 16px;
    float: left;
    margin-top: -2px;
    margin-right: 5px;
}

#icon2{
    content: url(../img/programmer.png);
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

#icon3{
    content: url(../img/swords.png);
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

#icon4{
    content: url(../img/monitor.png);
    width: 16px;
    height: 16px;
    float: left;
    margin-top: -1px;
    margin-right: 5px;
}

#icon5{
    content: url(../img/language.png);
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

#icon6{
    content: url(../img/calendar.png);
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

#icon7{
    content: url(../img/steam.png);
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

#icon8{
    content: url(../img/origin.png);
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

#icon9{
    content: url(../img/uplay.png);
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

#icon10{
    content: url(../img/activation.png);
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}

#icon11{
    content: url(../img/world-map.png);
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 5px;
}
/*Иконки*/

/*Tabs*/
.tabs {
    font-size: 12px;
}

.tabs>input[type="radio"] {
    display: none;
}

.tabs>input[type="radio"]:checked+label {
    background-color: #000;
    color: #fff;
    transition-property: background;
    transition-duration: 0.5s;
}

.tabs>div {
    /* скрыть контент по умолчанию */
    display: none;
    background: #000;
    color: #fff;
    height: 400px; 
    overflow: hidden;
}

/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3{
    display: block; 
}

.tabs>label {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: #000;
    font-size: 13px;
    /*cursor: pointer;*/
    padding-top: 6px;
    padding-bottom: 6px;
    position: relative;
    color: #fff;
    font-family: RobotoReqular, sans-serif;
}

span.tab{
    padding-left: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 0px;
    padding: 2px 8px;
}

.tabs>label:hover{
    background: #000;
    color: #fff;
}

.tabs>label:first-of-type {
    margin-left: 0;
}

.recom{
    margin-top: 5px;
}
/*Tabs*/

.doesnotwork{
    margin-right: 5px;
    float: right;
}

.doesnotwork button{
    color: #000;
    font-size: 12px;
    background: #fff;
    font-family: RobotoRegular, sans-serif;
    text-decoration: underline;
    border: none;
}

.doesnotwork button:hover{
    color: #111;
    transition-property: background;
    transition-duration: 0.5s;
}

.pum-content.popmake-content p{
    font-size: 12px;
    font-family: RobotoRegular, sans-serif;
}

/*Галерея*/
.tabop{
    margin-bottom: -5px;
}

.contPrev{
    height: 290px;
}

.gallery-box{
    margin-top: 10px;
    overflow: hidden;
    color: #fff;
    float: left;
    margin-bottom: 10px;
}

.gallerybl{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: rgba(0,0,0,.4);
    padding-top: 140px;
    text-align: center;
    opacity: 0;
    transition: all .5s;
    overflow: hidden;
}

.gallery-img img{
    width: 360px;
    height: 202px;
    display: table-row;
    overflow: hidden;
}

.gallery-img{
    height: 202px;
    position: relative;
    overflow: hidden;
    display: table-cell;
    border-right: 5px solid #fff;
    overflow: hidden;
    margin-top: 5px;
    float: left;
}

.gallery-img a:hover .gallerybl{
    opacity: 0;
}

.gallery-img a .gallerybl{
    opacity: 1;
}
/*Галерея*/

#sistem{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    line-height: 18px;
    color: #000;
    font-size: 13px;
    line-height: 17px;
    font-family: RobotoBold, sans-serif;
}

/*Купить игру*/
#storegame{
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: center;
}

span#cena-mores{
    background: #000;
    padding: 15px;
    color: #fff;
    font-family: RobotoBold, sans-serif;
    font-size: 12px;
    margin-right: 5px;
}

#storegame a{
    background: #000;
    padding: 15px;
    color: #fff;
    font-family: RobotoBold, sans-serif;
    font-size: 12px;
    text-decoration: none;
}

#storegame a:hover{
    background: #E3E2DF;
    color: #000;
    transition-property: background;
    transition-duration: 0.5s;
}
/*Купить игру*/

/*Дата добавления*/
span.date-text{
    margin-left: 10px;
    float: left;
    margin-top: 4px;
    font-size: 11px;
    color: #000;
    font-family: RobotoReqular, sans-serif;
}

span.comment-text{
    margin-left: 10px;
    margin-right: 20px;
    float: left;
    margin-top: 10px;
    font-size: 11px;
    color: #000;
    font-family: RobotoReqular, sans-serif;
}

i.fa-comment{
    font-size: 12px;
    color: #000;
    cursor: default;
}

span.amount_comment{
    margin-left: 10px;
    line-height: 40px;
    font-size: 12px;
    font-family: RobotoBold, sans-serif;
    border: 1px solid #000;
    padding: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*Форма комментраии*/
#respond{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border: 1px solid #000;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#reply-title{
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: -10px;
    padding: 0;
    font-weight: 700;
    font-size: 13px;
    font-family: RobotoBold, sans-serif;
}

#reply-title small a{
    font-size: 13px;
    margin-left: 10px;
    color: #000;
    font-weight: 700;
    font-family: RobotoBold, sans-serif;
}

#reply-title small a:hover{
    color: #FF0000;
}

p.logged-in-as a{
    margin-left: 10px;
    font-size: 11px;
    padding-top: -10px;
    color: #000;
    text-decoration: none;
}

p.logged-in-as{
    margin-left: 10px;
    font-size: 11px;
    padding-top: 10px;
}

p.logged-in-as a:hover{
    color: #111;
}

.comment-form-comment label{
    position: absolute;
    margin-left: 10px;
    margin-top: -4px;
}

textarea#comment{
    min-width: 683px;
    max-width: 683px;
    min-height: 200px;
    max-height: 300px;
    margin-top: 16px;
    margin-left: 10px;
}

input#submit{
    margin-left: 10px;
    background: #000;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    border: 1px solid #fff;
    cursor: pointer;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

input#submit:hover{
    color: #000;
    background: #E3E2DF;
    transition-property: background;
    transition: 0.5s;
    cursor: pointer;
    border: 1px solid #000;
}

p.must-log-in{
    margin-left: 10px;
    font-size: 11px;
}

p.must-log-in a{
    color: #000;
}

p.must-log-in a:hover{
    color: #111;
}

/*Комментарии*/
.comment-body{
    border: 1px solid #000;
    margin: 10px 10px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    position: relative;
    padding-bottom: 9px;
}

.comment-body p{
    margin-left: 70px;
    margin-right: 5px;
    font-size: 12px;
    line-height: 16px;
    font-family: RobotoReqular, sans-serif;
}

.commentlist{
    list-style: none;
}

.children{
    list-style: none;
    margin-left: 30px;
}

.comment-author img{
    padding: 5px;
    float: left;
    margin-right: 5px;
}

.comment-meta{
    padding: 0;
    margin-bottom: 10px;
}

.comment-meta a{
    margin: 5px;
    color: #000;
    font-size: 12px;
    margin-top: 5px;
    text-decoration: none;
}

.fn{
    color: #000;
    font-family: RobotoBold, sans-serif;
    font-style: normal;
    font-size: 12px;
    float: left;
}

.fn a{
    color: #000;
}

.reply{
    position: absolute;
    right: 0px;
    top: 0;
    margin-right: 10px;
}

.reply a{
    color: #4F4F4F;
    font-size: 15px;
    font-family: RobotoBold, sans-serif;
}

.reply a:hover{
    color: #000;
}

#comments{
    margin-top: -17px;
    padding: 0;
    margin-left: 10px;
    float: left;
    font-size: 13px;
    font-family: RobotoBold, sans-serif;
    font-weight: 700;
}

/*Пагинация комментариев*/
.navigation1{
    text-align: center;
    font-size: 11px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-decoration: none;
}

.navigation1 a{
    text-decoration: none;
    padding: 6px 12px;
    background: #000;
    color: #FFFFF0;
    border-radius: 5px;
    border: 1px solid #000000;
}

.navigation1 a:hover{
    background: #E3E2DF;
    color: #000000;
    transition-property: background;
    transition-duration: 0.5s;
}

.navigation1 span.current{
    background: #000000;
    color: #FFFFF0;
    border: 1px solid #000000;
    padding: 6px 12px;
    border-radius: 5px;
    border: 1px solid #000000;
}

.navigation1 span.current:hover{
    background: #E3E2DF;
    color: #000000;
    transition-property: background;
    transition-duration: 0.5s;
}

span.page-numbers.current{
    background: #E3E2DF;
    color: #000000;
    transition-property: background;
    transition-duration: 0.5s;
}

.navigation1 span.dots{
    border: none;
}

/*Пагинация*/
#pagination{
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    float: left;
    margin-left: 27%;
}

#pagination span.current{
    background: #E3E2DF;
    color: #1C1C1C;
    padding: 6px 12px;
    border-radius: 5px;
    border: 1px solid #000000;
}

#pagination a{
    background: #000000;
    color: #fff;
    border: 1px solid #000000;
    padding: 6px 12px;
    border-radius: 5px;
    text-decoration: none;
}

#pagination a:hover{
    background: #E3E2DF;
    color: #000000;
    transition-property: background;
    transition-duration: 0.5s;
}

#pagination span.dots{
    border: none;
}

/*Левый сайтдбар*/
#nav{
    width: 260px;
    float: left;
    margin: 0 0 0 -100%;
    background: #fff;
    padding-bottom: 40000px;
    margin-bottom: -40000px;
    overflow: hidden;
    margin-top: 5px;
}

.nav-list i{
    margin: 0;
    line-height: 36px;
    text-align: center;
    font-size: 13px;
    background: #000;
    color: #E3E2DF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-style: normal;
    display: block;
    font-family: RobotoReqular, sans-serif;
}

.nav-list{
    line-height: 25px;
    background: #000;
    white-space: nowrap;
    margin-bottom: 10px;
    padding-top: 5px;
}

.nav-list a{
    display: block;
    padding-left: 10px;
    text-decoration: none;
    color: #E3E2DF;
    font-size: 13px;
    font-family: RobotoReqular, sans-serif;
    background: #000;
    margin-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.nav-list li:before{
    content: url(../img/game-folder-white.png);
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.nav-list li:hover:before{
    content: url(../img/game-folder-black.png); 
}

.nav-list a:hover{
    background: #E3E2DF;
    color: #000;
    transition-property: background;
    transition-duration: 0.5s;
}

/*UItoTop jQuery Plugin 1.2*/
#toTop {
    display:none;
    text-decoration:none;
    position:fixed;
    bottom:50px;
    right:50px;
    overflow:hidden;
    width:51px;
    height:51px;
    border:none;
    text-indent:100%;
    background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
    background:url(../img/ui.totop.png) no-repeat left -51px;
    width:51px;
    height:51px;
    display:block;
    overflow:hidden;
    float:left;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
    outline:none;
}
/*UItoTop jQuery Plugin 1.2*/

/* Подвал */
#footer{
	height: 200px;
	clear: both;
	background: #000000;
    margin-top: 5px;
}

#foot-line{
    height: 200px;
	clear: both;
	background: #000000;
	color: #fff;
}

#uni img{
    width: 200px;
    height: 200px;
    float: left;
    margin-top: 0px;
}

.copyright{
    color: #fff;
    text-align: right;
    padding-top: 150px;
    margin-right: 40px;
    font-size: 11px;
    font-family: RobotoRegular, sans-serif;
    float: right;
}

.copyright a{
    color: #E3E2DF;
    text-decoration: none;
    font-size: 11px;
    font-family: RobotoRegular, sans-serif;
}

.copyright a:hover{
    color: #FFFFF0;
}