/*
*******************************************
*******************************************

Template Name: Faf | Gaming HTML Template
Template URL: https://themescare.com/demos/faf
Description: 
Author: Themescarefag
Author URL: https://themeforest.net/user/themescare
Version: 1.0

* This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

This files contents are outlined below >>>>

*** SEARCH EACH SECTION AS IT COMMENTS, YOU WILL GET THE RIGHT SECTION.

*******************************************
*******************************************

==== CSS INDEX

01 - IMPORTED CSS
02 - DEFAULT CSS
03 - PAGINATION CSS
04 - BREADCRUMB CSS
05 - HEADER CSS
06 - SLIDER CSS
07 - VIDEO AREA CSS
08 - GAMES AREA CSS
09 - MATCH AREA CSS
10 - PROMO AREA CSS
11 - TEAM AREA CSS
12 - PREORDER AREA CSS
13 - BLOG AREA CSS
14 - FOOTER AREA CSS
15 - ABOUT PAGE CSS
16 - SIDEBAR CSS
17 - GAMES DETAILS CSS
18 - MATCH LIST CSS
19 - MATCH DETAILS CSS
20 - 404 PAGE CSS
21 - LOGIN PAGE CSS
22 - BLOG DETAILS PAGE CSS
23 - PRODUCT PAGE CSS
24 - PRODUCT DETAILS CSS
25 - CART PAGE CSS
26 - CHECKOUT PAGE CSS
27 - CONTACT PAGE CSS
*/


/*================================================
01 - IMPORTED CSS
==================================================*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i');

/*================================================
02 - DEFAULT CSS
==================================================*/

html {
    overflow-y: scroll !important;
    scrollbar-color: #e921ff #0f0b12;
    scrollbar-width: thin;
    overflow-x: hidden
}

body::-webkit-scrollbar {
    width: 8px
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

body::-webkit-scrollbar-thumb {
    background-color: #cf7ae5;
    outline: #cf7ae5 solid 1px;
    box-shadow: 0 0 45px 30px #71028d;
}

body {
    
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    color: #c4c4c4;
    line-height: 1.6em;
    font-weight: 400;
    background: url(/images/bg.jpg) top center no-repeat #000;
    background-size: cover;
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    letter-spacing: 0.75px;

}



body.ps {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    color: #c4c4c4;
    line-height: 1.6em;
    font-weight: 400;
    background: url(/images/bg_ps.jpg) top center no-repeat #000;
    background-size: cover;
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    letter-spacing: 0.75px;

}


body.ban {
font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    color: #c4c4c4;
    line-height: 1.6em;
    font-weight: 400;
 background:url(/images/bg_ban.jpg);
 background-size: cover;
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    letter-spacing: 0.75px;

}


html,
body {
    height: 100%;
}



img {
    max-width: 100%;
    height: auto
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.no-pad-left {
    padding-left: 0
}

.no-pad-right {
    padding-right: 0
}

.no-pad-all {
    padding: 0
}

.fix {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700
}

a {
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #cd95ff;
}

a:focus {
    text-decoration: none;
    outline: medium none;
    color: inherit
}

a:hover {
   
    color: inherit;
    text-decoration: none;
    color: inherit
}

input:focus,
textarea:focus,
button:focus,
select:focus {
    outline: medium none;

}

select {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    -ms-appearance: auto;
    appearance: auto;
}

:-moz-placeholder {
    color: #7c8a97;
}

::-moz-placeholder {
    color: #7c8a97;
}

:-ms-input-placeholder {
    color: #7c8a97;
}

::-webkit-input-placeholder {
    color: #7c8a97;
}

:-ms-select-placeholder {
    color: #7c8a97;
}

::-webkit-select-placeholder {
    color: #7c8a97;
}

:-ms-textarea-placeholder {
    color: #7c8a97;
}

::-webkit-textarea-placeholder {
    color: #7c8a97;
}

tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;

    padding: 5px;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

.fag-btn-outline {
    padding: 10px 20px;
    border: 2px solid #FFF;
    font-size: 20px;
    color: #FFF;
    text-transform: uppercase;
    line-height: 25px;
    font-family: 'Roboto Condensed', sans-serif;
    display: inline-block;
    font-weight: 600
}

.fag-btn-outline:hover {
    background: #107c10;
    border-color: #107c10;
    color: #fff;
}

.fag-btn {
    padding: 10px 20px;
    border: 2px solid #3d0a4a;
    background:#107c10 none repeat scroll 0 0;
    font-size: 20px;
    color: #FFF;
    text-transform: uppercase;
    line-height: 25px;
    font-family: 'Roboto Condensed', sans-serif;
    display: inline-block;
    font-weight: 600
}

.fag-btn:hover {
    background: transparent;
    border-color: #40068f;
    color: #fff;
}

.site-heading {
    position: relative;
    padding-bottom: 5px;
    text-align: center;
    width: 70%;
    margin: 0 auto 30px;
}

.site-heading h2 {
    text-transform: uppercase;
    font-size: 60px;
    line-height: 45px;
    margin-bottom: 30px;
    font-weight: 700;
    display: block;
    color: #fff;
    letter-spacing: 0.03em;
    position: relative;
    padding-bottom: 5px;
    -webkit-transition: all 850ms ease;
    transition: all 850ms ease
}

.site-heading h2:after {
    position: absolute;
    content: "";
    width: 0px;
    border-color: #107c10 transparent !important;
    margin: 10px 0;
    border-style: solid !important;
    border-width: 4px 7px 0px 7px !important;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    -webkit-transition: all 850ms ease;
    transition: all 850ms ease
}

.site-heading h2.extend:after {
    width: 20%
}

.site-heading h2 span {
    color: #107c10
}

.site-heading p {
    font-size: 18px;
    line-height: 28px
}

.load_more {
    margin-top: 50px;
}

.section_100 {
    padding: 100px 0;
}

.section_140 {
    padding: 140px 0;
}

.section_70 {
    padding: 70px 0;
}

.section_50 {
    padding: 50px 0;
}

.section_15 {
    padding: 15px 0
}

.pad-right {
    padding-right: 0
}

.section_t_100 {
    padding-top: 100px
}

.section_b_70 {
    padding-bottom: 70px
}

.section_70 {
    padding: 70px 0
}

.section_b_80 {
    padding-bottom: 80px
}

.top-layer {
    content: '';
    position: absolute;
    left: 0;
    top: -73px;
    width: 100%;
    height: 74px;
    background: url(../img/pattern-1.png) center bottom repeat-x;
    z-index: 2;
}

.bottom-layer {
    content: '';
    position: absolute;
    left: 0;
    bottom: -73px;
    width: 100%;
    height: 74px;
    background: url(../img/pattern-2.png) center top repeat-x;
    z-index: 2;
}

#cursor-large {
    position: fixed;
    left: 53%;
    top: 53%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 32px;
    height: 2rem;
    width: 32px;
    width: 2rem;
    background: url(../img/target23.png) no-repeat scroll 0 0/cover;
    border: 0px solid #252525;
    border-radius: 50%;
    pointer-events: none;
    z-index: 999;
}

#cursor-small {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 6.4px;
    height: .4rem;
    width: 6.4px;
    width: .4rem;
    background: url(../img/team-bg.png) no-repeat scroll 0 0/cover;
    border-radius: 50%;
    pointer-events: none;
    z-index: 999;
}


#cursor-small {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    width: 1px;
    height: 1px;
    border-radius: 100%;
    background: url(../img/team-bg.png) no-repeat scroll 0 0/cover;
    text-align: center;
    z-index: 99999;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#cursor-small.click {
    animation: anim 0.5s ease-out forwards;
    -webkit-animation: anim 0.5s ease-out forwards;
}

@-webkit-keyframes anim {
    to {
        width: 90px;
        height: 90px;
        margin: 0px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }


    from {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@keyframes anim {
    to {
        width: 90px;
        height: 90px;
        margin: 0px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }


    from {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

/*================================================
03 - PAGINATION CSS
==================================================*/
.pagination-box-row {
    text-align: center;
}

.pagination-box-row p {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    margin-right: 15px;
    margin-bottom: 0
}

.pagination {
    margin-top: 50px;
    text-align: center;
    float: none;
    display: inline-block;
}

.pagination li {
    display: inline-block;
    margin-right: 5px
}

.pagination li:last-child {
    margin-right: 0
}

.pagination li a {
    display: block;
    width: 35px;
    height: 35px;
    font-size: 15px;
    line-height: 35px;
    border-radius: 50%;
    color: #fff;
    font-weight: 500;
    background: #080811 none repeat scroll 0 0;
}

.pagination li.active a,
.pagination li a:hover {
    background: #ff7a21 none repeat scroll 0 0;
    color: #fff
}




/*================================================
04 - BREADCRUMB CSS
==================================================*/

.fag-breadcrumb-area {
    padding: 170px 0 100px;
   background-color: #0000008c;
backdrop-filter: blur(5px);
}

.breadcromb-box {
    text-align: center;
}

.breadcromb-box {
    text-align: center;
}

.breadcromb-box h3 {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 20px
}

.breadcromb-box li {
    display: inline-block;
    margin: 0 2px;
    color: #fff !important;
    font-size: 16px;
    text-transform: uppercase;
}

.breadcromb-box li a {
    color: #fff
}

.breadcromb-box li i {
    color: #e981ff
}


/*================================================
05 - HEADER CSS
==================================================*/

.fag-header {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    background-color:#000000b8;
    z-index: 99;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 0
}

.fag-header.scroll {
    background: #000 none repeat scroll 0 0;
}

.dropdown-menu {
    margin-top: 10px
}

.header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    min-height: 70px;
    width: 100%;
}

.header_menu li {
    display: inline-block;
    position: relative;
    margin: 0 10px
}

.header_menu li a {
    display: block;
    color: #fff;
    padding: 25px 0;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
}

.header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.header-right > div {
    margin-left: 20px;
}

.header-right div:first-child {
    margin-left: 0px;
}

.header-lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 2;
}

.lang-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative
}

.dropdown > a:after {
    font-size: 16px
}

.header-right > div > a {
    padding: 25px 0px;
}

.lang-btn img,
.header-auth img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #107c10;
}

.header-cart img {
    width: 20px;
    margin-right: 10px
}

.lang-btn span {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.header_menu {
    margin-left: 5%
}

.dropdown ul {
    display: block;
    position: absolute;
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 120%;
    margin-top: 10px;
    background: rgba(8, 3, 37, .8);
    border-radius: 0 0 6px 6px;
    border-top: none;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    text-align: left;
    width: 180px
}

.lang-menu {
    min-width: 80px;
    width: 80px !important
}

.dropdown:hover ul {
    z-index: 1000;
    pointer-events: auto;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 100%;
}

.lang-menu a {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}

.lang-menu a img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid transparent;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.lang-menu a span {
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.lang-menu a:hover span {
    color: #fff;
}

.header-right a,
dropdown-menu li a {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 16px;
   
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: 'Roboto Condensed', sans-serif;
}

.dropdown-menu:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
}

.dropdown-menu:after {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 20px;
    width: 0;
    height: 0;
    margin-right: -6px;
    pointer-events: none;
    border: solid transparent;
    border-width: 6px;
    border-bottom-color: rgba(8, 3, 37, .8);
}

.dropdown .user_menu {
    min-width: 170px;
    right: 0;
    left: auto
}

.dropdown ul li {
    margin: 12px 20px !important;
    display: block
}

.lang-menu.dropdown-menu li {
    margin: 5px 10px !important;
}

.dropdown-menu li a {
    padding: 0;
    font-size: 15px;
    text-transform: capitalize;
    position: relative;
}

.user_menu li {
    margin: 12px 20px !important
}

.user_menu li a {
    font-size: 15px;
    text-transform: capitalize;
    position: relative
}

.search-block {
    position: fixed;
    display: table;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background: #000000d9;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: .5s opacity ease, .5s visibility ease;
    transition: .5s opacity ease, .5s visibility ease;
    z-index: 100000;
    margin: 0 !important
}

.search-block.active {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.search-block > .search-toggle {
    position: absolute;
    top: 0px;
    top: 0rem;
    right: 32px;
    right: 2rem;
    font-size: 32px;
    font-size: 2rem;
    text-decoration: none;
    text-shadow: 1px 1px 1px #080325;
    z-index: 2;
}

.search-block > form {
    vertical-align: middle;
    -webkit-transition: .5s transform ease;
    transition: .5s transform ease;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    width: 70%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100vh;
}

.search-block.active > form {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.search-block input {
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 70px;
    background: transparent;
    border-bottom: 2px solid #8B8898;
    border-top: 0px solid #8B8898;
    border-left: 0px solid #8B8898;
    border-right: 0px solid #8B8898;
    color: #fff;
    font-size: 40px;
    position: relative;
    letter-spacing: 0.65px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
}

.search-block input:focus {
    border-bottom: 2px solid #fff
}

.search-block input:-moz-placeholder {
    color: #fff;
}

.search-block input::-moz-placeholder {
    color: #fff;
}

.search-block input:-ms-input-placeholder {
    color: #fff;
}

.search-block input::-webkit-input-placeholder {
    color: #fff;
}

.search-block form span {
    position: absolute;
    right: 5px;
    font-size: 30px;
}

.search-block form span.active {
    color: #fff
}

.brand-logo {
    width: 130px;
    -webkit-transition: width 0.4s;
    transition: width 0.4s
}

.fag-header.scroll .brand-logo {
    width: 110px;
}

.fag-header.scroll .header_menu > li > a {
    padding: 12px 0;
    font-size: 16px
}

.fag-header.scroll .header-right > div > a {
    padding: 12px 0;
    font-size: 16px
}

.fag-header.scroll .header-container {
    min-height: 50px
}

.menu-toggle:before,
.menu-toggle:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: -webkit-transform 0.25s ease-in-out;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -moz-transition: -webkit-transform 0.25s ease-in-out;
    -ms-transition: -webkit-transform 0.25s ease-in-out;
}

.menu-toggle {
    position: relative;
    display: block;
    width: 25px;
    height: 20px;
    background: transparent;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    color: #fff;
    font-size: 0;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.menu-toggle {
    color: #fff;
    font-size: 0;
}

span.is-active:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

span.is-active:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

span.is-active:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

span.is-active:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

span.is-active {
    border-color: transparent;
}


/*================================================
06 - SLIDER CSS
==================================================*/

.fag-slider-area {
    position: relative;
    margin-top: -30px;
}


.fag-main-slide {
    background-color: #eee;
    background-position: center center;
    background-size: cover;
    height: 100vh;
}

.slide-1 {
    background-image: url(../img/slider-1.jpg)
}

.slide-2 {
    background-image: url(../img/promo-bg.jpg)
}

.slide-3 {
    background-image: url(../img/slider-2.jpg)
}

.slider-content-holder {
    width: 100%;
    text-align: center
}

.slider-text {
    width: 75%;
    text-align: left
}

.fag-main-caption {
    display: table;
    height: 100%;
    width: 100%;
    background: rgba(8, 3, 37, 0.54) none repeat scroll 0 0;
}

.fag-caption-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.fag-slide .owl-dots {
    position: absolute;
    right: 0;
    top: 50%;
    width: 75px;
}

.fag-slide .owl-dot {
    display: block;
    width: 40px;
    border-color: rgba(255, 255, 255, 0.4) transparent !important;
    margin: 10px 0;
    border-style: solid !important;
    border-width: 4px 0 0 7px !important;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-transform: scaleX(.7);
    transform: scaleX(.7);
    -webkit-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

}

.fag-slide .owl-dot.active {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    border-color: #fff transparent !important
}

.slider-text h3 {
    font-size: 32px;
    font-weight: 600;
    line-height: 45px;
    color: #22da22;
    text-transform: capitalize;
}

.slider-text h2 {
    color: #fff;
    font-size: 80px;
    line-height: 95px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 0;
}

.slider-text a.fag-btn-outline {
    margin-top: 30px
}

.slider-text a.fag-btn-outline span {
    font-size: 9px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    color: #0d1614;
    padding-left: 2px;
    background: #fff;
    line-height: 20px;
    text-align: center;
    margin-right: 8px;
    vertical-align: middle;
}

.slider-text a.fag-btn-outline:hover span {
    background: #fff;
    color: #107c10;
}


/*================================================
07 - VIDEO AREA CSS
==================================================*/

.fag-video-area {
    position: relative
}

.fag-video-inn {
    position: relative;
    width: 70%;
    margin: 0 auto;
    overflow: hidden
}

.fag-video-inn .play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 25px;
    background: rgba(246, 139, 31, 0.53);
    border-radius: 50%;
    color: #fff;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    overflow: hidden;
}

.fag-video-inn .play-video i {
    margin-left: 5px
}

.fag-video-inn:hover .play-video {
    background: #ff7a21;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
}

.zooming {
    animation: zoom 10s ease 0s normal both infinite;
    -webkit-animation: zoom 10s ease 0s normal both infinite;
    -moz-animation: zoom 10s ease 0s normal both infinite;
    -ms-animation: zoom 10s ease 0s normal both infinite;
    -o-animation: zoom 10s ease 0s normal both infinite;
}

@-webkit-keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg) scale(1, 1);
        transform: rotate(0deg) scale(1, 1);
    }

    50% {
        -webkit-transform: rotate(-2deg) scale(1.1, 1.1);
        transform: rotate(-2deg) scale(1.1, 1.1);
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1, 1);
        transform: rotate(0deg) scale(1, 1);
    }
}

@keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg) scale(1, 1);
        transform: rotate(0deg) scale(1, 1);
    }

    50% {
        -webkit-transform: rotate(-2deg) scale(1.1, 1.1);
        transform: rotate(-2deg) scale(1.1, 1.1);
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1, 1);
        transform: rotate(0deg) scale(1, 1);
    }
}




/*================================================
08 - GAMES AREA CSS
==================================================*/

.fag-games-area {
    position: relative;
    
    z-index: 1
}

.projectFilter {
    text-align: center;
    width: 100%;
    display: block;
    border: medium none;
    margin: 0 0 30px;
}

.projectFilter li {
    display: inline-block;
    margin: 0 5px;
}

.projectFilter li a,
.projectFilter li a.current {
    display: block;
    color: #fff;
    padding: 7px 25px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 17px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    position: relative
}

.projectFilter li a:after {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: #0d0e1b none repeat scroll 0 0;
    z-index: -1;
    -webkit-transform: skew(40deg);
    transform: skew(40deg);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.projectFilter li a.current:after {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: #107c10 none repeat scroll 0 0;
    -webkit-transform: skew(-40deg);
    transform: skew(-40deg);
}

.projectFilter li a:hover:after {
    background: #034403 none repeat scroll 0 0;
    -webkit-transform: skew(-40deg);
    transform: skew(-40deg);
}

.games-item {
    float: left;
    margin: 30px 0 0;
    padding: 0 15px;
    width: 25%;
}

.games-single-item {
    background: #101010 none repeat scroll 0 0;
    overflow: hidden;
    position: relative;
}

.games-desc {
    padding: 20px;
}

.games-thumb {
    position: relative
}

.games-thumb-image {
    position: relative;
    overflow: hidden;
}

.games-thumb-image:before {
    
    left: -25%;
    top: -50%;
    height: 60%;
    width: 150%;
    content: "";
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
    -webkit-transform: skewY(25deg);
            transform: skewY(25deg);
    -webkit-transition: all 500ms linear;
    -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
    border-top: 2px solid #107c10
}

.game-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
}

.game-overlay > a.popup-youtube {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 50%;
    left: 50%;
    z-index: 2;
    font-size: 35px;
    color: #ff7a21;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.games-single-item:hover .games-thumb-image:before {
    height: 200%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

.games-single-item:after {
    position: absolute;
    content: '';
    top: 0;
    width: 100%;
    height: 3px;
    background-color: #107c10;
    left: 0;
    border-radius: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.games-single-item:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.games-single-item:hover .game-overlay > a.popup-youtube {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(-50%, -50%) scale(1) !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

.games-desc h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
    margin-bottom: 5px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600
}

.games-desc h3 a {
    color: #fff
}

.games-desc p {
    margin: 0;
    font-size: 11px;
    color: #999;
    line-height: 24px;
    text-transform: capitalize;
}

.game-rating {
    width: auto;
    height: auto;
    padding: 0;
    text-align: center;
    margin: 5px 0;
}

.game-rating h4 {
    font-size: 24px;
    font-size: 1.5rem;
}

.game-rating ul li {
    display: inline;
    margin: 0 5px 0 0;
}

.game-rating ul li span {
    color: #107c10
}

.game-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-top: 10px
}

.game-price h4 {
    font-size: 20px;
    color: #fff
}

.game-price h4 del {
    color: rgba(255, 255, 255, .5)
}

.game-price .off {
    margin-left: 3px;
    color: #f34f4f;
    font-style: italic;
    font-size: 14px;
}

.game-price p.free {
    color: #2bd964
}

.game-action a.fag-btn-outline {
    padding: 6px 20px;
    border: 1px solid #FFF;
    font-size: 16px;
    color: #FFF;
    text-transform: uppercase;
    line-height: 25px;
    font-family: 'Roboto Condensed', sans-serif;
    display: inline-block;
    font-weight: 600;
}

.game-action a.fag-btn-outline:hover {
    border: 1px solid #107c10
}

/*================================================
09 - MATCH AREA CSS
==================================================*/

.fag-current-match-area {
    position: relative;
    background: #0d0e1b none repeat scroll 0 0;
    z-index: 1
}

.match-box-inn {
    width: 90%;
    margin: 30px auto 0;
    text-align: center;
}

.gamer-image {
    padding: 30px;
    background: #080811 none repeat scroll 0 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

.match-box-left .gamer-image {
    -webkit-transform: perspective(600px) rotateY(30deg);
            transform: perspective(600px) rotateY(30deg);
}

.match-box-right .gamer-image {
    -webkit-transform: perspective(600px) rotateY(-30deg);
            transform: perspective(600px) rotateY(-30deg);
}

.match-box-inn:hover .gamer-image {
    -webkit-transform: perspective(0px) rotateY(0deg);
            transform: perspective(0px) rotateY(0deg);
}

.matchcountdown p{
    display: none
}

.matchcountdown ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.matchcountdown li {
    min-width: 75px;
    text-align: center;
    padding: 10px;
    background: #080811 none repeat scroll 0 0;
    margin: 0 5px;
    position: relative;
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 5px;
}

.matchcountdown li span {
    display: block;
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
    color: #ff7a21;
}

.matchcountdown li:after {
    position: absolute;
    content: ":";
    top: 29%;
    right: -11px;
    font-size: 45px;
}

.matchcountdown li:last-child:after {
    display: none
}

.match-vs {
    width: 30%;
    margin: 35px auto 0;
}

.match-action {
    margin-top: 30px;
}

.match-action a {
    padding: 10px 45px;
    background: transparent
}

.match-action a:hover {
    background: #ff7a21 none repeat scroll 0 0
}

/*================================================
10 - PROMO AREA CSS
==================================================*/

.fag-promo-area {
    position: relative;
}

.fag-promo-area:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/broken_glass.png) no-repeat;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.promo-info {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.promo-box h3 {
    color: #fff;
    font-size: 60px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.promo-box p {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
}

/*================================================
11 - TEAM AREA CSS
==================================================*/

.fag-team-area {
    position: relative;
    padding-bottom: 70px
}

.team-item {
    background: #080811 none repeat scroll 0 0;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px
}
.team-image img {
	width: 100%;
}

.team-details {
    margin-top: 20px;
}

.team-details h3 {
    color: #fff;
    text-transform: capitalize;
    font-size: 26px;
}

.team-details span {
    font-size: 16px;
    color: #999;
    margin-top: 5px;
}

.team-social ul {
    margin-top: 10px;
    text-align: center
}

.team-social ul li {
    display: inline-block;
    margin: 0 2px
}

.team-social ul li a {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    font-size: 15px;
    background: url(../img/social_bg_hover.png);
    color: #ff7a21;

}

.team-social ul li a:hover {
    background: url(../img/social_bg.png);
    color: #fff
}

/*================================================
12 - PREORDER AREA CSS
==================================================*/

.fag-preorder-area {
    position: relative;
    background: url(../img/preloader_bg.jpg) no-repeat fixed 0 0/cover;
    z-index: 1;
    padding: 100px 0;
    height: 540px;
}

.fag-preorder-area:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(8, 3, 37, 0.54) none repeat scroll 0 0;
    z-index: -1;
}

.preorder-inn {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.preorder-box h3 {
    color: #fff;
    font-size: 60px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.preorder-box h3 span {
    display: block;
    font-size: 45px;
}

.preorder-box p {
    font-size: 24px;
    text-transform: capitalize;
    color: #fff;
    line-height: 30px;
    margin-bottom: 15px;
    letter-spacing: 0.75px;
}

.preorder-box a {
    margin-top: 30px;
    padding: 10px 40px
}

/*================================================
13 - BLOG AREA CSS
==================================================*/

.fag-blog-area {
    position: relative
}

.blog-item {
    margin-top: 30px
}

.blog-image {
    overflow: hidden;
    border-radius: 18px;
    position: relative
}

.blog-image img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 18px;
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 100%
}

.blog-item:hover .blog-image img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1)
}

.blog-image .play-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 25px;
    background: rgba(246, 139, 31, 0.53);
    border-radius: 50%;
    color: #fff;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    overflow: hidden;
}

.blog-image .play-video i {
    margin-left: 5px;
}

.blog-image:hover .play-video {
    background: #ff7a21;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
}

.blog-text {
    padding-top: 20px;
}

.blog-cat a {
    background: #107c10 none repeat scroll 0 0;
    color: #fff;
    text-transform: capitalize;
    font-family: 'Roboto Condensed', sans-serif;
    display: inline-block;
    font-weight: 600;
    border-radius: 18px;
    padding: 5px 20px;
}

.blog-text h3 {
    color: #fff;
    font-size: 35px;
    margin-bottom: 15px
}

.blog-text h3 a {
    color: #fff
}

.blog-text h3 a:hover {
    color: #107c10
}

.post-info {
    border-top: 1px dashed #4e4e4e;
    margin-top: 20px;
    padding-top: 15px;
}

.post-info li {
    display: inline-block;
    margin-right: 25px
}

.post-info li:last-child {
    margin: 0
}

.post-info li a {
    color: #999
}

.post-info li a span {
    color: #107c10;
    margin-right: 5px
}

.post-small .blog-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.post-small .blog-image {
    width: 35%;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius-bottomright: 0;
    -moz-background-clip: padding;
    border-bottom-right-radius: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative
}

.post-small .blog-image img {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.post-small .blog-text {
    width: 65%;
    padding: 20px 30px;
    background: #080811 none repeat scroll 0 0;
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
}

.post-small .blog-text h3 {
    font-size: 24px
}
.post-small .blog-text p.blog-cat{
    display: inline-block
}
.post-small .blog-text p{
    display: none
}

.load_more a {
    padding: 10px 50px;
    background: transparent
}

.load_more a:hover {
    background: #107c10 none repeat scroll 0 0
}

.fag-news-page-area {
    padding-top: 50px
}

.fag-news-page-area .blog-item {
    margin-top: 50px
}

.fag-news-page-area .pagination-box-row {
    text-align: left;
    margin-top: 50px
}

/*================================================
14 - FOOTER AREA CSS
==================================================*/
.fag-footer {
    position: relative;
    background: url(/images/bg_footer.jpg) no-repeat fixed center center/cover;
    z-index: 1
}

.fag-footer:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: #080811a3 none repeat scroll 0 0;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    z-index: -1;
}

.footer-top-area {
    padding: 70px 0 100px;
    position: relative;
}
.single-footer {
	margin-top: 30px;
}

.single-footer h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font-size: 24px;
    margin-bottom: 20px;
}

.single-footer p {
    color: #727489;
    font-size: 11px;
    margin: 0 0 10px;
}

.single-footer ul li {
    margin: 5px 0 0
}

.single-footer ul li a {
    color: #727489;
    font-size: 15px;
    display: block
}

.single-footer ul li a:hover {
    color: #fff
}

.single-footer ul li a span {
    margin-right: 5px;
    color: #979797;
}

.footer-contact {
    margin-top: 15px;
}

.footer-contact h4 i {
    width: 25px;
    font-size: 16px;
    color: #979797;
}

.footer-contact h4 {
    font-size: 18px;
}

.footer-contact p {
    margin-left: 25px;
    line-height: 21px;
    margin-top: 5px;
    margin-bottom: 0;
}


.footer-bottom-inn {
    text-align: center;
    padding: 50px 0;
    border-top: 1px solid #5300678f;
}

.footer-bottom-inn ul {
    margin: 30px 0;
    text-align: center;
}

.footer-bottom-inn ul li {
    display: inline-block;
    margin: 0 2px;
}

.footer-bottom-inn ul li a {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 43px;
    border-radius: 50%;
    font-size: 15px;
    background: url(../img/social_bg_hover.png);
    color: #107c10;
}

.footer-bottom-inn ul li a:hover {
    background: url(../img/social_bg.png);
    color: #fff;
}
.copyright p{
    margin: 10px;
}

/*================================================
14 - FOOTER AREA CSS PLAYSTATION
==================================================*/
.fag-footerps {
    position: relative;
    background: url(/images/bg_ps.jpg) no-repeat fixed center center/cover;
    z-index: 1
}

.fag-footerps:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: #080811a3 none repeat scroll 0 0;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    z-index: -1;
}

.footer-top-areaps {
    padding: 70px 0 100px;
    position: relative;
}
.single-footerps {
	margin-top: 30px;
}

