body {
    background: url('../images/blue-texture-bg.png') #D9E1E6;
    color:#333;
    
    
}
a, a:active, a:hover{
    color: #2d72d9;
    text-decoration:none;
    border-bottom: #2d72d9 1px dotted;
}
a:hover{
    border-bottom: #2d72d9 1px solid;
}

.btn-primary {
    color: #fff;
    border-color: transparent !important;
    background: #ff253a;
    background: -moz-linear-gradient(-45deg, #ff253a 0%, #ff8453 100%);
    background: -webkit-linear-gradient(-45deg, #ff253a 0%,#ff8453 100%);
    background: linear-gradient(135deg, #ff253a 0%,#ff8453 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff253a', endColorstr='#ff8453',GradientType=1 );
}

/*input.form-control:focus,
textarea.form-control:focus,*/
.btn-primary:focus,
.btn-primary.focus{
    -webkit-box-shadow: 0 0 0 .2rem rgba(255,37,58,0.5) !important;
       -moz-box-shadow: 0 0 0 .2rem rgba(255,37,58,0.5) !important;
            box-shadow: 0 0 0 .2rem rgba(255,37,58,0.5) !important;
}
input.form-control:focus,
textarea.form-control:focus{
    border-color: #fff;
    /*-webkit-box-shadow: 0 0 0 .2rem rgba(255,37,58,0.5) !important;
       -moz-box-shadow: 0 0 0 .2rem rgba(255,37,58,0.5) !important;
            box-shadow: 0 0 0 .2rem #ff8453 !important;*/
}

.custom-control-input:checked~.custom-control-label::before,
.nim_dialogues_buttons a.nim_dialogues_button .count_new,
.navbar .navbar-nav .nav-link .count_new,
.nim_dialogues_buttons a.nim_dialogues_button.active,
.nim_dialog .media.nim_dialog_current {
    border-color: transparent !important;
    background: #ff253a;
    background: -moz-linear-gradient(-45deg, #ff253a 0%, #ff8453 100%);
    background: -webkit-linear-gradient(-45deg, #ff253a 0%,#ff8453 100%);
    background: linear-gradient(135deg, #ff253a 0%,#ff8453 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff253a', endColorstr='#ff8453',GradientType=1 );
}

.nim_dialogues_buttons a.nim_dialogues_button {
    border-color: #ff253a;
    color: #ff253a;
}

.small_logo_title{
    color:#fff;
}

.box{
    border-top: none;
    -webkit-border-radius: 8px;
     -khtml-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}
/*.box:before{
    content: ' ';
    display:block;
    padding:0;
    margin:0;
    width:100%;
    height:4px;
    border-color: transparent !important;
    background: #ff253a;
    background: -moz-linear-gradient(-45deg, #ff253a 0%, #ff8453 100%);
    background: -webkit-linear-gradient(-45deg, #ff253a 0%,#ff8453 100%);
    background: linear-gradient(135deg, #ff253a 0%,#ff8453 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff253a', endColorstr='#ff8453',GradientType=1 );
    -webkit-border-radius: 3px 3px 0 0;
     -khtml-border-radius: 3px 3px 0 0;
       -moz-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
}*/
.box .box_header h3 i,
.box .box_header h4 i {
    display:none;
}
.box .box_header h3:before,
.box .box_header h4:before {
    /*content: '\f11b';
    font-family: 'FontAwesome';
    margin-right:7px;
    font-size: 14px;*/
}
.box .box_header h3,
.box .box_header h4 {
    /*color: #ff253a;*/
}

.left_column_mask{
    background: #4d505e;
    
    /*background: #ff516b;
    background: -moz-linear-gradient(-45deg, #826cfd 0%, #ff516b 100%);
    background: -webkit-linear-gradient(-45deg, #826cfd 0%, #ff516b 100%);
    background: linear-gradient(135deg, #826cfd 0%, #ff516b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#826cfd', endColorstr='#ff516b',GradientType=1 );*/
    
    /*background: #ff516b;
    background: -moz-linear-gradient(-45deg, #ff516b 0%, #826cfd 100%);
    background: -webkit-linear-gradient(-45deg, #ff516b 0%,#826cfd 100%);
    background: linear-gradient(135deg, #ff516b 0%,#826cfd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff516b', endColorstr='#826cfd',GradientType=1 );*/
}
.sidenav {
    /*background: #ff516b;
    background: -moz-linear-gradient(-45deg, #ff516b 0%, #826cfd 100%);
    background: -webkit-linear-gradient(-45deg, #ff516b 0%,#826cfd 100%);
    background: linear-gradient(135deg, #ff516b 0%,#826cfd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff516b', endColorstr='#826cfd',GradientType=1 );
    */
    
    background: none;
}
.sidenav .nav-item a.nav-link {
    color:#eee !important;
}
.sidenav .nav-item a.nav-link:hover {
    background-color: rgba(255, 255, 255, 0.05); 
}
.sidenav .nav-item.active a.nav-link{
    background-color: rgba(255, 255, 255, 0.1); 
}
.sidenav .nav-item a.nav-link[aria-expanded="true"] {
    color: #ff253a !important;
    background: #fff;
}
.sidenav .nav-item a.nav-link[aria-expanded="true"]:after {
    color: #ff253a !important;
}
.nav-second-level {
    background: #fff;
    border-right: 1px solid #fff;
    color: #666;
}
.sidenav .nav-item .nav-second-level a.nav-link {
    color: #666 !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background: #4d505e;
}
.list-group{
    background: #4d505e;
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.list-group a.list-group-item,
.list-group a.list-group-item:not([href]) {
    background: #4d505e;
    border:none;
}
.list-group a.list-group-item:hover,
.list-group a.list-group-item:not([href]):hover {
    background: rgba(255, 255, 255, 0.05); 
}
.list-group a.list-group-item.active,
.list-group a.list-group-item.active:not([href]) {
    background: rgba(255, 255, 255, 0.1);
}
.list-group a.list-group-item.list_slider[aria-expanded="true"]{
    color:#4d505e !important;
    background: #fff;
    border:none;
}
.list_slider_level{
    background: #fff;
    border:none;
}
.list_slider_level a{
    color: #4d505e;
}
/******************/
ul.games,
ul.games li{
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    border: 0;
    overflow:hidden;
}
ul.games{
    margin:-10px;
}
ul.games li{
    float:left;
    /*width:12%;
    width:12.5%;*/
    width:16%;
    width:16.66%;
    line-height:100%;
    /*/background:#f00;*/
}
ul.games li .games_content{
    position:relative;
    padding:0;
    overflow:hidden;
    /*background:#f00;*/
}
ul.games li a{
    display:block;
    background:#fff;
    padding:5px;
    margin:10px;
    position:relative;
    text-decoration:none;
    border: 1px solid #d3e0e9;
    border-top: 3px solid var(--theme-co);
    -webkit-border-radius: 6px;
     -khtml-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    -webkit-transition: margin 100ms linear; 
       -moz-transition: margin 100ms linear; 
         -o-transition: margin 100ms linear; 
            transition: margin 100ms linear;
}
ul.games li:hover a{
    margin:5px 10px 15px 10px;
    margin:0;
}
ul.games li .games_photo{
    position:relative;
    overflow:hidden;
}
ul.games li .games_photo_content{
    position:relative;
    height: 0;
    padding: 0;
    padding-bottom: 100%;
}
ul.games li .games_photo_content img {
    display: block;
    border:none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0; top: 0; right: 0;
    width: 100%;
    height: auto;
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
ul.games li .games_name{
    margin:10px 0 5px 0;
    color: var(--theme-co);
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 14px;
    height:16px;
    line-height:16px;
}
ul.games li a .games_promoution{
    line-height:100%;
    position:absolute;
    top:-8px; left:-8px;
    width:35px;
    height:35px;
    background: url('../images/tag-promotion.png') no-repeat 50% 50%;
}
ul.games li a .games_price{
    position:absolute;
    top:10px; right:0;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    padding:0 15px;
    background: url('../images/bg/mv_bg.png');
    background: rgba(0, 0, 0, 0.90);
    background:var(--theme-co);
    /*border:1px solid #fff;
    border-right:none;*/
    -webkit-box-shadow: 0px 1px 8px rgba(255, 255, 255, 0.55);
       -moz-box-shadow: 0px 1px 8px rgba(255, 255, 255, 0.55);
            box-shadow: 0px 1px 8px rgba(255, 255, 255, 0.55);
    -webkit-border-radius: 4px 0 0 4px;
     -khtml-border-radius: 4px 0 0 4px;
       -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
    -webkit-transition: all 100ms linear; 
       -moz-transition: all 100ms linear; 
         -o-transition: all 100ms linear; 
            transition: all 100ms linear;
    font-size: 14px;
    height:26px;
    line-height:26px;
    margin:0 -100px 0 0;
}
ul.games li a:hover .games_price{
    margin:0;
}
/******************/
.game_face_photo{
    position:relative;
    overflow:hidden;
    padding:5px
}
.game_face_photo img {
    display: block;
    border:none;
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    height: auto;
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.game_name{
    margin:0;
    padding:20px 20px;
    color: var(--theme-co);
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height:20px;
    border-bottom:1px solid #d3e0e9;
}
.game_name .game_price{
    float:right;
    color:#fff;
    margin:-5px 0 0 0;
    padding:0 15px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 16px;
    height:30px;
    line-height:30px;
    overflow:hidden;
    -webkit-border-radius: 15px;
     -khtml-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    border-color: transparent !important;
    background: #ff253a;
    background: -moz-linear-gradient(-45deg, #ff253a 0%, #ff8453 100%);
    background: -webkit-linear-gradient(-45deg, #ff253a 0%,#ff8453 100%);
    background: linear-gradient(135deg, #ff253a 0%,#ff8453 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff253a', endColorstr='#ff8453',GradientType=1 );
}
.game_name .game_price .game_old_price{
    float:left;
    margin:0 10px 0 0;
    padding:0 5px;
    font-size: 14px;
    font-weight: 300;
    position:relative;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.game_name .game_price .game_old_price:after{
    content:' ';
    position:absolute;
    left:0; right:0; top:50%;
    height:1px;
    width:100%;
    background:#f00;
    
    -webkit-transform: rotate(-15deg); /* Для Safari, Chrome, iOS */
       -moz-transform: rotate(-15deg); /* Для Firefox */
        -ms-transform: rotate(-15deg); /* Для IE */
         -o-transform: rotate(-15deg); /* Для Opera */
            transform: rotate(-15deg);
}
.game_carousel{
    margin:-1px 0 0 0;
}

.game_datas{
    margin:-10px 0;
}
.game_datas .game_data_item{
    height:24px;
    line-height:24px;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 16px;
}
/******************/
.order_form{
    background: #f7f7f7;
    padding: 10px 20px;
    margin: -1px 0 0 0;
    overflow: hidden;
    border-top: 1px solid #d3e0e9;
    border-bottom: 1px solid #d3e0e9;
}

ul.game_orders,
ul.game_orders li{
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    border: 0;
    overflow:hidden;
}
ul.game_orders{
    margin:-10px;
}
ul.game_orders li{
    float:left;
    width:33%;
    width:33.333%;
    width:50%;
    width:100%;
    line-height:100%;
}
ul.game_orders li .game_order{
    margin:5px 10px;
    padding:0;
    border: 1px solid #d3e0e9;
}
ul.game_orders li .game_order.game_order_archive{
    background:#f7f7f7;
}
ul.game_orders li .game_order .game_order_title{
    font-family: 'Oswald', sans-serif;
    font-weight:400;
    margin:0;
    padding:5px 20px;
    /*text-transform:uppercase;*/
    background:#f7f7f7;
    border-bottom: 1px solid #d3e0e9;
}
ul.game_orders li .game_order .game_order_body{
    padding:3px 20px;
}
ul.game_orders li .game_order .game_order_row{
    height: 16px;
    line-height: 16px;
    overflow:hidden;
    font-family: 'Oswald', sans-serif;
    font-weight:300;
    margin:12px 0;
    padding:0;
}
ul.game_orders li .game_order_buttons{
    float: right;
    margin: 0;
    height: 16px;
    line-height: 16px;
    overflow:hidden;
}
ul.game_orders li .game_order_buttons a.game_order_button{
    /*display: block;*/
    width: 14px;
    height: 14px;
    line-height: 16px;
    font-size: 14px;
    overflow:hidden;
    /*float: left;*/
    margin: 0 0 0 8px;
    text-decoration:none;
}
ul.game_orders li .game_order_buttons a{
    color: #2d72d9 !important;
    height: 16px;
    line-height: 16px;
}

.order_form_button{
    float:right;
    width:100px;
}
.order_form_content{
    margin:0 120px 0 0;
}
/******************/
.small_logo{
    display:none;
}
.big_logo{
    display:none;
}
.big_logo_title{
    margin:20px 0 0 0;
}

@media screen and (max-width: 1440px) {
    ul.games li{
        width:16%;
        width:16.66%;
        /*width:20%;*/
    }
}
@media screen and (max-width: 1300px) {
    ul.games li{
        width:20%;
    }
}
@media screen and (max-width: 992px) {
    ul.games li{
        width:25%;
    }
    ul.game_orders li{
        width:50%;
        width:100%;
    }
}
@media screen and (max-width: 768px) {
    a.logo{
        display:none;
    }
    .top_search_form{
        display:none;
    }
    
    ul.games li{
        width:33%;
        width:33.333%;
    }
}
@media screen and (max-width: 576px) {
    ul.games li{
        width:50%;
    }
    ul.game_orders li{
        width:100%;
    }
}
/******************/