.single-footerps h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    font-size: 24px;
    margin-bottom: 20px;
}

.single-footerps p {
    color: #727489;
    font-size: 11px;
    margin: 0 0 10px;
}

.single-footerps ul li {
    margin: 5px 0 0
}

.single-footerps ul li a {
    color: #727489;
    font-size: 15px;
    display: block
}

.single-footerps ul li a:hover {
    color: #fff
}

.single-footerps ul li a span {
    margin-right: 5px;
    color: #107c10
}

.footer-contactps {
    margin-top: 15px;
}

.footer-contactps h4 i {
    width: 25px;
    font-size: 16px;
    color: #107c10;
}

.footer-contactps h4 {
    font-size: 18px;
}

.footer-contactps p {
    margin-left: 25px;
    line-height: 21px;
    margin-top: 5px;
    margin-bottom: 0;
}


.footer-bottom-innps {
    text-align: center;
    padding: 50px 0;
    border-top: 1px solid #181829;
}

.footer-bottom-innps ul {
    margin: 30px 0;
    text-align: center;
}

.footer-bottom-innps ul li {
    display: inline-block;
    margin: 0 2px;
}

.footer-bottom-innps ul li a {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 43px;
    border-radius: 50%;
    font-size: 15px;
    background: url(../img/social_bg_hover.png);
    color: #107c10;
}

.footer-bottom-innps ul li a:hover {
    background: url(../img/social_bg.png);
    color: #fff;
}
.copyrightps p{
    margin: 0
}

/*================================================
15 - ABOUT PAGE CSS
==================================================*/

.about-top {
    width: 85%;
    margin: 0 auto 50px;
    text-align: center;
}

.about-top h2 {
    text-transform: uppercase;
    font-size: 52px;
    line-height: 52px;
    margin-bottom: 15px;
    font-weight: 700;
    display: block;
    color: #fff;
    letter-spacing: 0.03em;
    position: relative;
    padding-bottom: 5px;
    -webkit-transition: all 850ms ease;
    transition: all 850ms ease;
}

.about-top h2 span {
    color: #ff7a21;
    display: block
}

.fag-counter-area {
    position: relative;
    background: url(../img/footer_bg.jpg) no-repeat fixed center center/cover;
    z-index: 1;
    padding-top: 70px
}

.fag-counter-area:after {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: #080811 none repeat scroll 0 0;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    z-index: -1;
}

.counter-box {
    text-align: center;
    margin-top: 30px
}

.counter-box h3 {
    letter-spacing: 0.03em;
    position: relative;
    -webkit-transition: all 850ms ease;
    transition: all 850ms ease;
    color: #ff7a21;
    font-size: 44px;
}

.counter-box h3:after {
    position: absolute;
    content: "";
    width: 0px;
    border-color: #ff7a21 transparent !important;
    margin: 10px 0;
    border-style: solid !important;
    border-width: 3px 7px 0px 7px !important;
    left: 50%;
    bottom: -10px;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    -webkit-transition: all 850ms ease;
    transition: all 850ms ease;
}

.counter-box h3.extend:after {
    width: 20%;
}

.counter-box h4 {
    font-size: 20px;
    text-transform: capitalize;
    color: #fff;
    margin-top: 15px;
}

.single-testimonial {
    padding: 50px;
    background: #080811 none repeat scroll 0 0;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.single-testimonial:after {
    position: absolute;
    content: "";
    top: -60px;
    right: 3px;
    width: 60%;
    height: 100px;
    background: #0d0e1b none repeat scroll 0 0;
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
}

.single-testimonial:before {
    position: absolute;
    content: "\f10e";
    top: 50%;
    color: #0d0e1b;
    display: inline-block;
    font: 70px "FontAwesome";
    vertical-align: middle;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1
}

.testimonial-meta {
    overflow: hidden;
}

.testimonial-title {
    overflow: hidden;
    margin-top: 14px
}

.testimonial-thumb {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 15px;
}

.testimonial-thumb img {
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.testimonial-title h3 {
    color: #fff;
    font-size: 22px;
}

.testimonial-title p {
    color: #ff7a21;
    margin: 0
}

.testimonial-desc {
    margin-top: 20px;
}

.testimonial-desc p {
    margin: 0
}

.testimonial-slider .owl-nav {
    display: block !important
}

.testimonial-slider .owl-prev {
    position: absolute;
    top: 43%;
    width: 40px;
    height: 40px;
    font-size: 22px !important;
    background: #FE9347 none repeat scroll 0 0 !important;
    color: #fff !important;
    border-radius: 50%;
    left: -20px;
    visibility: hidden;
    -webkit-transition: all 0.4s ease 0s !important;
    transition: all 0.4s ease 0s !important;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.testimonial-slider .owl-next {
    position: absolute;
    top: 43%;
    width: 40px;
    height: 40px;
    font-size: 22px !important;
    background: #ff7a21 none repeat scroll 0 0 !important;
    color: #fff !important;
    border-radius: 50%;
    right: -20px;
    visibility: hidden;
    -webkit-transition: all 0.4s ease 0s !important;
    transition: all 0.4s ease 0s !important;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.testimonial-slider:hover .owl-prev,
.testimonial-slider:hover .owl-next {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all 0.4s ease 0s !important;
    transition: all 0.4s ease 0s !important;

}

.testimonial-slider .owl-next:hover,
.testimonial-slider .owl-prev:hover {
    background: #ff7a21 none repeat scroll 0 0 !important;
}

.fag-sponsor-area {
    position: relative;
    background: #080811 none repeat scroll 0 0;
    z-index: 1;
}

.sponsor-box-item {
    text-align: center;
    margin-top: 30px;
}

.sponsor-box li {
    width: 21%;
    display: inline-block;
    padding: 20px;
    margin: 30px 15px 0px;
    background: #0d0e1b none repeat scroll 0 0;
}

.sponsor-box li img {
    width: 140px;
}

.section-action {
    text-align: center
}

.sponsor-heading h4 {
    color: #fff
}


/*================================================
16 - SIDEBAR CSS
==================================================*/

.filter_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: auto;
    width: 100%;
    color: #fff;
    font-size: 20px;
    margin-bottom: 30px;
    letter-spacing: 0.75px;
}

.filter_title button {
    font-size: 14px;
    color: #ff7a21;
    background: transparent;
    border: medium none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 600;
    text-decoration: underline;
}

.filter_group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    margin-bottom: 25px;
}

.filter_group:last-child {
    margin-bottom: 0
}

.filter_label {
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #dbdada;
    font-weight: normal;
    margin-bottom: 10px;
}

.filter_input {
    background: #080811 none repeat scroll 0 0;
    border: medium none;
    width: 100%;
    height: 45px;
    padding: 5px 15px;
    border-radius: 5px;
    color: #999
}

.filter_input:-moz-placeholder {
    color: #999;
}

.filter_input::-moz-placeholder {
    color: #999;
}

.filter_input:-ms-input-placeholder {
    color: #999;
}

.filter_input::-webkit-input-placeholder {
    color: #999;
}

.filter_select-wrap {
    width: 100%
}

.filter_select {
    width: 100%;
    height: 45px;
    border-radius: 5px;
    border: medium none;
    font-size: 16px;
    color: #999;
    padding: 0 20px;
    cursor: pointer;
    background: url("../img/arrow2.svg") no-repeat center right 20px #080811;
    background-size: 12px auto;
    letter-spacing: 0.4px;
    width: 100%
}

.filter_range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #080811;
    font-size: 13px;
    color: #999;
    position: relative;
    margin-bottom: 10px;
    height: 30px;
    padding: 0 12px;
    border-radius: 6px;
    letter-spacing: 0.4px;
}

.filter_range div:first-child {
    margin-right: 16px;
}

.filter_range div {
    position: relative;
}

.filter_range div:first-child:after {
    content: '–';
    position: absolute;
    display: block;
    left: 100%;
    top: 5px;
    color: #fff;
    font-size: 14px;
    margin-left: 4px;
    line-height: 16px;
}

.noUi-horizontal {
    height: 4px;
    margin: 8px 0;
    width: 100%;
}

.noUi-target {
    background: rgba(167, 130, 233, 0.03);
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.noUi-connects {
    background-color: #080811;
    border-radius: 6px;
    border: none;
}

.noUi-connect {
    background-color: #ff7a21;
}

.noUi-handle:before,
.noUi-handle:after {
    display: none;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
    right: -8px;
}

.noUi-handle.noUi-handle-lower {
    background-color: #ff7a21;
    box-shadow: none;
}

.noUi-handle {
    border: none;
    border-radius: 50%;
    cursor: pointer;
}

.noUi-horizontal .noUi-handle {
    width: 16px;
    height: 16px;
}

.noUi-handle.noUi-handle-upper {
    background-color: #ff7a21;
    box-shadow: none;
}


.custom-checkbox {
    padding-left: 30px;
    position: relative;
    overflow: hidden;
    margin-top: 10px
}

.custom-checkbox input[type="checkbox"] {
    position: absolute;
    left: -100px;
}

.custom-checkbox input[type="checkbox"]:checked + label {
    color: #fff;
}

.custom-checkbox input[type="checkbox"]:checked + label ~ .checkbox {
    background-color: #313148;
}

.custom-checkbox input[type="checkbox"]:checked + label ~ .checkbox:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
    transform: translate(-50%, -50%) scale(1, 1);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.custom-checkbox label {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0;
}

.custom-checkbox .checkbox {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #313148;
}

.custom-checkbox .checkbox:before {
    position: absolute;
    content: "";
    font-family: "FontAwesome";
    color: #ff7a21;
    font-size: 13px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.1, 1.1);
    transform: translate(-50%, -50%) scale(1.1, 1.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

button.fag-btn {
    background: transparent;
    display: block;
    width: 100%;
    font-size: 18px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s
}

button.fag-btn:hover {
    background: #6400e9 none repeat scroll 0 0;
}

.games-category .games-single-item {
    background: #101010 none repeat scroll 0 0;
    margin-bottom: 30px
}



.fag-news-page-area .sidebar-widget {
    margin-top: 50px
}

.news-sidebar-item {
    margin-bottom: 30px;
    
    border-radius: 18px;
    background: #000000 none repeat scroll 0 0;
}

.news-sidebar-item:last-child {
    margin-bottom: 0
}

.news-sidebar-item form {
    position: relative;
   
    border-radius: 30px;
}

.news-sidebar-item form input {
  
    border: medium none;
 
    color: #fff
}

.news-sidebar-item form button {
    position: absolute;
    right: 2px;
    height: 100%;
    width: 16%;
    background: #107c10;
    color: #fff;
    border-radius: 50%;
    border: 3px solid #0d0e1b;
}

.news-sidebar-item h3 {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase
}

.categories {
    margin-top: 12px;
}

.categories li {
    margin-top: 8px
}

.categories li a {
    color: #999
}

.categories li a i {
    color: #ff7a21;
    margin-right: 5px
}

.categories li a:hover {
    color: #fff
}

.recent-blog li {
    overflow: hidden;
    padding-left: 0 !important;
    margin-top: 20px;
}

.recent-img {
    margin-right: 10px;
    width: 80px;
    float: left;
}

.recent-text {
    vertical-align: middle;
    overflow: hidden;
}

.recent-text h4 {
    color: #999;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 4px;
    line-height: 22px;
}

.recent-text h4 a {
    color: #999;
}

.recent-text h4 a:hover {
    color: #fff
}
.related_games{
    padding-bottom: 70px
}
.related_games .games-single-item{
    margin-bottom: 30px
}

/*================================================
17 - GAMES DETAILS CSS
==================================================*/

.details-banner-thumb {
    position: relative;
}

.details-banner-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px
}

.details-banner-action {
    text-align: right;
    margin: 30px 0 0;
}

.details-banner-info h3 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 34px;
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
    position: relative;
}

.details-banner-info h3 span {
    position: absolute;
    font-size: 16px;
    margin-left: 10px;
    color: #eee;
    width: 60px;
    padding: 6px 10px;
}

.details-banner-info h3:after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 2px;
    bottom: -8px;
    background: #670082 none repeat scroll 0 0;
}

.details-genre {
    color: #eee;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.details-time-left {
    color: #eee;
    letter-spacing: .5px;
}

.details-time-left i {
    margin-right: 5px;
    
}

.movie-details-page-box > ul > li {
    margin-bottom: 3px;
    text-transform: uppercase;
    color: #111;
}

.movie-details-page-box > ul > li > span {
    width: 15%;
    display: inline-block;
    color: #555;
}

.movie-details-page-box > ul > li > small {
    color: #ec7532;
}

.movie-details-page-box ul li:last-child {
    color: #ec7532;
}

.tab-body p {
    margin: 0 0 10px
}

.tab-body p:last-child {
    margin: 0
}

.tablet-action {
    display: none
}

.tab-movies-details {
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.single-cast-slider {
    text-align: center;
}

.single-cast-slider img {
    border-radius: 50%;
    width: 100px !important;
    margin: 0 auto;
}

.cast-info {
    margin-top: 10px;
}

.cast-info p {
    color: #333;
    line-height: normal;
}

.cast-info p span {
    display: block;
    color: #777;
}

.cast-slider {
    margin-bottom: 50px;
}

.cast-slider .owl-nav.disabled {
    display: block !important;
    position: absolute;
    bottom: -45px;
    right: 0;
}

.cast-slider .owl-nav.disabled > button {
    color: #ec7532;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    margin: 0 3px;
    font-size: 17px;
}

.cast-slider .owl-nav.disabled > button:last-child {
    margin-right: 0
}

.single-reviews {
    margin-bottom: 30px;
    display: block;
}

.reviews-autor {
    display: block;
    position: relative;
    padding-left: 55px;
    margin-bottom: 15px;
    padding-right: 60px;
}

.reviews-avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    border-radius: 50%;
}

.reviews-title {
    display: block !important;
    font-size: 16px;
    color: #333 !important;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 5px;
    width: 100% !important;
    text-transform: capitalize
}

.reviews-date {
    display: block;
    font-size: 13px;
    color: #777;
    font-weight: 300;
    line-height: 20px;
}

.reviews-date strong {
    color: #333;
}

.reviews-rating {
    position: absolute;
    right: 30px;
    top: 8px;
    line-height: 16px;
    display: inline-block !important;
    padding: 5px 10px;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(left, #fbbd61, #ec7532);
    background-image: linear-gradient(to right, #fbbd61, #ec7532);
    color: #fff !important;
    text-align: center;
    border: medium none;
    width: auto !important;
}

.reviews-text {
    display: block;
    margin: 0;
}

.reviews .form {
    width: 65%;
}

.form-item {
    margin-top: 10px;
}

.review_rating p {
    color: #111;
    text-transform: capitalize;
}

.reviews .form input {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
}

.reviews .form textarea {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
}

.reviews .form button {
    background: #ec7532;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    padding: 10px 30px;
    text-transform: capitalize;
}

.form-item:last-child {
    overflow: hidden;
    width: 100%;
    display: block;
}

.review_rating {
    border: none;
    float: left;
    margin-bottom: 15px;
}

.review_rating > input {
    display: none;
}

.review_rating > label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.review_rating > .half:before {
    content: "\f089";
    position: absolute;
}

.review_rating > label {
    color: #c2c2c2;
    float: right;
}

.review_rating > input:checked ~ label,
.review_rating:not(:checked) > label:hover,
.review_rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}

.review_rating > input:checked + label:hover,
.review_rating > input:checked ~ label:hover,
.review_rating > label:hover ~ input:checked ~ label,
.review_rating > input:checked ~ label:hover ~ label {
    color: #FFED85;
}

.single_rating {
    line-height: 16px;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    border: medium none;
    background: #28a745;
}

.details-banner-action a.fag-btn {
    background: transparent;
    padding: 10px 30px;
}

.details-banner-action a.fag-btn:hover {
    background: #6400e9 none repeat scroll 0 0
}

.single_game_price {
    text-align: right
}

.single_game_price h4 {
    font-size: 34px;
    margin-bottom: 5px;
}

.single_game_price p {
    font-size: 18px !important;
}

.single_game_price del {
    color: #b6b3b3;
    margin-right: 10px;
}

.single_game_meta {
    margin-top: 15px
}

.games-details-page-box > ul > li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 15px;
}

.games-details-page-box > ul > li:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    background: #107c10;
    border-radius: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.tv-panel-list {
    margin-top: 30px;
}

.tv-tab ul li.nav-item {
    margin-right: 15px;
}

.tv-panel-list {
    margin-top: 30px;
}

.tv-panel-list .nav-link {
    text-transform: uppercase;
    letter-spacing: 0.75px;
    font-weight: 400;
    position: relative;
    padding: 0 0 2px 0;
}

.tv-panel-list .nav-link:after {
    position: absolute;
    right: auto;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 2px;
    content: '';
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background: #ba00e9;
}

.tv-panel-list .nav-pills .nav-link {
    color: #fff
}

.tv-panel-list .nav-pills .nav-link.active,
.tv-panel-list .nav-pills .show > .nav-link {
    
    background-color: transparent;
    position: relative;
}

.tv-panel-list .nav-pills .nav-link.active:after,
.tv-panel-list .nav-pills .show > .nav-link:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    
    height: 2px;
    content: '';
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background: #670082;
}

.tv-panel-list #pills-tab {
    border-bottom: 1px solid #333;
}

.tab-body {
    margin-top: 20px;
}

.features-game {
    background: #080811 none repeat scroll 0 0;
    padding: 50px;
    margin-top: 30px;
    text-align: center;
}

.feature-image {
    width: 80px;
    margin: 0 auto 15px;
}

.feature-text h3 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
}

.single-comment-box {
    margin-bottom: 10px;
    position: relative;
    -webkit-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.single-comment-box:last-child {
    margin-bottom: 0
}

.single-comment-box.comment_reply {
    padding-left: 83px;
}

.main-comment {
    font-size: 15px;
    padding: 0 0 0 90px;
    position: relative;
    margin-bottom: 30px;
}

.author-image {
    border-radius: 50%;
    left: 0;
    margin-bottom: 20px;
    position: absolute;
}

.author-image img {
    display: block;
    width: 70px;
    border-radius: 50%;
}

.comment-text {
    padding: 20px;
    background: #0a0a0a none repeat scroll 0 0;
    border-radius: 30px;
    position: relative
}

.comment-info:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    display: block;
    border-style: solid;
    top: 25px;
    border-width: 11px 13px 11px 0;
    border-color: transparent #0a0a0a;
    left: -12px;
}

.comment-text-inner {
    padding: 10px;
}

.comment-info h4 {
    display: inline-block;
    color: #fff;
    text-transform: capitalize;
    font-size: 17px;
    padding-left: 10px;
}

.comment-info ul {
    display: inline-block;
    margin: 0 10px;
}

.comment-info ul li {
    display: inline-block;
    color: #ffa11a;
}

.comment-info p {
    display: inline-block;
    font-size: 13px;
}

.fag-leave-comment {
    margin-top: 50px;
}

.fag-leave-comment form {
    padding: 0 30px 30px 30px;
    background: #0a0a0a none repeat scroll 0 0;
    border-radius: 30px;
}

.fag-leave-comment form input {
    width: 100%;
    padding: 5px 15px;
    height: 50px;
    border: medium none;
    border-radius: 3px;
    font-size: 15px;
    background: #0d0e1b;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #fff
}

.fag-leave-comment form textarea {
    width: 100%;
    padding: 5px 15px;
    height: 140px;
    border: medium none;
    border-radius: 3px;
    font-size: 15px;
    background: #000000;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #fff
}

.fag-leave-comment form textarea:-moz-placeholder {
    color: #fff;
}

.fag-leave-comment form textarea::-moz-placeholder {
    color: #fff;
}

.fag-leave-comment form textarea:-ms-textarea-placeholder {
    color: #fff;
}

.fag-leave-comment form textarea::-webkit-textarea-placeholder {
    color: #fff;
}

.fag-leave-comment form input:-moz-placeholder {
    color: #fff;
}

.fag-leave-comment form input::-moz-placeholder {
    color: #fff;
}

.fag-leave-comment form input:-ms-textarea-placeholder {
    color: #fff;
}

.fag-leave-comment form input::-webkit-textarea-placeholder {
    color: #fff;
}

.fag-leave-comment form .fag-btn {
    margin-top: 15px;
    position: relative;
    top: 0;
    width: auto
}

.comment-field {
    margin-top: 30px;
}

/*================================================
18 - MATCH LIST CSS
==================================================*/
.match-list-heading h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 36px;
    margin-bottom: 30px;
    letter-spacing: 0.75px;
}

.match-list-heading h3 span {
    color: #ff7a21
}

.single-match-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-bottom: 15px;
    padding: 20px;
    background: #080811 none repeat scroll 0 0;
    border-radius: 5px;
}

.fag-matchs-list .gamer-image {
    -webkit-transform: perspective(600px) rotateY(0deg) !important;
            transform: perspective(600px) rotateY(0deg) !important;
    background: transparent;
    padding: 0
}

.fag-matchs-list .match-box-middle {
    text-align: center;
    margin: 0 30px;
}

.single-match-list .match-box-left,
.single-match-list .match-box-right {
    max-width: 80px;
}

.matchcountdown h3 {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
}

.fag-matchs-list .match-vs {
    width: 18%;
    margin: 15px auto 0;
}

.fag-matchs-list .match-action {
    margin-top: 15px;
}

.match-box-action {
    margin-left: 30px;
}

.match-box-action a.fag-btn {
    background: transparent
}

.match-box-action a.fag-btn:hover {
    background: #ff7a21 none repeat scroll 0 0
}

.single-match-widget {
    text-align: center;
    padding: 30px;
    background: #080811 none repeat scroll 0 0;
    border-radius: 5px;
    margin-bottom: 15px
}
.single-match-widget:last-child{
    margin-bottom: 0
}
.match-widget-inn img {
    width: 50%;
    margin: 20px auto;
}

.single-match-widget h3,
.single-match-widget h4 {
    color: #fff;
    text-transform: uppercase;
}

.single-match-widget h4 span {
    color: #ff7a21
}

.single-match-widget .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #0d0e1b;
    color: #fff;
}

.single-match-widget tbody tr td {
    padding: 25px 20px;
    vertical-align: middle;
}

.single-match-widget table img {
    float: left;
    margin-right: 10px;
    width: 25px;
    margin-top: 0;
    margin-bottom: 0;
}

.single-match-widget table p {
    margin: 0
}

.single-match-widget .table th,
.single-match-widget .table td {
    padding: 12px;
    padding: 0.75rem;
    vertical-align: middle;
    border-top: 0px solid #dee2e6;
    text-align: left;
}

.match-widget-inn .table {
    margin-top: 30px;
    margin-bottom: 0
}

/*================================================
19 - MATCH DETAILS CSS
==================================================*/
.match-details .match-box-left,
.match-details .match-box-right {
    max-width: 140px;
}

.match-details .matchcountdown h3 {
    font-size: 44px;
    color: #fff;
    text-transform: uppercase;
}

.match-details-block {
    margin-top: 30px;
}

.match-details-block h3 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.match-details-block blockquote {
    margin: 20px 0;
    padding: 15px;
    border-left: 4px solid #ff7a21;
    color: #c4c4c4;
    font-style: italic;
}

.match-details-block blockquote strong {
    color: #fff
}

.match-details-block .match-box-action {
    margin-left: 0;
    margin-top: 30px
}

/*================================================
20 - 404 PAGE CSS
==================================================*/

.page-404 {
    display: block;
    position: relative;
    background: url(../img/404_bg.jpg) no-repeat scroll 0 0/cover;
    z-index: 1
}

.page-404:after {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(8, 3, 37, .8);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: -1;
}

.page-404__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-height: 100vh;
    padding: 40px 0;
}

.page-404__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.page-404__title {
    position: relative;
    color: #fff;
    line-height: 100%;
    font-size: 190px;
    margin-bottom: 0;
}

.page-404__text {
    text-align: center;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 40px;
    text-transform: capitalize;
}

.page-404__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 140px;
    height: 44px;
    border-radius: 6px;
    background-color: #29b474;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.page-404__btn:hover {
    background-color: #a782e9;
    color: #fff;
}

@media (min-width: 576px) {
    .page-404__content {
        padding: 50px;
    }
}

/*================================================
21 - LOGIN PAGE CSS
==================================================*/


.login_user {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: calc(-100px/2);
    left: calc(50% - 50px);
}

.login-wrapper h3 {
    color: #fff;
    text-transform: capitalize;
    font-size: 28px;
    margin: 20px 0 0;
}

.login-wrapper {
    padding: 2em;
    width: 25em;
    position: relative;
    text-align: center;
}

.login-cta > h2 {
    color: #3e3f5e;
    font-size: 28px;
    font-size: 1.75rem;
    text-align: center;
}

.socials-wrapper > p {
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    position: relative;
    text-align: center;
    z-index: 10;
}

.socials-wrapper > p:after,
.socials-wrapper > p:before {
    background: #d3d3e2;
    content: '';
    display: block;
    height: .10em;
    position: absolute;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    width: 17.5%;
}

.socials-wrapper > p:after {
    right: 0;
}

.socials-wrapper > p:before {
    left: 0;
}

.socials-wrapper > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 0;
}

.socials-wrapper > ul > li {
    margin: .5em;
}

.socials-wrapper > ul > li > a {
    -webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
    border-radius: .5em;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    width: 2em;
}

.socials-wrapper > ul > li > a.facebook {
    background-color: #3763d2;
}

.socials-wrapper > ul > li > a.twitter {
    background-color: #1abcff;
}

.socials-wrapper > ul > li > a.twitch {
    background-color: #7b5dfa;
}

.socials-wrapper > ul > li > a.youtube {
    background-color: #fd434f;
}

.socials-wrapper > ul > li > a:hover {
    -webkit-transform: translatey(-0.25em);
    transform: translatey(-0.25em);
}

.login-wrapper form {
    margin: 20px 0;
}

.form-row label {
    color: #999 !important
}

.form-row label a {
    color: #fff
}

.login-wrapper form > .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: .75em 0;
    position: relative;
}

.login-wrapper form > .form-row > span {
    background: #fff;
    color: #adafca;
    display: inline-block;
    font-weight: 400;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    pointer-events: none;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    top: 50%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.login-wrapper form > .form-row > input,
.login-wrapper form > .form-row > button {
    border-radius: .5em;
    width: 100%;
}

.login-wrapper form > .form-row > input {
    -webkit-transition: 100ms ease all;
    transition: 100ms ease all;
    width: 100%;
    border: medium none;
    border: 1px solid rgba(74, 70, 96, 0.8);
    background: transparent;
    height: 50px;
    padding: 5px 20px;
    color: #fff
}

.login-wrapper form > .form-row > input:-moz-placeholder {
    color: #fff !important;
}

.login-wrapper form > .form-row > input::-moz-placeholder {
    color: #fff !important;
}

.login-wrapper form > .form-row > input:-ms-input-placeholder {
    color: #fff !important;
}

.login-wrapper form > .form-row > input::-webkit-input-placeholder {
    color: #fff !important;
}

.login-wrapper form > .form-row > input:focus {
    border-color: #999;
    outline: none;
}

.login-wrapper form > .form-row > button {
    background-color: #ff7a21;
}

.login-wrapper form > .form-row > button:hover {
    background-color: transparent
}

/*================================================
22 - BLOG DETAILS PAGE CSS
==================================================*/

.blog-details .post-info {
    border-top: 0px dashed #4e4e4e;
    margin-top: 10px;
    margin-bottom: 20px;
}

.blog-inner-image {
    margin: 20px 0;
}

.blog-inner-image img {
    border-radius: 5px;
}

.blog-details blockquote {
    margin: 20px 0;
    padding: 15px;
    border-left: 4px solid #ff7a21;
    color: #c4c4c4;
    font-style: italic;
}

.fag-comment-list {
    margin-top: 50px;
}

.comment-group-title h3,
.fag-leave-comment h3 {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 30px
}

/*================================================
23 - PRODUCT PAGE CSS
==================================================*/

.products-grid .games-thumb {
    background: #080811 none repeat scroll 0 0;
    border-radius: 5px
}

.products-grid .games-single-item {
    margin-bottom: 30px;
}

.products-grid .games-desc h3 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 600;
    text-align: center;
}

.products-grid .games-desc h3 a:hover {
    color: #ff7a21
}

.products-grid .games-thumb-image:before {
    display: none
}

.products-grid .games-single-item:after {
    display: none
}
.games-thumb-image{
    text-align: center
}
.games-thumb-image img{
    width: 100%
}


/*================================================
24 - PRODUCT DETAILS CSS
==================================================*/

.product-details-image {
    text-align: center;
    background: #080811 none repeat scroll 0 0;
    border-radius: 5px;
    padding: 50px;
}

.product-details-text h3 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 34px;
    text-transform: capitalize;
}

.tour-rating {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.product-details-text .tour-rating ul {
    display: inline-block;
    margin-right: 10px;
    text-align: left
}

.tour-rating ul li {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    line-height: 20px;
}

.tour-rating ul li i {
    color: #ffa11a;
}

.product-details-text .tour-rating p {
    display: inline-block;
    margin-left: 5px;
    color: #fff;
    text-transform: capitalize;
}

.single-pro-page-para {
    margin: 20px 0;
}

.single-shop-price > p {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin-top: 15px;
    letter-spacing: 0;
}

.single-shop-price p span {
    color: #ff7a21;
    margin-left: 10px;
}


.num-block {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.skin-2 .num-in {
    background: #080811 none repeat scroll 0 0;
    border-radius: 25px;
    height: 40px;
    width: 110px;
    float: left;
}

.skin-2 .num-in span {
    width: 40%;
    display: block;
    height: 40px;
    float: left;
    position: relative;
}

.skin-2 .num-in span:before,
.skin-2 .num-in span:after {
    content: '';
    position: absolute;
    background-color: #667780;
    height: 2px;
    width: 10px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -5px;
}

.skin-2 .num-in span.plus:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}

.skin-2 .num-in input {
    float: left;
    width: 20%;
    height: 40px;
    border: none;
    text-align: center;
    background: #080811 none repeat scroll 0 0;
    color: #fff
}

.quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.quantity p {
    margin-right: 10px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
}

.single-shop-page-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
}

.single-shop-page-btn ul {
    margin-left: 30px;
}

.single-shop-page-btn ul li {
    display: inline-block;
    margin: 0 2px;
}

.single-shop-page-btn ul li a {
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    font-size: 15px;
    background: url(../img/social_bg_dark.png);
    color: #ff7a21;
}

.single-shop-page-btn ul li a:hover {
    background: url(../img/social_bg.png);
    color: #fff;
}

.product-panel-list {
    margin-top: 100px;
}

.product-panel-list #pills-tab {
    border-bottom: 1px solid #333;
}

.product-tab li.nav-item {
    margin-right: 15px;
}

.product-panel-list .nav-pills .nav-link.active:after,
.product-panel-list .nav-pills .show > .nav-link:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    color: #ff7a21;
    height: 2px;
    content: '';
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background: #ff7a21;
}

.product-panel-list .nav-link:after {
    position: absolute;
    right: auto;
    bottom: 0;
    left: 0;
    display: block;
    width: 0;
    height: 2px;
    content: '';
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    background: #ff7a21;
}

.product-panel-list .nav-pills .nav-link.active,
.product-panel-list .nav-pills .show > .nav-link {
    color: #ff7a21 !important;
    background-color: transparent;
    position: relative;
}

.product-panel-list .nav-pills .nav-link {
    color: #fff;
}

.product-panel-list .nav-link {
    text-transform: uppercase;
    letter-spacing: 0.75px;
    font-weight: 400;
    position: relative;
    padding: 0 0 2px 0;
}

.tab-body h3 {
    margin-bottom: 10px;
    font-size: 28px;
}

.product-panel-list .fag-comment-list {
    width: 75%;
}

.product-panel-list .fag-leave-comment {
    width: 75%;
}

/*================================================
25 - CART PAGE CSS
==================================================*/

.cart-table-left h3,
.order-summury-box h3 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 28px;
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
    position: relative;
}

.cart-table-left thead {
    border: medium none;
}

.cart-table-left thead th {
    border: medium none;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    border-top: 0px !important
}

.fag-cart-preview {
    width: 115px;
    height: 100px;
    text-align: center;
}

.fag-cart-preview img {
    width: 100%;
    height: 100%;
    border-radius: 15px
}

.table th,
.table td {
    vertical-align: middle;
    border-top: 0px;
   
}

.cart-table-left table td p {
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    margin: 0
}

.fag-cart-quantity > input {
    border: 2px solid #ddd;
    padding: 5px;
    width: 70px;
    text-align: center;
    border-radius: 25px;
}

.fag-cart-close {
    text-align: center;
}

.fag-cart-total {
    font-weight: 500;
}

.fag-cart-close a {
    color: #fff;
    width: 35px;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.cart-clear a {
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    margin-right: 15px;
}

.cart-clear {
    margin-top: 20px;
    text-align: right
}

.cart-clear a:last-child {
    margin-right: 1px;
}

.cart-clear a:hover {
    color: #ff7a21
}

.fag-cart-close a:hover {
    background: #ff7a21 none repeat scroll 0 0;
    color: #fff;
    border: 1px solid #ff7a21
}

.summury-inn {
    padding: 20px;
    background: #fff none repeat scroll 0 0;
    border-radius: 30px
}

.order-summury-box table {
    width: 100%;
}

.order-summury-box table tr {
    border-bottom: 1px solid #131324;
}

.order-summury-box table tr:last-child {
    border-bottom: 0px solid #131324;
}

.order-summury-box table td {
    padding: 10px 0;
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.checkout-action {
    text-align: right;
    margin-top: 30px
}

.checkout-action a.fag-btn {
    color: #fff;
    margin: 0;
    background: transparent
}

.checkout-action a.fag-btn:hover {
    color: #fff;
    background: #ff7a21 none repeat scroll 0 0
}

.cart_box,
.summury-inn {
    background: #080811 none repeat scroll 0 0;
    padding: 20px;
    border-radius: 30px;
    margin-top: 15px;
}

.fag-cart-preview a {
    display: block;
    position: relative;
}

.fag-cart-preview a:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #8f8f8f;
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    border-radius: 15px;
}

.fag-cart-quantity .skin-2 .num-in {
    background: #0d0e1b none repeat scroll 0 0;
}

.fag-cart-quantity .skin-2 .num-in input {
    background: #0d0e1b none repeat scroll 0 0;
}

.cart_box .table {
    margin: 0
}

/*================================================
26 - CHECKOUT PAGE CSS
==================================================*/


.checkout-left-box h3 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 28px;
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
    position: relative;
}

.checkout-left-box form {
    padding: 15px 30px 30px 30px;
    background: #080811 none repeat scroll 0 0;
    border-radius: 30px;
    margin-top: 15px
}

.checkout-left-box form .checkout-form {
    margin-top:30px;
}

.checkout-left-box form label {
    color: #fff;
    text-align: left;
    display: block;
    font-size: 14px;
    font-weight: 500;
}

.checkout-left-box form input {
    width: 100%;
    padding: 5px 15px;
    height: 50px;
    border: medium none;
    border-radius: 3px;
    font-size: 15px;
    background: #0d0e1b;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #fff;
}


.checkout-left-box form textarea {
    width: 100%;
    padding: 5px 15px;
    height: 140px;
    border: medium none;
    border-radius: 3px;
    font-size: 15px;
    background: #0d0e1b;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #fff;
}
.checkout-left-box form input:-moz-placeholder {
    color: #fff;
}

.checkout-left-box form input::-moz-placeholder {
    color: #fff;
}

.checkout-left-box form input:-ms-input-placeholder {
    color: #fff;
}

.checkout-left-box form input::-webkit-input-placeholder {
    color: #fff;
}
.checkout-left-box form textarea:-moz-placeholder {
    color: #fff;
}

.checkout-left-box form textarea::-moz-placeholder {
    color: #fff;
}

.checkout-left-box form textarea:-ms-input-placeholder {
    color: #fff;
}

.checkout-left-box form textarea::-webkit-input-placeholder {
    color: #fff;
}

.fag-payment .payment {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

.fag-payment .payment input[type=radio] {
    position: absolute;
    visibility: hidden;
}

.fag-payment .payment label {
    display: inline-block;
    position: relative;
    padding: 0 0 0 30px;
    margin: 10px auto;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    font-weight: 500;
}

.fag-payment .payment .check {
    display: block;
    position: absolute;
    border: 3px solid #AAAAAA;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 14px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.fag-payment .payment .check:before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

input[type="radio"]:checked ~ .check {
    border: 3px solid #ff7a21;
}

input[type="radio"]:checked ~ .check:before {
    background: #ff7a21;
}

input[type="radio"]:checked ~ label {
    color: #559b36;
}

.payment img {
    float: right;
    margin-top: 15px;
}

.payment p {
    font-size: 15px;
}

.booking-right .action-btn {
    text-align: right;
    margin-top: 30px
}

/*================================================
27 - CONTACT PAGE CSS
==================================================*/

.fag-contact-details-area{
    background: #080811 none repeat scroll 0 0;
    padding-top: 70px
}
.single-contact-box {
	background:#0d0e1b none repeat scroll 0 0;
	padding: 30px;
	text-align: center;
	border-radius: 18px;
    margin-top: 30px
}
.contact-icon {
	font-size: 24px;
	color: #ff7a21;
}
.contact-head h4 {
	color: #fff;
	text-transform: uppercase;
	margin: 20px 0;
}
.contact-text p{
    margin: 0
}

.contact-form-inn {
	width: 70%;
	margin: 0 auto;
}
.contact-form-inn form {
	padding: 0 30px 30px 30px;
	background: #080811 none repeat scroll 0 0;
	border-radius: 30px;
}
.contact-form-inn form input {
	width: 100%;
	padding: 5px 15px;
	height: 50px;
	border: medium none;
	border-radius: 3px;
	font-size: 15px;
	background: #0d0e1b;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	color: #fff;
}
.contact-form-inn form textarea {
	width: 100%;
	padding: 5px 15px;
	height: 140px;
	border: medium none;
	border-radius: 3px;
	font-size: 15px;
	background: #0d0e1b;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	color: #fff;
}
.contact-form-inn form button{
    width: auto;
    display: inline-block
}
.contact-form-inn form .form-action{
    text-align: center
}


.chat_over{background:#011f01;right:20px;position:fixed;padding:0;padding-top:0;z-index:9999;bottom:-182px;text-align:center;font-size:13px;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.chat_over *{outline:none}
.chat_over .jspTrack{height:160px!important}
.chat_over,.ch_sml,.ch_smlin,.uuslugi,.new_comment_error,.forum_get,.comment_answer_button a,.quoteMessage,.premium .prc,.siteRate,.siteRate div,.sb1,.sb2,.chatRight,.gChat,.gChat:hover,.over_ind,.ind,.info_signs,.column_1,.column_c,.column_2,.jspDrag{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.smile_in,.ch_smlin img,.sound_on,.sound_off,#setting_chat a,#rules_chat a,#sound_chat div,.hm,.ch_sml,.jspDrag{transition:all linear .1s;-moz-transition:all linear .1s;-webkit-transition:all linear .1s;-o-transition:all linear .1s}
.comm .us{color:#646464;font-size:10px;margin-top:-2px;padding:0}
.comm .us a{text-decoration:none}
.comm .us .us_name{color:#646464}
.comm .av{margin-right:10px;width:28px;height:28px;overflow:hidden;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px}
.comm .av img{width:28px;height:28px;object-fit:cover;-webkit-border-radius:250px;-moz-border-radius:250px;border-radius:250px}
.comm .chatInner{width:222px;overflow:hidden;margin-bottom:2px}
.cerr{float:right;padding:7px;padding-right:20px}
.hm{visibility:hidden;position:absolute;height:0;margin-top:-10px;overflow:hidden;opacity:0;top:-34px;right:0;background:rgba(0,0,0,.8);padding:5px 10px;color:#fff;font-size:11px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#online_counter:hover span,#rules_chat:hover span,#setting_chat:hover span,.sound_on:hover span,.sound_off:hover span{opacity:1;height:auto;margin-top:0;visibility:visible}
#c_one_clon,#c_tell{position:absolute;top:-1500px;right:-15000px}
#setting_chat a,#rules_chat a,#sound_chat div{width:16px;height:16px;display:inline-block;opacity:.5;cursor:pointer}
#setting_chat a:hover,#rules_chat a:hover,#sound_chat div:hover{opacity:.9}
#setting_chat,#rules_chat,#sound_chat{float:right;margin-right:10px;margin-top:8px}
#setting_chat a{background:url(/chat_files/chat-sprite.png) 0 -23px no-repeat}
#rules_chat a{background:url(/chat_files/chat-sprite.png) -39px -21px no-repeat}
#sound_chat .sound_on{background:url(/chat_files/chat-sprite.png) -19px -21px no-repeat}
#sound_chat .sound_off{background:url(/chat_files/chat-sprite.png) -19px -35px no-repeat;display:none}
#online_counter{float:right;color:#FFF;margin-top:4px;margin-right:8px;padding:4px;padding-left:16px;background:url(/chat_files/chat-sprite.png) -32px 8px no-repeat;cursor:pointer;font-size:13px}
#bottom_chat span,#top_chat span{display:inline-block;width:17px}
#bottom_chat,#top_chat{text-align:left;padding:8px 12px;color:#FFF;cursor:pointer;font-size:13px}
#bottom_chat,.chtt iframe{display:none}
.ngd{background:#fff;padding:10px;cursor:default}
.jspContainer{background:none!important}
.pdvr{float:right;opacity:0}
.msg:hover .pdvr{opacity:1}
.clkg{font-size:11px;padding:10px;background:#efefef;-webkit-border-radius:0 0 3px 3px;-moz-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
.cs2{margin-top:3px;color:#E32F17;font-size:10px}
.cs1{margin-top:3px;color:#2B2B2B;font-size:10px}
.mchat{width:250px}
.chtt{border-top:1px solid #e2e2e2}
#mchatMsgF{margin:0!important;max-width:100%!important;min-height:auto!important;width:312px;padding:0 10px!important;height:36px!important;padding-right:53px!important;border:1px solid #fff;background:#fff;-webkit-border-radius:0 0 3px 3px;-moz-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#mchatBtn{position:absolute;top:-1200px;right:-1500px}
#mchatAjax{background:#646464;position:absolute;right:-200px}
.ch_sml{z-index:99999999;height:0;opacity:0;overflow:hidden;margin-top:-98px;right:0;position:absolute}
.ch_smlin{width:157px;height:70px;background:#FFF;overflow:hidden;text-align:left;border:1px solid rgba(0,0,0,.2)}
.ch_smlin img{padding-left:3px;padding-top:3px;float:left;cursor:pointer}
.ch_smlin img:hover{opacity:.7}
.smile_in:hover .ch_sml{height:85px;opacity:1;margin-top:-78px}
.smile_in span{opacity:.5}
.smile_in span:hover{opacity:.8}
.smile_in{z-index:3;position:absolute;margin-left:284px}
.smile_in span{display:inline-block;margin-top:9px;cursor:pointer;width:19px;height:19px;background:url(/chat_files/chat-sprite.png) -8px 0;opacity:.5}
.otbv,.otbv:hover{color:#6A6A6A}
.chatBubbles{display:table}
.chatRight,.cBubbleLeft,.cBubbleRight{display:table-cell;vertical-align:top}
.myBubble{margin-left:38px}
.myBubble .cBubbleLeft{display:none}
.myBubble .chatRight{background:#daeaf7!important}
.myBubble .cBubbleRight{display:table-cell}
.myBubble .chatInner{width:180px;color:#000}
.chatRight{background:#f1f6fa;border:1px solid #c6d9e9;padding:5px}
.cBubbleLeft{position:relative}
.cBubbleLeft span,.cBubbleRight span{background:url(/chat_files/chat-sprite.png);width:8px;height:14px;position:absolute;top:7px}
.cBubbleLeft span{background-position:0 0;right:-1px}
.cBubbleRight{display:none;position:relative}
.cBubbleRight .av{margin-left:10px;margin-right:0}
.cBubbleRight span{background-position:0 -14px;left:-1px}
#wrapper2{background:#FFF;width:290px;height:200px;overflow:auto}
#scroller{text-align:left;width:270px;padding:0}
#onlCountDate{display:none}
.jspContainer{overflow:overlay;position:relative}
.jspPane{position:absolute}
.jspVerticalBar{position:absolute;top:0;right:0;width:4px;margin-bottom:5px;height:100%;background:transparent}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:transparent}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:transparent;position:relative}
.jspDrag{background:rgba(0,0,0,.4);position:relative;top:0;left:0;cursor:pointer}
.jspDrag:hover{background:rgba(0,0,0,.6)}
.jspDrag:active{background:rgba(0,0,0,.8)}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}
.jspArrow.jspDisabled{cursor:default;background:#80808d}
.jspVerticalBar .jspArrow{height:16px}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}
.jspVerticalBar .jspArrow:focus{outline:none}
.jspCorner{background:#eeeef4;float:left;height:100%}
.sb1,.sb2{padding:0 4px}
.msg+.msg{margin-top:9px}
img[rel="usm"]{height:19px;width:19px;vertical-align:middle}


/* User Group Marks */
a.groupUser:link,a.groupUser:visited {color:#88c3ff } a.groupUser:hover {color:#fff }
a.groupModer:link,a.groupModer:visited {color:green! important;background:url(/fon_band/moder.png) no-repeat 1px center;padding-left:16px;} a.groupModer:hover {color:#fff!important;background:url(/fon_band/moder.png) no-repeat 3px center green; }
a.groupOther7:link,a.groupOther7:visited {color:green! important;background:url(/fon_band/moder.png) no-repeat 1px center;padding-left:16px;} a.groupOther7:hover {color:#fff!important;background:url(/fon_band/moder.png) no-repeat 3px center green; }
a.groupAdmin:link,a.groupAdmin:visited {color:red! important;background:url(/fon_band/admin.gif) no-repeat 1px center;padding-left:16px;} a.groupAdmin:hover {color:#fff!important;background:url(/fon_band/admin.gif) no-repeat 3px center red; }
a.groupVerify:link,a.groupVerify:visited {color:#94de88! important;background:url(/fon_band/verify.png) no-repeat 1px center;padding-left:20px;} a.groupVerify:hover {color:#fff!important;background:url(/fon_band/verify.png) no-repeat 3px center #94de88; }
a.groupBanned:link,a.groupBanned:visited,a.groupBanned:hover {color:gray;}
a.groupFriends:link,a.groupFriends:visited {color:#ffcc2f! important;background:url(/fon_band/vip.gif) no-repeat 1px center;padding-left:25px;} a.groupFriends:hover {color:#fff!important;background:url(/fon_band/vip.gif) no-repeat 3px center #ffcc2f; }
a.groupOther9:link,a.groupOther9:visited {color:#eaad3a! important;background:url(/fon_band/filesman.gif) no-repeat 1px center;padding-left:46px;} a.groupOther9:hover {color:#fff! important;background:url(/fon_band/filesman.gif) no-repeat 5px center #eaad3a;}
/* ---------------- */

a.groupUserstat:link,a.groupUserstat:visited {color:#88c3ff } a.groupUserstat:hover {color:#fff }


.xmgtorrent a {height: 63px;
 font-size: 13px;
 padding: 0px 0px 0px 170px;
 line-height: 63px;
 overflow: hidden;
 color: #ffffff;
 display: block;
 border-radius: 10px;
 background: #55b346 url("/images/torrent.png") no-repeat;
 -moz-transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 text-decoration: none;

}

.xmgtorrent:hover a {background:#404040 url("/images/torrent.png") no-repeat;}


.xmgyandex a {height: 63px;
 font-size: 13px;
 padding: 0px 0px 0px 170px;
 line-height: 63px;
 overflow: hidden;
 color: #ffffff;
 display: block;
 border-radius: 10px;
 background: #55b346 url("/images/yd.png") no-repeat;
 -moz-transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 text-decoration: none;

}

.xmgyandex:hover a {background:#404040 url("/images/yd.png") no-repeat;}


.xmgreklam a {height: 63px;
 font-size: 13px;
 padding: 0px 0px 0px 170px;
 line-height: 63px;
 overflow: hidden;
 color: #ffffff;
 display: block;
 border-radius: 10px;
 background: #55b346 url("/reklam_banner/reklam_torrent.png") no-repeat;
 -moz-transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
 text-decoration: none;

}

.xmgreklam:hover a {background:#404040 url("/reklam_banner/reklam_torrent.png") no-repeat;}


.tags{ 
 margin:0; 
 padding:0; 
 bottom:-12px; 
 list-style:none; 
 } 
.tags a{ 
 float:left; 
 height:24px; 
 line-height:24px; 
 font-size:11px; 
 position:relative; 
 } 
.tags a{ 
 margin-left:15px; 
 padding:0 10px 0 12px; 
 background:#5d5c5c; 
 color:#fff; 
 text-decoration:none; 
 -moz-border-radius-bottomright:4px; 
 -webkit-border-bottom-right-radius:4px; 
 border-bottom-right-radius:4px; 
 -moz-border-radius-topright:4px; 
 -webkit-border-top-right-radius:4px; 
 border-top-right-radius:4px; 
 } 
.tags a:before{ 
 content:""; 
 float:left; 
 position:absolute; 
 top:0; 
 left:-12px; 
 width:0; 
 height:0; 
 border-color:transparent #5a5a5a transparent transparent; 
 border-style:solid; 
 border-width:12px 12px 12px 0; 
 } 
.tags a:after{ 
 content:""; 
 position:absolute; 
 top:10px; 
 left:0; 
 float:left; 
 width:4px; 
 height:4px; 
 -moz-border-radius:2px; 
 -webkit-border-radius:2px; 
 border-radius:2px; 
 background:#fff; 
 -moz-box-shadow:-1px -1px 2px #004977; 
 -webkit-box-shadow:-1px -1px 2px #004977; 
 box-shadow:-1px -1px 2px #004977; 
 } 

.tags a:hover{background:#107c10;} 
.tags a:hover:before{border-color:transparent #107c10 transparent transparent;} 
a.eTag {color:#fff!important;font-size:12px!important;margin-bottom:2px;}

.balka {
 font-size: 15px;
 border-left: 10px solid #ff4545;
 overflow: hidden;
 text-transform: uppercase;
 padding: 7px 40px 7px 30px;
}


/* Таблица Новости Сайта */
.ramka_news {background:#f3faff; } 
 .hed_ramka_news {background:#221B1B; padding:5px;font-weight:bold;font-size:13px;color:#FFFFFF;} 
 .text_news {padding:5px; font-size:11px; }
/* ---------------- */


/* Зеленая таблица */
.ramka_gre {border:1px solid #FFFFFF; background:#333333; } 
 .hed_ramka_gre {background:rgba(211, 140, 3, 0.74); padding:5px;border-bottom:1px solid #FFFFFF;font-weight:bold;font-size:13px;
 color:#DEDEDE;text-shadow:1px 1px 0px #000;} 
 .text_gre {padding:5px; font-size:11px; }
/* ---------------- */

/* Красная таблица */
.ramka_red {border:1px solid #f0abab;background: #0a0a0a;} 
 .hed_ramka_red {
 background: #a95252;
 padding:5px;
 border-bottom:1px solid #f0abab;
 font-weight:bold;
 font-size: 14px;
 color: #f3f3f3;
 text-shadow: 1px 1px 0px #000;
 } 
 .text_red {padding:5px;font-size: 13px;}
/* ---------------- */

/* Красная таблица бан */
.ramka_red_ban {border:1px solid #020000; background:#630505ba; width:700px; border-radius: 10px;} 
 .hed_ramka_red_ban {background:#ff1900b8; padding:5px;border-bottom:1px solid #000000;font-weight:bold;font-size:13px;
 color:#ffffff;text-shadow:1px 1px 0px #000;border-top-left-radius: 10px;
    border-top-right-radius: 10px;} 
 .text_red_ban {padding:5px; font-size:11px; text-shadow: 1px 1px 0px #000; }
/* ---------------- */

/* Синяя таблица */
.ramka {border:1px solid #0c0c0c; background:#1c1c1c;border-radius: 10px 10px 10px 10px;} 
 .hed_ramka {background:#E3F5FF; padding:5px;border-bottom:1px solid #ABD8F0;font-weight:bold;font-size:13px;color:#3D6276;text-shadow:1px 1px 0px #fff;} 
 .text {padding:5px; font-size:11px; }
/* ---------------- */





/* Ajax Окна */
.xt {margin-top: 5px !important; background: transparent url(/ajax/tool-sprites.png) no-repeat !important;} 
 .xt-mini{background-position:0 -15px!important;} 
 .xt-mini-over{background-position:-15px -15px!important;} 
 .xt-maxi{background-position:0 -30px!important;} 
 .xt-maxi-over{background-position:-15px -30px!important;} 
 .xt-rest{background-position:0 -45px!important;} 
 .xt-rest-over{background-position:-15px -45px!important;} 

 div[id*="_uwndWnd"] .xw-blank {background: rgb(16, 124, 16) !important; box-shadow: 0 5px 10px rgb(16, 124, 16);opacity: 0.7 !important; border-radius: 0 0 3px 3px; overflow: visible;} 
 div[id*="_uwndWnd"] .xw-tl,div[id*="_uwndWnd"] .xw-ml,div[id*="_uwndWnd"] .xw-bl{background:#202020 !important;} 
 div[id*="_uwndWnd"] .xw-tl{border-top-left-radius:3px;border-top-right-radius:3px;padding:1px 0 0 7px !important;} 
 div[id*="_uwndWnd"] .xw-tr,div[id*="_uwndWnd"] .xw-tc, div[id*="_uwndWnd"] .xw-mr,div[id*="_uwndWnd"] .xw-br, div[id*="_uwndWnd"] .xw-bc{background:none !important;} 
 div[id*="_uwndWnd"] .xw-hdr-text{color:#fff !important;} 
 div[id*="_uwndWnd"] .xt-close{background:url(/ajax/close.png) center center no-repeat !important;opacity:0.7 !important;} 
 div[id*="_uwndWnd"] .xt-close-over{opacity:1.0 !important;} 
 div[id*="_uwndWnd"] .xw-mc{background:#fff !important;border:0 !important;border-radius:3px;} 
 div[id*="_uwndWnd"] .xw-body{border:0 !important;padding-left:7px !important;padding-right:1px !important;} 
 div[id*="_uwndWnd"] .xw-dragging .xw-tl{opacity:1.0 !important;} 
 div[id*="_uwndWnd"] .xw-draggable,div[id*="_uwndWnd"] .xw-draggable .xw-hdr-text{cursor:default !important;} 
 div[id*="_uwndWnd"] .xw-bl{border-bottom-left-radius:3px;border-bottom-right-radius:3px;} 
 div[id*="_uwndWnd"] {border-radius:5px;box-shadow:0 5px 10px rgb(32, 33, 32);} 
 div[id*="_uwndWnd"] .x-sh{display:none !important;} 
 .myWinCont{width: 99% !important;}
/* ---------------- */


/* Вид Цитат */
.bbQuoteBlock { 
 margin: 15px 0px 15px 0px!important; 

} 

.bbQuoteName { 
 display:none; 

} 

.quoteMessage { 
 overflow: hidden!important; 
 text-align:justify!important; 
 font:115%/1.5 Verdana,Arial,Helvetica,sans-serif!important; 
 color:#c9c9c9;text-shadow:1px 1px 1px #000!important; 
 font-style: italic!important; 
 background: #454a50 url(/quote/quote_black.png) no-repeat 10px 10px!important; 
 padding: 5px 10px 25px 53px!important; 
 border: 1px solid #333!important; 

} 
/* ---------------- */


/* ===== forum Start ===== */

/* General forum Table View */
.gTable {background:#0d0e1b}
.gTableTop {padding:2px;background: #107c10;color:#FFFFFF;height:21px;padding-left:10px;}
.gTableSubTop {padding:2px;background: #0d0e1b;color: #ffffff;height:20px;padding-top:8px;font-size: 14px;}
.gTableBody {padding:2px;}
.gTableBody1 {padding:2px;background: #080811;font-size: 14px;}
.gTableBottom {padding:2px;}
.gTableLeft {padding:2px;font-weight:bold;color:#559B36}
.gTableRight {padding:2px;}
.gTableError {padding:2px;color:#fff;}
/* ------------------------ */

/* Forums Styles */
.forumNameTd,.forumLastPostTd {padding:2px;background: #090910;}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background: #090910;}
.forumLastPostTd,.forumArchive {padding:2px;font-size:8pt}

a.catLink:link {text-decoration:none; color:#FFFFFF;}
a.catLink:visited {text-decoration:none; color:#FFFFFF;}
a.catLink:hover {text-decoration:underline; color:#FFFFFF;}
a.catLink:active {text-decoration:underline; color:#FFFFFF;}

.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;}
/* ------------- */

/* forum Titles & other */
.forum {font-weight:bold;font-size:9pt;}
.forumDescr,.forumModer {color:#858585;font-size:7pt;}
.forumViewed {font-size:9px;}
a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#559B36;}
a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#559B36;}
a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#6F8EB3;}
a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#559B36;}
/* -------------------- */

/* forum Navigation Bar */
.forumNamesBar {padding-bottom:7px;font-weight:bold;}
.forumBarKw {font-weight:normal;}
a.forumBarA:link {text-decoration:none; color:#107c10;}
a.forumBarA:visited {text-decoration:none; color:#107c10;}
a.forumBarA:hover {text-decoration:none; color:#559B36;}
a.forumBarA:active {text-decoration:underline; color:#559B36;}
/* -------------------- */

/* forum Fast Navigation Blocks */
.fastNav,.fastSearch,.fastLoginForm {font-size:7pt;}
/* ---------------------------- */

/* forum Fast Navigation Menu */
.fastNavMain {background:#C7D7EF;}
.fastNavCat {background:url('http:https://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;}
.fastNavCatA {background:url('http:https://src.ucoz.ru/t/999/4.gif') bottom repeat-x #FCFCFC;color:#0000FF}
.fastNavForumA {color:#0000FF}
/* -------------------------- */

/* forum Page switches */
.switches {}
.pagesInfo {;padding-right:10px;font-size:7pt;}
.switch {width:15px;font-size:7pt;}
.switchActive {font-weight:bold;color:#559B36;width:15px}
a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#000000;}
a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#000000;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FF0000;}
a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FF0000;}
/* ------------------- */

/* forum Threads Style */
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;}
.threadLastPostTd {padding:2px;font-size:7pt;}
.threadDescr {color:#858585;font-size:7pt;}
.threadNoticeLink {font-weight:bold;}
.threadsType {padding:2px;background:#EEEEEE;height:20px;font-weight:bold;font-size:7pt;color:#000000;padding-left:40px;  }
.threadsDetails {padding:2px;background:#161727;height:20px;color:#fff;}
.forumOnlineBar {padding:2px;background:#161727;height:20px;color:#fff;}

a.threadPinnedLink:link {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:visited {text-decoration:none; color:#0000FF;}
a.threadPinnedLink:hover {text-decoration:none; color:#FF0000;}
a.threadPinnedLink:active {text-decoration:underline; color:#FF0000;}

a.threadLink:link {text-decoration:none; color:#559B36;}
a.threadLink:visited {text-decoration:none; color:#559B36;}
a.threadLink:hover {text-decoration:none; color:#4d739c;}
a.threadLink:active {text-decoration:underline; color:#4d739c;}

.postpSwithces {font-size:7pt;}
.thDescr {font-weight:normal;}
.threadFrmBlock {font-size:7pt;text-align:right;}
/* ------------------- */

/* Posts View */
.postTable {background:#E1E1E1}
.postPoll {text-align:center;}
.postFirst {border-bottom: 3px solid #107c10;}
.postRest1 {}
.postRest2 {}
.postSeparator {height:3px;}

.postTdTop {color:#559B36;height:20px;padding-top:8px;}
.postBottom {height:20px}
.postUser {font-weight:bold;}
.postTdInfo {text-align:center;padding:5px;}
.postRankName {margin-top:5px;}
.postRankIco {margin-bottom:5px;margin-bottom:5px;}
.reputation {margin-top:5px;}
.signatureHr {margin-top:20px;color:#597798;}
.posttdMessage {padding:5px;}

.postPoll {padding:5px;}
.pollQuestion {text-align:center;font-weight:bold;}         
.pollButtons,.pollTotal {text-align:center;}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;}
.pollSubmit {font-weight:bold;}
.pollEnd {text-align:center;height:30px;}

.codeMessage {font-size:9px;}
.quoteMessage {font-size:9px;}

.signatureView {font-size:7pt;}         
.edited {padding-top:30px;font-size:7pt;text-align:right;color:gray;}
.editedBy {font-weight:bold;font-size:8pt;}

.statusBlock {padding-top:3px;}
.statusOnline {color:#0000FF;}
.statusOffline {color:#FF0000;}
/* ---------- */

/* forum AllInOne Fast Add */
.newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;}
.newThreadItem {padding: 0 0 0 8px; background: url('http:https://src.ucoz.ru/t/999/16.gif') no-repeat 0px 4px;}
.newPollItem {padding: 0 0 0 8px; background: url('http:https://src.ucoz.ru/t/999/16.gif') no-repeat 0px 4px;}
/* ----------------------- */

/* forum Post Form */
.loginButton {font-size:7pt;background:#FFFFFF;color:#575757;border:1px outset #636363;}
.pollBut, .searchSbmFl, .commSbmFl, .signButton {font-size:7pt;background:url('http:https://src.ucoz.ru/t/999/3.gif') #559B36;color:#FFFFFF;border:1px outset #615E58;}

.codeButtons {font-size:7pt;background:url('http:https://src.ucoz.ru/t/999/3.gif') #559B36;color:#FFFFFF;border:1px outset #615E58;}
.codeCloseAll {font-size:7pt; font-weight:bold;background:url('http:https://src.ucoz.ru/t/999/3.gif') #559B36;color:#FFFFFF;border:1px outset #615E58;}
.postNameFl,.postDescrFl {width:400px}
.postPollFl,.postQuestionFl {width:400px}
.postResultFl {width:50px}
.postAnswerFl {width:300px}
.postTextFl {width:550px;height:150px}
.postUserFl {width:300px}

.pollHelp {font-weight:normal;font-size:7pt;padding-top:3px;}
.smilesPart {padding-top:5px;text-align:center}
/* ----------------- */

/* ====== forum End ====== */


.update-nag{ display: inline-block; font-size: 14px; text-align: left; background-color: #fff; height: 100%; width:100%; margin-bottom: 10px; border-radius: 3px;  
} .update-nag > .update-text{ line-height: 19px;  
padding: 6px;  
} .redtable { background-color: rgba(192, 57, 43,0.70); color:#dadada;  
} .bluetable{ background-color: #1c1c1c; color:#ececec; } .greentable{ background-color: rgba(39, 174, 96,0.4); color:#27ae60; } .orangetable{ background-color: rgba(243, 156, 18,0.4); color:#f39c12; } .whitetable{ background-color: rgba(255,255,255,0.4); color:#000; }

/* ====== Slider ====== */
.sliderContent {padding:5px 0px; background:#0c0c0c; overflow: hidden; height:100%; width: 100%!important;} .sliderElement {margin:3px; padding:3px; opacity:3; background-color:#262626;} .sliderElement:hover {opacity:0.7;} 
 .sliderButtonNext { 
 background: url("/slider/slider_arrow.png") no-repeat; 
 width: 60px; 
 height: 37px; 
 text-decoration: none; 
 position: absolute; 
 z-index: 2; 
 top: 47%; 
 left: -10px; 
 opacity: 0.5;
} 
.sliderButtonPrev { 
 background: url("/slider/slider_arrow.png") -2px -38px no-repeat; 
 width: 60px; 
 height:37px; 
 text-decoration: none; 
 position: absolute; 
 z-index: 2; 
 top: 47%; 
 right: -1px; 
 opacity: 0.5;
} 
.sliderButtonNext:hover { 
 background: url("/slider/slider_arrow.png") -2px 0px no-repeat; 
 opacity: 3;
} 
.sliderButtonPrev:hover { 
 background: url("/slider/slider_arrow.png") 1px -38px no-repeat; 
 opacity: 3;
}
/* ====== Slider End ====== */


/* ====== Slider MINI ====== */
 .sliderContentmini {padding:5px 0px; background:#0c0c0c; width: 100%!important;} .sliderElementmini {margin:3px; padding:3px; opacity:3; background-color:#252525;} .sliderElementmini:hover {opacity:0.7;} 
 .sliderButtonNextmini { 
 background: url("/slider/slider_arrow.png") no-repeat; 
 width: 60px; 
 height: 37px; 
 text-decoration: none; 
 position: absolute; 
 z-index: 2; 
 top: 90px; 
 left: -10px; 
 opacity: 0.5;
} 
.sliderButtonPrevmini { 
 background: url("/slider/slider_arrow.png") -2px -38px no-repeat; 
 width: 60px; 
 height:37px; 
 text-decoration: none; 
 position: absolute; 
 z-index: 2; 
 top: 90px; 
 right: -1px; 
 opacity: 0.5;
} 
.sliderButtonNextmini:hover { 
 background: url("/slider/slider_arrow.png") -2px 0px no-repeat; 
 opacity: 3;
} 
.sliderButtonPrevmini:hover { 
 background: url("/slider/slider_arrow.png") 1px -38px no-repeat; 
 opacity: 3;
}
/* ====== Slider MINI End ====== */

.sortirovka-materialov {
background: #000000;padding: 10px;border-radius:10px;
}

.sortirovka-materialov-stranici {
background: #000000;padding: 10px;border-radius:10px;width:100%;
}



/* Последние комментария пользователей  
------------------------------------------*/  
.uzer_coment {  
  overflow: hidden;  
  width:auto;  
  
  border:1px solid #181818;
  border-bottom:none;  
}  

.uzer_coment_v {  
  float:left;  
  width:270px;  
  height:40px;  
  background:#212121;  
  border-top: 1px solid #000000;  
}  
   
.uzer_coment_v a:link,  
.uzer_coment_v a:visited {color:#fff;}  
.uzer_coment_v a:hover {color:#8e8c8c;}  
   
.uzer_coment_v a:link,  
.uzer_coment_v a:visited,  
.uzer_coment_v a:hover {  
  text-decoration:none;  
  font-size:13px;  
	    
  font-weight: bold;  
  text-shadow: 1px 1px 1px #000;  
}  

.uzer_name {  
  float:left;  
  padding: 6px 0px 0px 10px;  
}  
   
.uzer_data {  
  float:right;  
  font-size:13px;  
  font-weight: bold;  
  color:#fbfbfb;  
  text-shadow: 1px 1px 1px #101010;  
  padding: 6px 10px 0px 0px;  
}  
   
.uzer_massage {  
  background: #101010;  
  width:270px;  
  float:left;  
  overflow: hidden;  
  padding: 10px 5px 10px 5px;  
  border-bottom: 1px solid #2a2a2a;  
}  
   
.uzer_massage :link,  
.uzer_massage :visited {  
  display: block;  
  text-decoration: none;  
  color:#e2e2e2;  
	    font-size:12px;
}  

.uzer_massage:hover {  
  color:#8c8c8c;  
  background: #383838;  
}  

.coment_avatar {  
  width:45px;  
  height:45px;  
  float:right;  

  padding: 3px;  
  margin-left: 5px;  
  border:1px solid #252525;  
}  
/* -------------------------------------- */


 /*accordionxbox*/
.accordion .panel:first-child .link {border-top-left-radius:3px; border-top-right-radius:3px;}
.accordion .panel:last-child .link {border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.accordion .link {display:block; padding: 15px 55px 15px 15px; background:#9B59B6; color:#fff; position:relative;font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #1a1a1a;}
.accordion .link:hover {color:#fff}
.accordion .collapsed.link:hover {color:#fff; background:#9B59B6;}
.accordion-orange .link, .accordion-orange .collapsed.link:hover {background:#FF6907; background:rgba(255,105,7,0.7)}
.accordion-blue .link, .accordion-blue .collapsed.link:hover {background:#02B0E4; background:rgba(2,176,228,0.7);}
.accordion-red .link, .accordion-red .collapsed.link:hover {background:#FC1A3F; background:rgba(252,26,63,0.7);}
.accordion-green .link, .accordion-green .collapsed.link:hover {background:#282828; }
.accordion-violet .link, .accordion-violet .collapsed.link:hover {background:#9B59B6; background:rgba(155,89,182,0.7)}
.accordion-yellow .link, .accordion-yellow .collapsed.link:hover {background:#FFC146; background:rgba(255,193,70,0.7);}
.accordion .collapsed.link {color:#dcdcdc; background: #101010;}
.accordion .accordion-marker {position:absolute; top:50%; right:10px; margin-top:-10px; width: 22px; height:22px; line-height:21px;color:#eee; border:1px solid #eee; border-radius:50%; text-align:center}

.accordion .accordion-marker2 {background: url(../images/xbox_b.png);position: absolute;top: 41%;right: 10px;margin-top: -10px;width: 30px;height: 30px;line-height: 21px;text-align: center;}

.accordion .collapsed .accordion-marker {color: #6e879f; border-color:#899CB9}
.accordion .collapsed.link:hover .accordion-marker {color:#fff; border-color:#fff}
.accordion .accordion-open, .accordion .accordion-close {display:block; font-size:10px; width:100%; height:100%;}
.accordion .accordion-open {display:inline-block}
.accordion .accordion-close {display:none}
.accordion .collapsed .accordion-close {display:inline-block}
.accordion .collapsed .accordion-open {display:none}
 
 /*menu-list*/
.shortstory-list2 {overflow:hidden; position:relative; padding:10px 10px 10px 20px;background:#101010; border-top:1px solid #304156;}
.shortstory-list2:last-child {border-bottom:1px solid #1D232C;}
.shortstory-list-category2 {height:25px; overflow:hidden; margin:7px 0 5px 0; font-size:0;}
.shortstory-list-category2 a {display:inline-block; vertical-align:middle; padding:0px 10px; border-radius:3px;background:#232323; color:#dedede; font-size:13px; margin-right:2px;}
.shortstory-list-category2 a:hover {background:#484747; color:#fff}
 
 /*owl-randomXBOX*/
.owl-random {border-radius:3px; margin-bottom:20px; background:#304156; overflow:hidden;}
.owl-random .h-owl {margin:20px 0 0 0; padding-left:22px}
.owl-random .owl-box {margin:20px}
.owl-random .owl-pagination {position:static;}
.owl-random .shortstory {background:#526480;}
.owl-random .short-images a img {border:3px solid #304156}
.owl-random .short-link {background:#38495C;}
.owl-random .short-link:hover {background:#24303D}
.owl-random2 {border-radius:3px; margin-bottom:5px; background:#101010; overflow:hidden;}
.owl-random2 .h-owl {margin:10px 0 0 0; padding-left:15px}
.owl-random2 .owl-box {margin:10px}
.owl-random2 .owl-pagination {position:static;}
.owl-random2 .shortstory {background:#526480;}
.owl-random2 .short-images a img {border:3px solid #304156}
.owl-random2 .short-link {background:#38495C;}
.owl-random2 .short-link:hover {background:#24303D}
 
 .h-owl {text-transform:uppercase; font-size:17px; font-weight:bold; border-left:8px solid #9B59B6; padding:5px 0 5px 12px}
.h-owl.h-owl-big {font-size:20px; margin-bottom:20px;}
.owl-orange .h-owl {border-color:#FF6907}
.owl-blue .h-owl {border-color:#02B0E4}
.owl-red .h-owl {border-color:#e780ff;}
.owl-green .h-owl {border-color:#2ECC71}
.owl-violet .h-owl {border-color:#9B59B6}
.owl-yellow .h-owl {border-color:#FFC146}


/*owl-randomPS*/
.owl-randomps {border-radius:3px; margin-bottom:20px; background:#304156; overflow:hidden;}
.owl-randomps .h-owlps {margin:20px 0 0 0; padding-left:22px}
.owl-randomps .owl-boxps {margin:20px}
.owl-randomps .owl-paginationps {position:static;}
.owl-randomps .shortstoryps {background:#526480;}
.owl-randomps .short-imagesps a img {border:3px solid #304156}
.owl-randomps .short-linkps {background:#38495C;}
.owl-randomps .short-linkps:hover {background:#24303D}
.owl-random2ps {border-radius:3px; margin-bottom:5px; background:#101010; overflow:hidden;}
.owl-random2ps .h-owlps {margin:10px 0 0 0; padding-left:15px}
.owl-random2ps .owl-boxps {margin:10px}
.owl-random2ps .owl-paginationps {position:static;}
.owl-random2ps .shortstoryps {background:#526480;}
.owl-random2ps .short-imagesps a img {border:3px solid #304156}
.owl-random2ps .short-linkps {background:#38495C;}
.owl-random2ps .short-linkps:hover {background:#24303D}
 
 .h-owlps {text-transform:uppercase; font-size:17px; font-weight:bold; border-left:8px solid #9B59B6; padding:5px 0 5px 12px}
.h-owlps .h-owl-bigps {font-size:20px; margin-bottom:20px;}
.owl-orangeps .h-owlps {border-color:#FF6907}
.owl-blueps .h-owlps {border-color:#02B0E4}
.owl-redps .h-owlps {border-color:#05457b;}
.owl-greenps .h-owlps {border-color:#2ECC71}
.owl-violetps .h-owlps {border-color:#9B59B6}
.owl-yellowps .h-owlps {border-color:#FFC146}


/*accordionPS*/
.accordionps .panelps:first-child .linkps {border-top-left-radius:3px; border-top-right-radius:3px;}
.accordionps .panelps:last-child .linkps {border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.accordionps .linkps {display:block; padding: 15px 55px 15px 15px; background:#9B59B6; color:#fff; position:relative;font-size:12px; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #1D232C;}
.accordionps .linkps:hover {color:#fff}
.accordionps .collapsedps.linkps:hover {color:#fff; background:#9B59B6;}
.accordion-orangeps .linkps, .accordion-orangeps .collapsedps.linkps:hover {background:#FF6907; background:rgba(255,105,7,0.7)}
.accordion-blueps .linkps, .accordion-blueps .collapsedps.linkps:hover {background:#02B0E4; background:rgba(2,176,228,0.7);}
.accordion-redps .linkps, .accordion-redps .collapsedps.linkps:hover {background:#FC1A3F; background:rgba(252,26,63,0.7);}
.accordion-greenps .linkps, .accordion-greenps .collapsedps.linkps:hover {background:#05457b; }
.accordion-violetps .linkps, .accordion-violetps .collapsedps.linkps:hover {background:#9B59B6; background:rgba(155,89,182,0.7)}
.accordion-yellowps .linkps, .accordion-yellowps .collapsedps.linkps:hover {background:#FFC146; background:rgba(255,193,70,0.7);}
.accordionps .collapsedps.linkps {color:#dcdcdc; background: #101010;}
.accordionps .accordion-markerps {position:absolute; top:50%; right:10px; margin-top:-10px; width: 22px; height:22px; line-height:21px;color:#eee; border:1px solid #eee; border-radius:50%; text-align:center}

.accordionps .accordion-marker2ps {background: url(../images/xbox_b.png);position: absolute;top: 41%;right: 10px;margin-top: -10px;width: 30px;height: 30px;line-height: 21px;text-align: center;}

.accordionps .collapsedps .accordion-markerps {color: #6e879f; border-color:#899CB9}
.accordionps .collapsedps.linkps:hover .accordion-marker {color:#fff; border-color:#fff}
.accordionps .accordion-openps, .accordionps .accordion-closeps {display:block; font-size:10px; width:100%; height:100%;}
.accordionps .accordion-openps {display:inline-block}
.accordionps .accordion-closeps {display:none}
.accordionps .collapsedps .accordion-closeps {display:inline-block}
.accordionps .collapsedps .accordion-openps {display:none}


/*tagscloud*/
.tagscloud {}
.tagscloud a {display:inline-block; vertical-align:middle; margin:2px 0;padding:4px 6px; background:#313131; color:#6E879F; border-radius:2px;}
.tagscloud a:hover {background:#ac1fcf; color: #fff;}


 /*vidmaterialov*/

.shortstory-in2 {float:left; width:100%; max-width:25%;}
.shortstory {background:#101010;margin:0 10px 20px 10px;overflow:hidden;}
@media (min-width: 468px) {
.shortstory-in2 {float:left; width:100%; max-width:25%;}
.shortstory-in.shortstory-trailer {float:left; width:auto;}
}
@media (min-width: 600px) {
.shortstory-in2 {float:left; width:100%; max-width:25%;}
.shortstory-in.shortstory-trailer {float:left; width:auto;}
}
@media (min-width: 768px) {
.shortstory-in2 {float:left; width:100%; max-width:25%;}
.shortstory-in.shortstory-trailer {float:left; width:auto;}
}
@media (min-width: 992px) {
.shortstory-in2 {float:left; width:100%; max-width:25%;}
.shortstory-in.shortstory-trailer {float:left; width:auto;}
}
@media (min-width: 1200px) {
.shortstory-in2 {float:left; width:100%; max-width:25%;}
.shortstory-in.shortstory-trailer {float:left; width:auto;}
}    




.shortstory-in {float:left; width:auto;}
.shortstory {background:#101010;margin:0 10px 20px 10px;overflow:hidden;}
@media (min-width: 468px) {
.shortstory-in {float:left; width:auto;}
.shortstory-in.shortstory-trailer {float:left; width:auto;}
}
@media (min-width: 600px) {
.shortstory-in {float:left; width:auto;}
.shortstory-in.shortstory-trailer {float:left; width:auto;}
}
@media (min-width: 768px) {
.shortstory-in {float:left; width:auto;}
.shortstory-in.shortstory-trailer {float:left; width:auto;}
}
@media (min-width: 992px) {
.shortstory-in {float:left;width:auto;}
.shortstory-in.shortstory-trailer {float:left; width:auto;}
}
@media (min-width: 1200px) {
.shortstory-in {float:left;width:auto;}
.shortstory-in.shortstory-trailer {float:left; width:auto;}
}    
    
.short-content {overflow:hidden;}
.short-link {overflow:hidden;margin:0 0 10px 0;background:#212121;padding:10px;}
    .short-link a {font-size:12px; line-height:1.1; display:block; text-align:center;height:40px; overflow:hidden; text-transform:uppercase; color:#bdbbbb;}
.short-link:hover {background:#313131}
.short-rating {padding:0px 0px 7px 28px; overflow:hidden; text-align:center}
.short-rating .rating {margin:0 auto;}
.short-images {margin:5px;position:relative;opacity: 3;}
.short-images:hover {margin:5px;position:relative;opacity: 0.7;}
.short-images .short-images-link {display:block; position:relative; overflow:hidden}
.short-images short-images-link:before {position:absolute; left:-100%; top:0; width:100%; height:100%; z-index:2; background:rgba(40,40,40,0.3); content:"";transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;-moz-transition: all 300ms ease-in;	-o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in}
.short-images short-images-link:hover:before {left:0;	transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;-moz-transition: all 300ms ease-in;	-o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in}

 /*vidmaterialov*/
.shortstory-news {margin:0 10px 20px 10px; background:#222933; padding:20px;}
.shortstory-news-img {display:block;}
.shortstory-news-img img {display:block; width:100%; height:auto; border: 3px solid #304156;}
.shortstory-news h4 {margin-bottom:20px;}
.shortstory-news-text {margin-bottom:20px; text-align:justify}
    .shortstory-news-info {overflow:hidden;margin-left:-7px;}
.shortstory-news-info2 {overflow:hidden;margin-left:-12px;}
@media (max-width: 767px) {.shortstory-news-img {margin-bottom:20px;}}
.shortstory-news:hover .shortstory-news-img img {opacity:0.7}

/*vidmaterialov*/
.short-info {font-size:12px; height:34px;}
.short-info li {float:left; text-align:center; overflow:hidden; height:32px; line-height:32px;border:1px solid #7b7979; margin-right:4px;}
    .short-info li.short-info-li {background:#212121; padding:0 10px; border-radius:3px; cursor:help;}
.short-info li:last-child {margin-right:0}
.short-info li.short-info-li:hover {background:#526480; color:#a5bbdc}
.short-info li.short-info-btn {float:right; border:none;}
.short-info li.short-info-btn .btn i {margin-left:5px; font-size:12px; margin-right:0}
.short-info li.short-info-btn a {display:block; padding-top:7px; padding-bottom:6px;}
@media (max-width: 767px) {
.short-info li.short-info-li {width:15%; margin:0; border-right:0; border-radius:0}
.short-info li.short-info-btn {width:40%;}
.short-info li.short-info-btn .btn {border-top-left-radius:0; border-bottom-left-radius:0;}
.short-info li:first-child {border-top-left-radius:3px; border-bottom-left-radius:3px;}
}

/*vidmaterialov*/
.short-news {overflow:hidden}
.short-news li {margin-bottom:10px;}
.short-news li a {display:block; position:relative; padding:5px 50px 5px 125px;background:#1D232C; height:70px; overflow:hidden; border-radius:3px;}
.short-news li a .short-news-img {position:absolute; left:0; top:0; width:110px; height:70px; background:#1F2935}		
.short-news li a img {width:100px; height:60px; margin:5px; display:block;}
.short-news li a .short-news-title {display:table-cell; vertical-align:middle; height:60px;}
.short-news li a .short-news-i {position:absolute; top:0; right:0; width:35px; height:100%;background:#232F3D; text-align:center; line-height:70px; font-size:24px; font-weight:bold}
.short-news li a:hover {background:#232F3D}

/*vidmaterialov*/
.shortstory-list {overflow:hidden; position:relative; padding:10px 10px 10px 100px;background:#24303D; border-top:1px solid #304156;}
.shortstory-list:last-child {border-bottom:1px solid #1D232C;}
.accordion .panel:last-child .shortstory-list {border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.shortstory-list-poster {width:70px; height:95px; position:absolute; left:10px; top:10px}
.shortstory-list-poster img {width:100%; display:block; height:95px; border-radius:2px; border:2px solid #304156}
.shortstory-list:hover .shortstory-list-poster img {opacity:0.6}
.shortstory-list-title {display:block; font-size:12px; height:43px; overflow:hidden; text-transform:uppercase;}
.shortstory-list-title a {display:table-cell; vertical-align:middle; height:43px;}
.shortstory-list-category {height:21px; overflow:hidden; margin:7px 0 5px 0; font-size:0;}
.shortstory-list-category a {display:inline-block; vertical-align:middle; padding:3px 6px; border-radius:3px;background:#161D25; color:#6E879F; font-size:11px; margin-right:2px;}
.shortstory-list-category a:hover {background:#526480; color:#fff}
.shortstory-list-rating {overflow:hidden;}




/*category*/

.lt3 {
    position: absolute;
    left: 0px;
    top: 42px;
    z-index: 4;
    padding: 0px 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    margin-bottom: 4px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: rgb(200 61 55 / 0.8);
    }
    
.lt2 {
    position: absolute;
    left: 0px;
    top: 42px;
    z-index: 4;
    padding: 0px 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    margin-bottom: 4px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #1053cead;
    }
    
.lt1 {
    position: absolute;
    left: 0px;
    top: 42px;
    z-index: 4;
    padding: 0px 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    margin-bottom: 4px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #1091ceb0;
    }    
    
.x360key {
    position: absolute;
    left: 0px;
    top: 42px;
    z-index: 4;
    padding: 0px 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    margin-bottom: 4px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #0000ffad;
    }
    
.fb {
    position: absolute;
    left: 0px;
    top: 42px;
    z-index: 4;
    padding: 0px 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    margin-bottom: 4px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #ff9900c2;
    }
    
.progfb {
    position: absolute;
    left: 0px;
    top: 42px;
    z-index: 4;
    padding: 0px 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    margin-bottom: 4px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #ea541abf;
    }  
    
 .diski {
    position: absolute;
    left: 0px;
    top: 42px;
    z-index: 4;
    padding: 0px 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    margin-bottom: 4px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #f67723bf;
    } 
    
    
 .polezprog {
    position: absolute;
    left: 0px;
    top: 42px;
    z-index: 4;
    padding: 0px 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    margin-bottom: 4px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #0f3ad4a3;
    }    

.kinect {
    position: absolute;
    left: 0px;
    top: 132px;
    z-index: 4;
    padding: 0px 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    margin-bottom: 4px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #e80ee2a1;
    }   
    
 .razmer {
    position: absolute;
    left: 0px;
    top: 72px;
    z-index: 4;
    padding: 0px 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    margin-bottom: 4px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #8510ceba;
    }  
    
 .newbox {
    position: absolute;
    left: 0px;
    top: 42px;
    z-index: 4;
    padding: 0px 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    margin-bottom: 4px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #01124e9e;
    }    
    
 .reads {
    position: absolute;
    left: 0px;
    top: 102px;
    z-index: 4;
    padding: 0px 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    margin-bottom: 4px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #10bcceb8;
    }    
    
 .datanew {
    position: absolute;
    
    margin-left: 134px;	
    top: 0px;
    z-index: 4;
    
    display: block;
   
   
    }       
    
    
    .mpanel {
    position: absolute;
    
    margin-left: 144px;	
    top: 40px;
    z-index: 4;
    
    display: block;
   
   
    }     

.mpanelpubl {
    position: absolute;
    
    margin-left: 144px;	
    top: 0px;
    z-index: 4;
    
    display: block;
   
   
    }  
    
    
/*vidmaterialov*/
.short-trailer {position:absolute; left:50%; top:50%; width:80px; height:80px; line-height:64px; text-align:center;color:#FC1A3F; font-size:36px; border-radius:50%; opacity:0.85; z-index:3;background:#0F1520; border:8px solid #323F4C; margin-top:-40px; margin-left:-40px;}
.short-trailer i {margin-left:6px;}
.short-trailer:hover {opacity:1}



/* SIDEBAR-SKORONASAITE
----------------------------------------------- */
.side-b {margin-bottom:20px;}
.side-b2 {margin-bottom:20px; margin-left: 30px;}
.side-t {font-size:18px; font-weight:300; padding:0 0 0 40px; line-height:50px;}
.side-c {}
.side-c2 {}
.nav ul li {width:47%; display:inline-block;} 
.nav a {display:block; padding:5px 0;}
.nav a:hover {}
.decor {position:relative;}
.decor:after {left:0; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;
border-color: rgba(204, 51, 0, 0); border-left-color: #2eb42b; border-width: 20px; margin-top: -20px;}
.mov-side {width:47%; display:inline-block; margin-right: 7px; vertical-align:top;margin-bottom: 20px;}
.mov-side-img {height:140px; margin-bottom:10px;}
.mov-side-title {overflow:hidden; text-align:center; font-size:12px;text-transform: uppercase;}
.mov-side:hover .mov-side-title {}




/* NEON
------------------------------------*/
.bordneoncenter { 
border-top: solid 5px #ffffff;
    
        
    }


.bordneon { 
border-top: solid 5px #e3d9ff;
    box-shadow: 0 0 30px 5px #6c64ff;
        
    }

/* Flickering animation */
@keyframes flicker {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      box-shadow:
      0 0 4px #ba00e9,
      0 0 11px #ba00e9,
      0 0 19px #ba00e9,
      0 0 40px #f408ff,
      0 0 80px #f408ff,
      0 0 90px #f408ff,
      0 0 100px #f408ff,
      0 0 150px #f408ff;
  
  }
  
  20%, 24%, 55% {        
      box-shadow: none;
  }    
}
      
      
      .neonText {
 color: #fff;
    animation: flickerr 3.5s infinite alternate;
    
    font-size: 60px;
    font-family: revert;
    text-align: center;
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #0fa,
      0 0 82px #0fa,
      0 0 92px #0fa,
      0 0 102px #0fa,
      0 0 151px #0fa;
}
      @keyframes flickerr {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #0fa,
      0 0 80px #0fa,
      0 0 90px #0fa,
      0 0 100px #0fa,
      0 0 150px #0fa;
  
  }
  
  20%, 24%, 55% {        
      text-shadow: none;
  }    
}