.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: flex;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}
.row-no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row-no-gutters [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0%;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
    display: table;
    content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
    clear: both;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.hidden {
    display: none !important;
}
.affix {
    position: fixed;
}
@charset "utf-8";
/* CSS Document */
/* _______________________ FONTS ___________________________ */

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

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

@font-face {
    font-family: 'Rogan';
    src: url('../fonts/Rogan-ExtraBoldItalic.eot');
    src: url('../fonts/Rogan-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Rogan-ExtraBoldItalic.woff2') format('woff2'),
    url('../fonts/Rogan-ExtraBoldItalic.woff') format('woff'),
    url('../fonts/Rogan-ExtraBoldItalic.ttf') format('truetype'),
    url('../fonts/Rogan-ExtraBoldItalic.svg#Rogan-ExtraBoldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
}

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

@font-face {
    font-family: 'Rogan';
    src: url('../fonts/Rogan-LightItalic.eot');
    src: url('../fonts/Rogan-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Rogan-LightItalic.woff2') format('woff2'),
    url('../fonts/Rogan-LightItalic.woff') format('woff'),
    url('../fonts/Rogan-LightItalic.ttf') format('truetype'),
    url('../fonts/Rogan-LightItalic.svg#Rogan-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Rogan';
    src: url('../fonts/Rogan-MediumItalic.eot');
    src: url('../fonts/Rogan-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Rogan-MediumItalic.woff2') format('woff2'),
    url('../fonts/Rogan-MediumItalic.woff') format('woff'),
    url('../fonts/Rogan-MediumItalic.ttf') format('truetype'),
    url('../fonts/Rogan-MediumItalic.svg#Rogan-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
}

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

@font-face {
    font-family: 'Rogan';
    src: url('../fonts/Rogan-SemiBoldItalic.eot');
    src: url('../fonts/Rogan-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Rogan-SemiBoldItalic.woff2') format('woff2'),
    url('../fonts/Rogan-SemiBoldItalic.woff') format('woff'),
    url('../fonts/Rogan-SemiBoldItalic.ttf') format('truetype'),
    url('../fonts/Rogan-SemiBoldItalic.svg#Rogan-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}

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

@font-face {
    font-family: 'Rogan';
    src: url('../fonts/Rogan-ThinItalic.eot');
    src: url('../fonts/Rogan-ThinItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Rogan-ThinItalic.woff2') format('woff2'),
    url('../fonts/Rogan-ThinItalic.woff') format('woff'),
    url('../fonts/Rogan-ThinItalic.ttf') format('truetype'),
    url('../fonts/Rogan-ThinItalic.svg#Rogan-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}

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

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

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

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

@font-face {
    font-family: 'Rogan';
    src: url('../fonts/Rogan-ExtraLightItalic.eot');
    src: url('../fonts/Rogan-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Rogan-ExtraLightItalic.woff2') format('woff2'),
    url('../fonts/Rogan-ExtraLightItalic.woff') format('woff'),
    url('../fonts/Rogan-ExtraLightItalic.ttf') format('truetype'),
    url('../fonts/Rogan-ExtraLightItalic.svg#Rogan-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
}

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

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* _______________________ NORMALIZE _______________________ */

article,aside,details,footer,header,nav,hgroup,menu,section,figcaption,figure,main {
    display: block;
}
ul{
    margin: 14px;
}
/* ol, ul, li { list-style: none;} */
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
a:active,a:hover {outline-width: 0;}
strong { font-weight: bold;}
a {text-decoration:none;background-color: transparent;-webkit-text-decoration-skip: objects;}
textarea{resize: none;overflow:auto;}
input,textarea{outline:none;border: none;-webkit-appearance: none;}
input[type="submit"] {-webkit-appearance: none;cursor: pointer;}
input[type='search'] {-webkit-appearance: none;}
a,button{outline: none;cursor:pointer;}
button{background:none;border:none;}
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%;height:auto; }
h1, h2, h3, h4, h5{font-weight:normal;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
.lsn{
    list-style: none;
}
* {
    margin:0;
    padding:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}

:after,:before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.justifyfix:after { width:100%; display:inline-block; vertical-align:top; clear:both; background:none; content:'';}
.clearfix:after { clear:both;content:'';display:block;}

input::-webkit-input-placeholder , textarea::-webkit-input-placeholder
{opacity: 1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
input::-moz-placeholder , textarea::-moz-placeholder
{opacity: 1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
input:-moz-placeholder , textarea:-moz-placeholder
{opacity: 1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
input:-ms-input-placeholder , textarea:-ms-input-placeholder
{opacity: 1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

input:hover::-webkit-input-placeholder , textarea:hover::-webkit-input-placeholder
{opacity: 1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
input:hover::-moz-placeholder , textarea:hover::-moz-placeholder
{opacity: 1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
input:hover:-moz-placeholder , textarea:hover:-moz-placeholder
{opacity: 1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
input:hover:-ms-input-placeholder , textarea:hover:-ms-input-placeholder
{opacity: 1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

input:focus::-webkit-input-placeholder ,textarea:focus::-webkit-input-placeholder
{opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
input:focus::-moz-placeholder , textarea:focus::-moz-placeholder
{opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
input:focus:-moz-placeholder , textarea:focus:-moz-placeholder
{opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
input:focus:-ms-input-placeholder , textarea:focus:-ms-input-placeholder
{opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

/* _______________________ Page Styles ____________________  */

body{
    background: url(../img/sitebg.jpg) #1f2128 top center no-repeat;
}
body.active {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
h1{
    font-size: 32px;
    text-align: center;
    font-weight: 800;
    letter-spacing: 2.5px;
}
h2{
    font-size: 22px;
    line-height: 22px;
    font-weight: 800;
}
h3{
    font-size: 17px;
    line-height: 22px;
    font-weight: 800;
}
h4{
    font-size: 15px;
    line-height: 22px;
    font-weight: 800;
}
p,li {
    font-size: 15px;
    line-height: 20px;
}
p a,li a{
    color: #F0CC50;
    text-decoration: underline;
}
p a:hover,li a:hover{
    text-decoration: none;
}
li{
    position: relative;
}
.nav_head li{
    padding-left: 35px;
}
li:before{
    content: '';
    width: 4px;
    height: 4px;
    background: #F0CC50;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 13px;
}
ol {
    counter-reset: li;
}
ol li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 0;
    left: 0;
    color: #F0CC50;
}
blockquote p{
    font-size: 19px;
    line-height: 28px;
    color: #5D6C80;
}
b{
    font-weight: 800;
}

.full_container {width: 100%;margin:0 auto;min-width: 100%;}
.container {width: 1170px;margin:0 auto;min-width: 1170px;position: relative;}
.wrapper > div,.wrapper > footer,.wrapper > header,.wrapper > section { min-width: 1200px; }

input::-webkit-input-placeholder , textarea::-webkit-input-placeholder{font-size: 18px; color: #5D6C80;}
input::-moz-placeholder , textarea::-moz-placeholder{font-size: 18px; color: #5D6C80;}
input:-moz-placeholder , textarea:-moz-placeholder{font-size: 18px; color: #5D6C80;}
input:-ms-input-placeholder , textarea:-ms-input-placeholder{font-size: 18px; color: #5D6C80;}
.profile_top_block_tour_title_txt {
    text-align: left;
}
.modal_soc_link{
    margin: 0 auto !important;
}
a, .sponsor_icon, .scrollup, .scrollup:before, .social_ic, .bordered_btn_txt, .search_pull, .search_btn, .chbx_txt, .search_hidden, .friends_pull, .teams_pull, .notification_pull, .profile_head_pull, .notification_pull:after, .friends_pull:before, .notifications_item_accept span, .notifications_item_accept:before, .notifications_item_accept, .notifications_item_decline, .notifications_item_decline span, .box-modal_close, .typical_input, .jq-checkbox, .jq-checkbox__div, .jq-checkbox__div:before, .back_link:before, .jq-selectbox, .jq-selectbox__select, .jq-selectbox__select-text, .jq-selectbox__trigger, .jq-selectbox__trigger-arrow, .jq-selectbox__dropdown, .jq-selectbox li, .jq-file__name, .jq-file__browse, .upload_btn_txt, .jq-file, .clone_add_btn, .typical_input_bordered, .pagination .next:before, .pagination .prev:before, .latest_news_category_icon_hover, .latest_news_img:before, .latest_news_item:after, .tab, .news_comments, .latest_news_category_title, .more_link:before, .bordered_btn_load .bordered_btn_txt:after, .stream_img:before, .teams_item_bg, #wbbmodal button, .fonticon, .btn-tooltip, #wbbmodal .wbbm-inp-row input, .wbbclose, #wbbmodal .div-modal-text, .type-zone, .tag, .ranking_more_btn span, .ranking_line, .players_line, .tournament_item_top_img:before, .tournament_item_top_img:after, .open_menu, .tabs_title a, .tabs_title a:after, .foot_subscribe_input, .photo_file, .profile_block_stat_img_bordered, #country_selector, .hidden_menu_title_check,.modal_soc_link{

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;

}

/* _______________________ animations ___________________________ */

.upDownMove{
    -webkit-animation: upDownMove 1s infinite ease-in;
    -moz-animation: upDownMove 1s infinite ease-in;
    -o-animation: upDownMove 1s infinite ease-in;
    animation: upDownMove 1s infinite ease-in;
}
@-webkit-keyframes upDownMove {
    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%);
    }
    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-moz-keyframes upDownMove {
    0% {
        -moz-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -moz-transform: translateY(-20%);
        transform: translateY(-20%);
    }
    100% {
        -moz-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@-o-keyframes upDownMove {
    0% {
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -o-transform: translateY(-20%);
        transform: translateY(-20%);
    }
    100% {
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
@keyframes upDownMove {
    0% {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(-20%);
        -moz-transform: translateY(-20%);
        -o-transform: translateY(-20%);
        transform: translateY(-20%);
    }
    100% {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
}
.leftRightMove{
    -webkit-animation: leftRightMove 1s infinite ease-in;
    -moz-animation: leftRightMove 1s infinite ease-in;
    -o-animation: leftRightMove 1s infinite ease-in;
    animation: leftRightMove 1s infinite ease-in;
}

@-webkit-keyframes leftRightMove {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    50% {
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-moz-keyframes leftRightMove {
    0% {
        -moz-transform: translateX(0%);
        transform: translateX(0%);
    }
    50% {
        -moz-transform: translateX(-20%);
        transform: translateX(-20%);
    }
    100% {
        -moz-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-o-keyframes leftRightMove {
    0% {
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    50% {
        -o-transform: translateX(-20%);
        transform: translateX(-20%);
    }
    100% {
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes leftRightMove {
    0% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    50% {
        -webkit-transform: translateX(-20%);
        -moz-transform: translateX(-20%);
        -o-transform: translateX(-20%);
        transform: translateX(-20%);
    }
    100% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.iconScale{
    -webkit-animation: iconScale 1.5s infinite ease-in;
    -moz-animation: iconScale 1.5s infinite ease-in;
    -o-animation: iconScale 1.5s infinite ease-in;
    animation: iconScale 1.5s infinite ease-in;
}
@-webkit-keyframes iconScale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes iconScale {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
@-o-keyframes iconScale {
    0% {
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -o-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes iconScale {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.fadeIn{
    -webkit-animation: fadeIn 0.3s ease-in;
    -moz-animation: fadeIn 0.3s ease-in;
    -o-animation: fadeIn 0.3s ease-in;
    animation: fadeIn 0.3s ease-in;
}
@-webkit-keyframes fadeIn {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@-o-keyframes fadeIn {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@keyframes fadeIn {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

.searchTranslate{
    -webkit-animation: searchTranslate 1s ease-in;
    -moz-animation: searchTranslate 1s ease-in;
    -o-animation: searchTranslate 1s ease-in;
    animation: searchTranslate 1s ease-in;
}
@-webkit-keyframes searchTranslate {
    from{
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
    to{
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}
@-moz-keyframes searchTranslate {
    from{
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
    to{
        -moz-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}
@-o-keyframes searchTranslate {
    from{
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
    to{
        -o-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}
@keyframes searchTranslate {
    from{
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
    to{
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}
.showModal{
    -webkit-animation: showModal 0.6s ease-out;
    -moz-animation: showModal 0.6s ease-out;
    -o-animation: showModal 0.6s ease-out;
    animation: showModal 0.6s ease-out;
}
@-webkit-keyframes showModal {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
        -moz-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@-moz-keyframes showModal {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
        -moz-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@-o-keyframes showModal {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
        -moz-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes showModal {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
        -moz-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.socialIconsJump{
    -webkit-animation: socialIconsJump 0.6s ease-out;
    -moz-animation: socialIconsJump 0.6s ease-out;
    -o-animation: socialIconsJump 0.6s ease-out;
    animation: socialIconsJump 0.6s ease-out;
}
@-webkit-keyframes socialIconsJump {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-moz-keyframes socialIconsJump {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -moz-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}
@-o-keyframes socialIconsJump {
    0% {
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -o-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    100% {
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes socialIconsJump {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-6px);
        -moz-transform: translateY(-6px);
        -o-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}
/* _______________________ Tagging Basic Style ___________________________ */
.tagging {
    cursor: text;
    height: auto;
    position: relative;
    padding-top: 58px;
}

.tag {
    background: none repeat scroll 0 0 rgba(114, 126, 142, 0.18);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #727E8E;
    cursor: default;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    padding: 6px 15px 7px;
    margin: 10px 10px 0 0;
    font-size: 15px;
}

.tag:hover {
    color: rgba(114, 126, 142, 0.5);
}

.tag span {
    background: none repeat scroll 0 0 #D66806;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    margin-right: 5px;
    padding: 5px 10px 5px;
    display: none;
}

.tag .tag-i {
    color: white;
    cursor: pointer;
    font-size: 33px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    font-weight: 100;
    padding-bottom: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    background: none repeat scroll 0 0 rgba(114, 126, 142, 0.18);
    opacity: 0;
}

.tag:hover .tag-i {
    opacity: 1;
}

.type-zone {position: absolute;top: 0;left: 0;}

.type-zone:focus {
    outline: none;
}

/* _______________________ country-select ___________________________ */

.hover-state {
    opacity: 1;
}


/* _______________________ country-select ___________________________ */
.country-select{
    position:relative;
    display:inline-block;
    width: 100%;
}
.country-select *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.country-select .flag{
    width:16px;
    height:11px;
    background:url("../img/flags.png")
}
.country-select .hide{
    display:none
}
.country-select .v-hide{
    visibility:hidden
}
.country-select input{
    position:relative;
    z-index:0;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-left:44px;
    background: none;
    border: 0;
    display: block;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(178,192,222,0.24);
    height: 48px;
    line-height: 48px;
    font-size: 16px;
}
.country-select input[disabled] + .flag-dropdown:hover{
    cursor:default
}
.country-select input[disabled] + .flag-dropdown:hover .selected-flag{
    background-color:transparent
}
.country-select .flag-dropdown{
    position:absolute;
    top:0;
    bottom:0
}
.country-select .flag-dropdown:hover{
    cursor:pointer
}
.country-select .flag-dropdown:hover .selected-flag{
    background-color:#000;
    /* @alternate */background-color:rgba(0, 0, 0, 0.05)
}
.country-select .selected-flag{
    z-index:1;
    position:relative;
    width:38px;
    height:100%;
    padding: 0;
}
.country-select .selected-flag .flag{
    position:absolute;
    top:50%;
    margin-top:-5px
}
.country-select .selected-flag .arrow{
    position:relative;
    top:50%;
    margin-top: -3px;
    left:20px;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 5px solid #B2C0DE;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    opacity: 0.7;
    margin-left: 4px;
}
.country-select .selected-flag .arrow.up{
    border-top:none;
    border-bottom: 5px solid #B2C0DE;
}
.country-select .country-list{
    list-style:none;
    position:absolute;
    z-index: 999;
    padding:0;
    margin:0 0 0 -1px;
    -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color:white;
    border:1px solid #ccc;
    width: 405px;
    max-height:200px;
    overflow-y:scroll;
    margin: 0 -20px;
    padding: 10px 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: rgba(24,38,49,0.95);
    /* background: rgba(65,91,114,0.95); */
    font-size: 18px;
    color: #fff;
    -webkit-animation: fadeIn 0.3s ease-in;
    -moz-animation: fadeIn 0.3s ease-in;
    -o-animation: fadeIn 0.3s ease-in;
    animation: fadeIn 0.3s ease-in;
}
.country-select .country-list .flag{
    display:inline-block;
    margin-right:6px
}
.country-select .country-list .divider{
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px solid #ccc;
    display: none;
}
.country-select .country-list .country{
    line-height:11px;
    padding:7px 10px;
    line-height: 24px;
    padding: 5px 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.country-select .country-list .country:before {
    display: none;
}
.country-select .country-list .country .dial-code{
    color:#999
}
.country-select .country-list .country.highlight{
    background-color:#000;
    /* @alternate */background-color:rgba(0, 0, 0, 0.05)
}
.country-select .country-list .country-name{
    margin-right:6px
}
.country-select.inside .flag-dropdown{
    padding:1px
}
.country-select.inside input[type="text"],
.country-select.inside input[type="tel"]{
    padding-left: 50px;
    margin-left:0;
}
.country-select.outside input[type="text"],
.country-select.outside input[type="tel"]{
    border:none;
    margin-left:38px
}
.country-select .zw{
    background-position:0 0
}
.country-select .zm{
    background-position:-16px 0
}
.country-select .za{
    background-position:0 -11px
}
.country-select .yt{
    background-position:-16px -11px
}
.country-select .ye{
    background-position:-32px 0
}
.country-select .ws{
    background-position:-32px -11px
}
.country-select .wf{
    background-position:0 -22px
}
.country-select .vu{
    background-position:-32px -22px
}
.country-select .vn{
    background-position:0 -33px
}
.country-select .vi{
    background-position:-16px -33px
}
.country-select .vg{
    background-position:-32px -33px
}
.country-select .ve{
    background-position:-48px 0
}
.country-select .vc{
    background-position:-48px -11px
}
.country-select .va{
    background-position:-48px -22px
}
.country-select .uz{
    background-position:-48px -33px
}
.country-select .uy{
    background-position:0 -44px
}
.country-select .us{
    background-position:-16px -44px
}
.country-select .um{
    background-position:-16px -44px
}
.country-select .ug{
    background-position:-32px -44px
}
.country-select .ua{
    background-position:-48px -44px
}
.country-select .tz{
    background-position:-64px 0
}
.country-select .tw{
    background-position:-64px -11px
}
.country-select .tv{
    background-position:-64px -22px
}
.country-select .tt{
    background-position:-64px -33px
}
.country-select .tr{
    background-position:-64px -44px
}
.country-select .to{
    background-position:0 -55px
}
.country-select .tn{
    background-position:-16px -55px
}
.country-select .tm{
    background-position:-32px -55px
}
.country-select .tl{
    background-position:-48px -55px
}
.country-select .tk{
    background-position:-64px -55px
}
.country-select .tj{
    background-position:0 -66px
}
.country-select .th{
    background-position:-16px -66px
}
.country-select .tg{
    background-position:-32px -66px
}
.country-select .tf{
    background-position:-48px -66px
}
.country-select .td{
    background-position:-64px -66px
}
.country-select .tc{
    background-position:-80px 0
}
.country-select .sz{
    background-position:-80px -11px
}
.country-select .sy{
    background-position:-80px -22px
}
.country-select .sx{
    background-position:-80px -33px
}
.country-select .sv{
    background-position:-80px -44px
}
.country-select .st{
    background-position:-80px -55px
}
.country-select .ss{
    background-position:-80px -66px
}
.country-select .sr{
    background-position:0 -77px
}
.country-select .so{
    background-position:-16px -77px
}
.country-select .sn{
    background-position:-32px -77px
}
.country-select .sm{
    background-position:-48px -77px
}
.country-select .sl{
    background-position:-64px -77px
}
.country-select .sk{
    background-position:-80px -77px
}
.country-select .si{
    background-position:-96px 0
}
.country-select .sh{
    background-position:-96px -11px
}
.country-select .sg{
    background-position:-96px -22px
}
.country-select .se{
    background-position:-96px -33px
}
.country-select .sd{
    background-position:-96px -44px
}
.country-select .sc{
    background-position:-96px -66px
}
.country-select .sb{
    background-position:-96px -77px
}
.country-select .sa{
    background-position:0 -88px
}
.country-select .rw{
    background-position:-16px -88px
}
.country-select .ru{
    background-position:-32px -88px
}
.country-select .rs{
    background-position:-48px -88px
}
.country-select .ro{
    background-position:-64px -88px
}
.country-select .qa{
    background-position:-80px -88px
}
.country-select .py{
    background-position:-96px -88px
}
.country-select .pw{
    background-position:0 -99px
}
.country-select .pt{
    background-position:-16px -99px
}
.country-select .ps{
    background-position:-32px -99px
}
.country-select .pr{
    background-position:-48px -99px
}
.country-select .pn{
    background-position:-64px -99px
}
.country-select .pm{
    background-position:-80px -99px
}
.country-select .pl{
    background-position:-96px -99px
}
.country-select .pk{
    background-position:-112px 0
}
.country-select .ph{
    background-position:-112px -11px
}
.country-select .pg{
    background-position:-112px -22px
}
.country-select .pf{
    background-position:-112px -33px
}
.country-select .pe{
    background-position:-112px -44px
}
.country-select .pa{
    background-position:-112px -55px
}
.country-select .om{
    background-position:-112px -66px
}
.country-select .nz{
    background-position:-112px -77px
}
.country-select .nu{
    background-position:-112px -88px
}
.country-select .nr{
    background-position:-112px -99px
}
.country-select .no{
    background-position:0 -110px
}
.country-select .bv{
    background-position:0 -110px
}
.country-select .sj{
    background-position:0 -110px
}
.country-select .nl{
    background-position:-16px -110px
}
.country-select .ni{
    background-position:-32px -110px
}
.country-select .ng{
    background-position:-48px -110px
}
.country-select .nf{
    background-position:-64px -110px
}
.country-select .ne{
    background-position:-80px -110px
}
.country-select .nc{
    background-position:-96px -110px
}
.country-select .na{
    background-position:-112px -110px
}
.country-select .mz{
    background-position:-128px 0
}
.country-select .my{
    background-position:-128px -11px
}
.country-select .mx{
    background-position:-128px -22px
}
.country-select .mw{
    background-position:-128px -33px
}
.country-select .mv{
    background-position:-128px -44px
}
.country-select .mu{
    background-position:-128px -55px
}
.country-select .mt{
    background-position:-128px -66px
}
.country-select .ms{
    background-position:-128px -77px
}
.country-select .mr{
    background-position:-128px -88px
}
.country-select .mq{
    background-position:-128px -99px
}
.country-select .mp{
    background-position:-128px -110px
}
.country-select .mo{
    background-position:0 -121px
}
.country-select .mn{
    background-position:-16px -121px
}
.country-select .mm{
    background-position:-32px -121px
}
.country-select .ml{
    background-position:-48px -121px
}
.country-select .mk{
    background-position:-64px -121px
}
.country-select .mh{
    background-position:-80px -121px
}
.country-select .mg{
    background-position:-96px -121px
}
.country-select .me{
    background-position:0 -132px;
    height:12px
}
.country-select .md{
    background-position:-112px -121px
}
.country-select .mc{
    background-position:-128px -121px
}
.country-select .ma{
    background-position:-16px -132px
}
.country-select .ly{
    background-position:-32px -132px
}
.country-select .lv{
    background-position:-48px -132px
}
.country-select .lu{
    background-position:-64px -132px
}
.country-select .lt{
    background-position:-80px -132px
}
.country-select .ls{
    background-position:-96px -132px
}
.country-select .lr{
    background-position:-112px -132px
}
.country-select .lk{
    background-position:-128px -132px
}
.country-select .li{
    background-position:-144px 0
}
.country-select .lc{
    background-position:-144px -11px
}
.country-select .lb{
    background-position:-144px -22px
}
.country-select .la{
    background-position:-144px -33px
}
.country-select .kz{
    background-position:-144px -44px
}
.country-select .ky{
    background-position:-144px -55px
}
.country-select .kw{
    background-position:-144px -66px
}
.country-select .kr{
    background-position:-144px -77px
}
.country-select .kp{
    background-position:-144px -88px
}
.country-select .kn{
    background-position:-144px -99px
}
.country-select .km{
    background-position:-144px -110px
}
.country-select .ki{
    background-position:-144px -121px
}
.country-select .kh{
    background-position:-144px -132px
}
.country-select .kg{
    background-position:0 -144px
}
.country-select .ke{
    background-position:-16px -144px
}
.country-select .jp{
    background-position:-32px -144px
}
.country-select .jo{
    background-position:-48px -144px
}
.country-select .jm{
    background-position:-64px -144px
}
.country-select .je{
    background-position:-80px -144px
}
.country-select .it{
    background-position:-96px -144px
}
.country-select .is{
    background-position:-112px -144px
}
.country-select .ir{
    background-position:-128px -144px
}
.country-select .iq{
    background-position:-144px -144px
}
.country-select .io{
    background-position:-160px 0
}
.country-select .in{
    background-position:-160px -11px
}
.country-select .im{
    background-position:-160px -22px;
    height:9px
}
.country-select .il{
    background-position:-160px -31px
}
.country-select .ie{
    background-position:-160px -42px
}
.country-select .id{
    background-position:-160px -53px
}
.country-select .hu{
    background-position:-160px -64px
}
.country-select .ht{
    background-position:-160px -75px
}
.country-select .hr{
    background-position:-160px -86px
}
.country-select .hn{
    background-position:-160px -97px
}
.country-select .hk{
    background-position:-160px -108px
}
.country-select .gy{
    background-position:-160px -119px
}
.country-select .gw{
    background-position:-160px -130px
}
.country-select .gu{
    background-position:-160px -141px
}
.country-select .gt{
    background-position:0 -155px
}
.country-select .gs{
    background-position:-16px -155px
}
.country-select .gr{
    background-position:-32px -155px
}
.country-select .gq{
    background-position:-48px -155px
}
.country-select .gp{
    background-position:-64px -155px
}
.country-select .gn{
    background-position:-80px -155px
}
.country-select .gm{
    background-position:-96px -155px
}
.country-select .gl{
    background-position:-112px -155px
}
.country-select .gi{
    background-position:-128px -155px
}
.country-select .gh{
    background-position:-144px -155px
}
.country-select .gg{
    background-position:-160px -155px
}
.country-select .ge{
    background-position:-176px 0
}
.country-select .gd{
    background-position:-176px -11px
}
.country-select .gb{
    background-position:-176px -22px
}
.country-select .ga{
    background-position:-176px -33px
}
.country-select .fr{
    background-position:-176px -44px
}
.country-select .gf{
    background-position:-176px -44px
}
.country-select .re{
    background-position:-176px -44px
}
.country-select .mf{
    background-position:-176px -44px
}
.country-select .bl{
    background-position:-176px -44px
}
.country-select .fo{
    background-position:-176px -55px
}
.country-select .fm{
    background-position:-176px -66px
}
.country-select .fk{
    background-position:-176px -77px
}
.country-select .fj{
    background-position:-176px -88px
}
.country-select .fi{
    background-position:-176px -99px
}
.country-select .eu{
    background-position:-176px -121px
}
.country-select .et{
    background-position:-176px -132px
}
.country-select .es{
    background-position:-176px -143px
}
.country-select .er{
    background-position:-176px -154px
}
.country-select .eh{
    background-position:-16px -166px
}
.country-select .eg{
    background-position:-32px -166px
}
.country-select .ee{
    background-position:-48px -166px
}
.country-select .ec{
    background-position:-64px -166px
}
.country-select .dz{
    background-position:-80px -166px
}
.country-select .do{
    background-position:-96px -166px
}
.country-select .dm{
    background-position:-112px -166px
}
.country-select .dk{
    background-position:-128px -166px
}
.country-select .dj{
    background-position:-144px -166px
}
.country-select .de{
    background-position:-160px -166px
}
.country-select .cz{
    background-position:-176px -166px
}
.country-select .cy{
    background-position:0 -177px
}
.country-select .cx{
    background-position:-16px -177px
}
.country-select .cw{
    background-position:-32px -177px
}
.country-select .cv{
    background-position:-48px -177px
}
.country-select .cu{
    background-position:-64px -177px
}
.country-select .cs{
    background-position:-80px -177px
}
.country-select .cr{
    background-position:-96px -177px
}
.country-select .co{
    background-position:-112px -177px
}
.country-select .cn{
    background-position:-128px -177px
}
.country-select .cm{
    background-position:-144px -177px
}
.country-select .cl{
    background-position:-160px -177px
}
.country-select .ck{
    background-position:-176px -177px
}
.country-select .ci{
    background-position:-192px 0
}
.country-select .cg{
    background-position:-192px -11px
}
.country-select .cf{
    background-position:-192px -22px
}
.country-select .cd{
    background-position:-192px -33px
}
.country-select .cc{
    background-position:-192px -44px
}
.country-select .ca{
    background-position:-192px -66px
}
.country-select .bz{
    background-position:-192px -77px
}
.country-select .by{
    background-position:-192px -88px
}
.country-select .bw{
    background-position:-192px -99px
}
.country-select .bt{
    background-position:-192px -110px
}
.country-select .bs{
    background-position:-192px -121px
}
.country-select .br{
    background-position:-192px -132px
}
.country-select .bq{
    background-position:-192px -143px
}
.country-select .bo{
    background-position:-192px -154px
}
.country-select .bn{
    background-position:-192px -165px
}
.country-select .bm{
    background-position:-192px -176px
}
.country-select .bj{
    background-position:0 -188px
}
.country-select .bi{
    background-position:-16px -188px
}
.country-select .bh{
    background-position:-32px -188px
}
.country-select .bg{
    background-position:-48px -188px
}
.country-select .bf{
    background-position:-64px -188px
}
.country-select .be{
    background-position:-80px -188px
}
.country-select .bd{
    background-position:-96px -188px
}
.country-select .bb{
    background-position:-112px -188px
}
.country-select .ba{
    background-position:-128px -188px
}
.country-select .az{
    background-position:-144px -188px
}
.country-select .ax{
    background-position:-160px -188px
}
.country-select .aw{
    background-position:-176px -188px
}
.country-select .au{
    background-position:-192px -188px
}
.country-select .hm{
    background-position:-192px -188px
}
.country-select .at{
    background-position:-208px 0
}
.country-select .as{
    background-position:-208px -11px
}
.country-select .ar{
    background-position:-208px -22px
}
.country-select .ao{
    background-position:-208px -33px
}
.country-select .an{
    background-position:-208px -44px
}
.country-select .am{
    background-position:-208px -55px
}
.country-select .al{
    background-position:-208px -66px
}
.country-select .ai{
    background-position:-208px -77px
}
.country-select .ag{
    background-position:-208px -88px
}
.country-select .af{
    background-position:-208px -99px
}
.country-select .ae{
    background-position:-208px -110px
}
.country-select .ad{
    background-position:-208px -121px
}
.country-select .np{
    background-position:-208px -132px
}
.country-select .ch{
    background-position:-208px -143px
}


/*BEGIN modal=>>*/

.arcticmodal-overlay,
.arcticmodal-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
}

.arcticmodal-container {
    overflow: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}

*:first-child+html .arcticmodal-container {
    height: 100%
}

.arcticmodal-container_i {
    height: 100%;
    margin: 0 auto;
    width: 100%;
}

.arcticmodal-container_i2 {
    padding: 24px;
    margin: 0;
    border: 0;
    vertical-align: middle;
}

.arcticmodal-error {
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #000;
    color: #fff;
}

.arcticmodal-loading {
    width: 60px;
    height: 60px;
    -moz-background-size: 100%;
    background-size: 100%;
}

.box-modal {
    position: relative;
    width: 550px;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -webkit-animation: showModal 0.6s ease-out;
    -moz-animation: showModal 0.6s ease-out;
    -o-animation: showModal 0.6s ease-out;
    animation: showModal 0.6s ease-out;
}

.box-modal_close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'%3E%3Cpath class='st0' fill='%235D6C80' d='M9.7,7.7c-0.1-0.1-0.1-0.3,0-0.5l5.1-5.1C14.9,2,15,1.8,15,1.6s-0.1-0.3-0.2-0.5l-1-1C13.7,0.1,13.5,0,13.4,0 c-0.2,0-0.3,0.1-0.5,0.2L7.7,5.3c-0.1,0.1-0.3,0.1-0.5,0L2.1,0.2C2,0.1,1.8,0,1.6,0S1.3,0.1,1.2,0.2l-1,1C0.1,1.3,0,1.5,0,1.6 S0.1,2,0.2,2.1l5.1,5.1c0.1,0.1,0.1,0.3,0,0.5l-5.1,5.1C0.1,13,0,13.2,0,13.4s0.1,0.3,0.2,0.5l1,1C1.3,14.9,1.5,15,1.6,15 s0.3-0.1,0.5-0.2l5.1-5.1c0.1-0.1,0.3-0.1,0.5,0l5.1,5.1c0.1,0.1,0.3,0.2,0.5,0.2s0.3-0.1,0.5-0.2l1-1c0.1-0.1,0.2-0.3,0.2-0.5 s-0.1-0.3-0.2-0.5L9.7,7.7z'/%3E%3C/svg%3E");
    -moz-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
}

.box-modal_close:hover {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'%3E%3Cpath class='st0' fill='%23fff' d='M9.7,7.7c-0.1-0.1-0.1-0.3,0-0.5l5.1-5.1C14.9,2,15,1.8,15,1.6s-0.1-0.3-0.2-0.5l-1-1C13.7,0.1,13.5,0,13.4,0 c-0.2,0-0.3,0.1-0.5,0.2L7.7,5.3c-0.1,0.1-0.3,0.1-0.5,0L2.1,0.2C2,0.1,1.8,0,1.6,0S1.3,0.1,1.2,0.2l-1,1C0.1,1.3,0,1.5,0,1.6 S0.1,2,0.2,2.1l5.1,5.1c0.1,0.1,0.1,0.3,0,0.5l-5.1,5.1C0.1,13,0,13.2,0,13.4s0.1,0.3,0.2,0.5l1,1C1.3,14.9,1.5,15,1.6,15 s0.3-0.1,0.5-0.2l5.1-5.1c0.1-0.1,0.3-0.1,0.5,0l5.1,5.1c0.1,0.1,0.3,0.2,0.5,0.2s0.3-0.1,0.5-0.2l1-1c0.1-0.1,0.2-0.3,0.2-0.5 s-0.1-0.3-0.2-0.5L9.7,7.7z'/%3E%3C/svg%3E%0A");
}

.box-modal_back {
    position: absolute;
    left: 15px;
    top: 15px;
    cursor: pointer;
    z-index: 1;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 14' style='enable-background:new 0 0 16 14;' xml:space='preserve' fill='%235D6C80'%3E%3Cg%3E%3Cpath class='st0' d='M1,8h14c0.5,0,1-0.4,1-1v0c0-0.5-0.4-1-1-1H1C0.4,6,0,6.4,0,7v0C0,7.6,0.4,8,1,8z'/%3E%3Cpath class='st0' d='M1.8,7.7l5.7-5.7c0.4-0.4,0.4-1,0-1.4l0,0c-0.4-0.4-1-0.4-1.4,0L0.3,6.2C0,6.6,0,7.3,0.3,7.7l0,0 C0.7,8,1.4,8,1.8,7.7z'/%3E%3Cpath class='st0' d='M6.1,13.7L0.3,7.9C0,7.5,0,6.9,0.3,6.5l0,0c0.4-0.4,1-0.4,1.4,0l5.7,5.7c0.4,0.4,0.4,1,0,1.4l0,0 C7.1,14,6.5,14,6.1,13.7z'/%3E%3C/g%3E%3C/svg%3E%0A");
    -moz-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
}

.box-modal_back:hover {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 14' style='enable-background:new 0 0 16 14;' xml:space='preserve' fill='%23fff'%3E%3Cg%3E%3Cpath class='st0' d='M1,8h14c0.5,0,1-0.4,1-1v0c0-0.5-0.4-1-1-1H1C0.4,6,0,6.4,0,7v0C0,7.6,0.4,8,1,8z'/%3E%3Cpath class='st0' d='M1.8,7.7l5.7-5.7c0.4-0.4,0.4-1,0-1.4l0,0c-0.4-0.4-1-0.4-1.4,0L0.3,6.2C0,6.6,0,7.3,0.3,7.7l0,0 C0.7,8,1.4,8,1.8,7.7z'/%3E%3Cpath class='st0' d='M6.1,13.7L0.3,7.9C0,7.5,0,6.9,0.3,6.5l0,0c0.4-0.4,1-0.4,1.4,0l5.7,5.7c0.4,0.4,0.4,1,0,1.4l0,0 C7.1,14,6.5,14,6.1,13.7z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.modal {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: rgba(28,44,56,0.95);
}


/*<<=modal END*/


/* _______________________ mCustomScrollbar ___________________________ */


/* 1. BASIC STYLE */

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
    padding-right: 0;
}

.scroll-pane .mCustomScrollBox {
    padding-right: 0;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}


/* 2. VERTICAL SCROLLBAR y-axis */

.mCSB_inside>.mCSB_container {
    margin-right: 0;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}


/* non-visible scrollbar */

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}


/* RTL direction/left-side scrollbar */

.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 6px;
    height: auto;
    left: auto;
    top: 10px;
    right: 6px;
    bottom: 10px;
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px;
}


/* scrollbar position: outside */

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px;
}


/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: -2px;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}
#mCSB_1_dragger_horizontal{
    top: 2px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* the dragger element */
    position: relative;
    width: 6px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}


/* 3. HORIZONTAL SCROLLBAR x-axis */

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}


/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}


/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 7px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}


/* 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis */

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}


/* non-visible horizontal scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}


/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}


/* RTL direction/left-side scrollbar */

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}


/* non-visible scrollbar/RTL direction/left-side scrollbar */

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}


/* non-visible horizontal scrollbar */

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}


/* 5. TRANSITIONS */

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,

    /* auto-expanded scrollbar */

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}


/* THEMES */


/* default theme ("light") */

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #303947;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #4A5563;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #8A95A7;
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #8A95A7;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(../img/mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /*
    sprites locations
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /*
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /*
    sprites locations
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /*
    sprites locations
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    width: 16px; /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    height: 16px; /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 4px; /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }


.jq-selectbox__dropdown ul::-webkit-scrollbar-button,.country-select .country-list::-webkit-scrollbar-button {
    background-image:url('');
    background-repeat:no-repeat;
    width:6px;
    height:0px
}

.jq-selectbox__dropdown ul::-webkit-scrollbar-track,.country-select .country-list::-webkit-scrollbar-track {
    background-color: #303947;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.jq-selectbox__dropdown ul::-webkit-scrollbar-thumb,.country-select .country-list::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #8A95A7;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
    -webkit-box-shadow:none;
    box-shadow:none;
    background-image:none;
    background-position:center;
    background-repeat:no-repeat;
}

.jq-selectbox__dropdown ul::-webkit-resizer,.country-select .country-list::-webkit-resizer{
    background-image:url('');
    background-repeat:no-repeat;
    width:6px;
    height:0px
}

.jq-selectbox__dropdown ul::-webkit-scrollbar,.country-select .country-list::-webkit-scrollbar{
    width: 6px;
}


/**/
.jq-selectbox__dropdown ul::-moz-scrollbar-button,.country-select .country-list::-moz-scrollbar-button {
    background-image:url('');
    background-repeat:no-repeat;
    width:6px;
    height:0px
}

.jq-selectbox__dropdown ul::-moz-scrollbar-track,.country-select .country-list::-moz-scrollbar-track {
    background-color: #303947;
    -moz-box-shadow:none;
    box-shadow:none;
}

.jq-selectbox__dropdown ul::-moz-scrollbar-thumb,.country-select .country-list::-moz-scrollbar-thumb {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #8A95A7;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
    -moz-box-shadow:none;
    box-shadow:none;
    background-image:none;
    background-position:center;
    background-repeat:no-repeat;
}

.jq-selectbox__dropdown ul::-moz-resizer,.country-select .country-list::-moz-resizer{
    background-image:url('');
    background-repeat:no-repeat;
    width:6px;
    height:0px
}

.jq-selectbox__dropdown ul::-moz-scrollbar,.country-select .country-list::-moz-scrollbar{
    width: 6px;
}
/**/
.jq-selectbox__dropdown ul:-moz-scrollbar-button,.country-select .country-list:-moz-scrollbar-button {
    background-image:url('');
    background-repeat:no-repeat;
    width:6px;
    height:0px
}

.jq-selectbox__dropdown ul:-moz-scrollbar-track,.country-select .country-list:-moz-scrollbar-track {
    background-color: #303947;
    -moz-box-shadow:none;
    box-shadow:none;
}

.jq-selectbox__dropdown ul:-moz-scrollbar-thumb,.country-select .country-list:-moz-scrollbar-thumb {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #8A95A7;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
    -moz-box-shadow:none;
    box-shadow:none;
    background-image:none;
    background-position:center;
    background-repeat:no-repeat;
}

.jq-selectbox__dropdown ul:-moz-resizer,.country-select .country-list:-moz-resizer{
    background-image:url('');
    background-repeat:no-repeat;
    width:6px;
    height:0px
}

.jq-selectbox__dropdown ul:-moz-scrollbar,.country-select .country-list:-moz-scrollbar{
    width: 6px;
}
/**/
.jq-selectbox__dropdown ul:-ms-scrollbar-button,.country-select .country-list:-ms-scrollbar-button {
    background-image:url('');
    background-repeat:no-repeat;
    width:6px;
    height:0px
}

.jq-selectbox__dropdown ul:-ms-scrollbar-track,.country-select .country-list:-ms-scrollbar-track {
    background-color: #303947;
    box-shadow:none;
}

.jq-selectbox__dropdown ul:-ms-scrollbar-thumb,.country-select .country-list:-ms-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #8A95A7;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
    box-shadow:none;
    background-image:none;
    background-position:center;
    background-repeat:no-repeat;
}

.jq-selectbox__dropdown ul:-ms-resizer,.country-select .country-list:-ms-resizer{
    background-image:url('');
    background-repeat:no-repeat;
    width:6px;
    height:0px
}

.jq-selectbox__dropdown ul:-ms-scrollbar,.country-select .country-list:-ms-scrollbar{
    width: 6px;
}


/* _______________________ formstyler ___________________________ */

/* checkbox */

.jq-checkbox {
    top: -1px;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0 8px 0 0;
    border: 1px solid rgba(255,255,255,0.4);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.jq-checkbox__div {
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px;
    top: -1px;
    background: rgba(255,179,97,1);
    background: -moz-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(240,205,80,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,179,97,1)), color-stop(100%, rgba(240,205,80,1)));
    background: -webkit-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(240,205,80,1) 100%);
    background: -o-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(240,205,80,1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,179,97,1)), to(rgba(240,205,80,1)));
    background: linear-gradient(to right, rgba(255,179,97,1) 0%, rgba(240,205,80,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb361', endColorstr='#f0cd50', GradientType=1 );
    opacity: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.jq-checkbox__div:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cpath class='st0' fill='%23030D1C' d='M3.2,10.5C3.1,10.4,3,10.3,3,10.2c0-0.1,0.1-0.3,0.2-0.4L3.9,9c0.2-0.2,0.5-0.2,0.8,0l0.1,0.1l3,3.2 c0.1,0.1,0.3,0.1,0.4,0l7.2-7.5h0.1l0,0c0.2-0.2,0.5-0.2,0.8,0l0.8,0.8c0.2,0.2,0.2,0.5,0,0.8l0,0l-8.6,8.9 c-0.1,0.1-0.2,0.2-0.4,0.2s-0.3-0.1-0.4-0.2l-4.2-4.5L3.2,10.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    -moz-background-size: 16px;
    background-size: 16px;
    background-position: center;
    opacity: 0;
}
.jq-checkbox.checked .jq-checkbox__div,.jq-checkbox.checked .jq-checkbox__div:before {
    opacity: 1;
}
.jq-checkbox:hover,.jq-checkbox.focused,label:hover .jq-checkbox,.jq-checkbox.checked {
    border: 1px solid rgb(240,204,80);
}
.jq-checkbox.disabled {
    opacity: .55;
}

/* radio */

.jq-radio {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: 2px solid #727E8E;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: none;
    cursor: pointer;
}
.jq-radio.checked .jq-radio__div {
    width: 6px;
    height: 6px;
    margin: 3px 0 0 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-animation: fadeIn 0.3s ease-in;
    -moz-animation: fadeIn 0.3s ease-in;
    -o-animation: fadeIn 0.3s ease-in;
    animation: fadeIn 0.3s ease-in;
}
.chbx_txt{
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #727E8E;
    cursor: pointer;
    max-width: -webkit-calc(100% - 28px);
    max-width: -moz-calc(100% - 28px);
    max-width: calc(100% - 28px);
}
.chbx_txt:hover,.jq-radio.checked + .chbx_txt{
    color: #fff;
}

/* selectbox */

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
    width: 100%;
}
.jq-selectbox__select {
    padding: 0 30px 0 0;
    background: none;
    border: 0;
    display: block;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(178,192,222,0.24);
    height: 48px;
    line-height: 48px;
    font-size: 18px;
}

.jq-selectbox__select:after {
    content: '';
    display: block;
    clear: both;
}

.typical_select_bordered .jq-selectbox__select {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(178,192,222,0.24);
    height: 44px;
    line-height: 42px;
    font-size: 12px;
    padding-left: 10px;
}

.jq-selectbox__select:hover {
    border-bottom: 1px solid rgba(178,192,222,0.7);
}
.typical_select_bordered .jq-selectbox__select:hover {
    border: 1px solid rgba(178,192,222,0.7);
}
.jq-selectbox__select:active {
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(rgba(255,179,97,1)), to(rgba(253,206,66,1)));
    -webkit-border-image: -webkit-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(253,206,66,1) 100%);
    -moz-border-image: -moz-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(253,206,66,1) 100%);
    -o-border-image: -o-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(253,206,66,1) 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(rgba(255,179,97,1)), to(rgba(253,206,66,1)));
    border-image: linear-gradient(to right, rgba(255,179,97,1) 0%, rgba(253,206,66,1) 100%);
    border-image-width: 0 0 1px 0;
    border-image-slice: 1;
}
.jq-selectbox.focused .jq-selectbox__select {
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(rgba(255,179,97,1)), to(rgba(253,206,66,1)));
    -webkit-border-image: -webkit-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(253,206,66,1) 100%);
    -moz-border-image: -moz-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(253,206,66,1) 100%);
    -o-border-image: -o-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(253,206,66,1) 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(rgba(255,179,97,1)), to(rgba(253,206,66,1)));
    border-image: linear-gradient(to right, rgba(255,179,97,1) 0%, rgba(253,206,66,1) 100%);
    border-image-width: 0 0 1px 0;
    border-image-slice: 1;
}

.typical_select_bordered .jq-selectbox__select:active {
    -webkit-border-image: none;
    -moz-border-image: none;
    -o-border-image: none;
    border-image: none;
    border: 1px solid rgba(178,192,222,0.9);
}
.typical_select_bordered .jq-selectbox.focused .jq-selectbox__select {
    -webkit-border-image: none;
    -moz-border-image: none;
    -o-border-image: none;
    border-image: none;
    border: 1px solid rgba(178,192,222,0.9);
}
.jq-selectbox.disabled .jq-selectbox__select {
    border-bottom: 1px solid rgba(178,192,222,0.24);
}
.jq-selectbox__select-text {
    display: block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #5D6C80;
}

.typical_select_bordered_with_txt .jq-selectbox__select-text {
    display: inline-block;
    vertical-align: top;
    width: auto;
}

.jq-selectbox__select-text:after {
    display: block;
    clear: both;
    content: '';
}
.typical_select_bordered .jq-selectbox__select-text {
    color: #fff;
}
.jq-selectbox.changed .jq-selectbox__select-text {
    color: #fff;
}
.jq-selectbox .placeholder {
    color: #5D6C80;
}
.typical_select_bordered .jq-selectbox__select-text,.typical_select_bordered .jq-selectbox .placeholder {
    color: #fff;
}
.jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
}
.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 0;
    height: 0;
    border-top: 5px solid #B2C0DE;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    opacity: 0.7;
    margin: 0px -4px 0 0;
}

.typical_select_bordered .jq-selectbox__trigger-arrow {
    margin: -2px -4px 0 0;
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    opacity: 1;
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    opacity: 0.24;
}
.jq-selectbox__dropdown {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: -webkit-calc(100% + 25px);
    width: -moz-calc(100% + 25px);
    width: calc(100% + 25px);
    margin: 0 -20px;
    padding: 10px 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: rgba(24,38,49,0.95);
    /* background: rgba(65,91,114,0.95); */
    font-size: 18px;
    color: #fff;
    -webkit-animation: fadeIn 0.3s ease-in;
    -moz-animation: fadeIn 0.3s ease-in;
    -o-animation: fadeIn 0.3s ease-in;
    animation: fadeIn 0.3s ease-in;
}
.typical_select_bordered .jq-selectbox__dropdown{
    width: 100%;
    margin: 0;
}
.modal .jq-selectbox__dropdown {
    top: 100% !important;
}
.jq-selectbox__search {
    margin: 5px;
}
.jq-selectbox__search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
    -webkit-appearance: textfield;
    padding: 0 30px 0 0;
    background: none;
    border: 0;
    display: block;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(174,193,224,0.24);
    height: 44px;
    line-height: 44px;
    font-size: 18px;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none;
}
.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background:rgba(174,193,224,0.24);
    font-size: 18px;
}
.jq-selectbox ul {
    margin: 0;
    padding: 0;
}
.jq-selectbox li {
    line-height: 24px;
    padding: 5px 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    color: #fff;
    font-size: 18px;
}
.typical_select_bordered .jq-selectbox li{
    padding: 5px 15px;
}
.typical_select_bordered .jq-selectbox li ,.typical_select_bordered .jq-selectbox__not-found,.typical_select_bordered .jq-selectbox__search input{
    font-size: 15px;
}
.jq-selectbox li:before{
    display: none;
}
.jq-selectbox li.selected {
    color: #F0CC50;
}
.jq-selectbox li:hover {
    color: #F0CC50;
}
.jq-selectbox li.disabled {
    opacity: 0.6;
}
.jq-selectbox li.disabled:hover {
    background: none;
}

.jq-selectbox li.option {
    padding-left: 25px;
}


.jq-select-multiple {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1px;
    border: 1px solid #CCC;
    border-bottom-color: #B3B3B3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #FFF;
    -webkit-box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
    font: 14px/18px Arial, sans-serif;
    color: #333;
    cursor: default;
}
.jq-select-multiple.focused {
    border: 1px solid #5794BF;
}
.jq-select-multiple.disabled {
    border-color: #CCC;
    background: #F5F5F5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #888;
}
.jq-select-multiple ul {
    margin: 0;
    padding: 0;
}
.jq-select-multiple li {
    padding: 3px 9px 4px;
    list-style: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}
.jq-select-multiple li:first-child {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
    background: #08C;
    color: #FFF;
}
.jq-select-multiple li.disabled {
    color: #AAA;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
    background: #CCC;
    color: #FFF;
}
.jq-select-multiple li.optgroup {
    font-weight: bold;
}
.jq-select-multiple li.option {
    padding-left: 25px;
}


.jq-file {
    width: 100%;
    background: none;
    border: 0;
    display: block;
    width: 100%;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    border: 2px solid rgba(178,192,222,0.24);
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    z-index: 9;
}

.jq-file.changed {border-color: #fff;}

.jq-file:hover {
    border: 2px solid rgba(178,192,222,0.7);
}
.jq-file input {
    height: auto;
    line-height: 1em;
    cursor: pointer;
}
.jq-file__name {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 20px;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.jq-file__browse {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
}


/* _______________________ Home ___________________________ */

/*BEGIN sponsors_container=>>*/
.sponsors_container{
    background: #05050B;
    padding: 65px 0 65px;
}
.sponsors_block{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sponsor_icon{
    display: inline-block;
    vertical-align: middle;
}

.sponsor_icon:hover {
    opacity: 0.75;
}
.sponsor_icon img{
    display: block;
}
/*<<=sponsors_container END*/

/*BEGIN footer=>>*/
footer{
    background: url(../img/homepage/bgfooter.jpg) top center no-repeat;
    background-size: cover;
}
.bottom_footer{
    background: #0C0E13;
    padding: 23px 0;
}
.copyright_foot{float: left;}

.copyright_foot ul {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.copyright_foot p{
    color: #727E8E;
    display: inline-block;
    vertical-align: top;
}
.copyright_foot li{
    display: inline-block;
    vertical-align: top;
    padding-left: 18px;
    margin-left: 10px;
}
.copyright_foot a{
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
.copyright_foot a:hover{border-bottom: 1px solid #F0CC50;}
.copyright_foot li:before{
    background: #6D7F90;
    left: 0;
}
.scrollup{
    vertical-align: top;
    color: #727E8E;
    position: fixed;
    bottom: 60px;
    right: 30px;
    z-index: 99999999;
}
.scrollup i{
    color: rgba(240, 205, 80, 0.6);
    font-size: 32px;
}

.scrollup:hover i{
    transition: all .3s;
    font-size: 38px;
    color: rgba(240, 205, 80,1);
}

.top_footer{
    margin-top: 100px;
    padding: 70px 0 71px;
}

.top_footer .gradient_btn {
    margin-top: 26px;
}

.top_foot_row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.top_foot_col{
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
    padding-right: 40px;
}
.logo_foot{
    width: 94px;
    display: block;
    margin-bottom: 23px;
}
.logo_foot img{
    display: block;
}
.top_foot_row p{
    color: #000;
    margin: 19px 0 0;
}
.top_foot_row h3{
    font-size: 20px;
    line-height: 23px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    margin: 4px 0 16px;
    letter-spacing: 2px;
}
.social_foot{
    padding-top: 31px;
}
.social_ic{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-image: -webkit-gradient( linear, left bottom, left top, from(rgb(254,177,102)), to(rgb(240,204,80)));
    background-image: -webkit-linear-gradient( bottom, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: -moz-linear-gradient( bottom, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: -o-linear-gradient( bottom, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: linear-gradient( 0deg, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    width: 50px;
    height: 50px;
    font-size: 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 6px;
}
.fa{
    color: inherit;
    position: relative;
    z-index: 2;
}
.navy_icon{
    color: #090E16;

}
.white_icon{
    color: #fff;
}

.social_ic_2 {
    font-size: 21px;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;
}
.white_icon:hover i{
    background: -webkit-gradient( linear, left bottom, left top, from(rgb(254,177,102)), to(rgb(240,204,80)));
    background: -webkit-linear-gradient( bottom, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background: -moz-linear-gradient( bottom, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background: -o-linear-gradient( bottom, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background: linear-gradient( 0deg, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: fadeIn 0.3s ease-in;
    -moz-animation: fadeIn 0.3s ease-in;
    -o-animation: fadeIn 0.3s ease-in;
    animation: fadeIn 0.3s ease-in;
}

.top_foot_nav{
    display: inline-block;
    vertical-align: top;
    padding-left: 9px;
    width: 49%;
}
.top_foot_nav li{
    padding: 0;
}
.top_foot_nav li:before{
    display: none;
}
.top_foot_nav a{
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    line-height: 30px;
    font-weight: 800;
    display: inline-block;
    letter-spacing: 1.5px;
    text-shadow: 0px 0px 10px #0000007a;
}
.top_foot_nav a:hover{
    color: #F0CC50;
}
.top_foot_nav ul{
    margin: 0;
}
.foot_subscribe_input{
    color: #fff;
    -webkit-box-shadow: inset 0px 0px 2px 0px #4B5B71;
    -moz-box-shadow: inset 0px 0px 2px 0px #4B5B71;
    box-shadow: inset 0px 0px 2px 0px #4B5B71;
    background: none;
    width: 270px;
    text-align: center;
    display: block;
    border: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    height: 55px;
    margin: 10px 0 -16px;
    font-size: 18px;
    line-height: normal;
    position: relative;
}

.foot_subscribe_input:focus {
    -webkit-box-shadow: inset 0px 0px 2px 0px #fff;
    -moz-box-shadow: inset 0px 0px 2px 0px #fff;
    box-shadow: inset 0px 0px 2px 0px #fff;
}
.foot_subscribe_input::-webkit-input-placeholder{font-size: 16px; color: #5D6C80;text-transform: uppercase;}
.foot_subscribe_input::-moz-placeholder{font-size: 16px; color: #5D6C80;text-transform: uppercase;}
.foot_subscribe_input:-moz-placeholder{font-size: 16px; color: #5D6C80;text-transform: uppercase;}
.foot_subscribe_input:-ms-input-placeholder{font-size: 16px; color: #5D6C80;text-transform: uppercase;}
.gradient_btn{
    background-image: -webkit-gradient( linear, left bottom, left top, from(rgb(254,177,102)), to(rgb(240,204,80)));
    background-image: -webkit-linear-gradient( bottom, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: -moz-linear-gradient( bottom, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: -o-linear-gradient( bottom, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: linear-gradient( 0deg, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    position: relative;
    border: 0;
}
.gradient_btn.gradient_btn_orange{
    background: rgb(253, 92, 43);
    background: -moz-linear-gradient(left, rgba(253, 92, 43,1) 0%, rgb(255, 127, 88) 100%);
    background: -webkit-linear-gradient(left, rgba(253, 92, 43,1) 0%, rgba(255, 127, 88,1) 100%);
    background: -o-linear-gradient(left, rgba(253, 92, 43,1) 0%, rgba(255, 127, 88,1) 100%);
    background: linear-gradient(to right, rgba(253, 92, 43, 1) 0%, rgba(255, 127, 88,1) 100%);
}
.bordered_btn{
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    position: relative;
    border: 0;
}
.gradient_btn_xs, .bordered_btn_xs {
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
}
.gradient_btn_txt,.bordered_btn_txt{
    display: block;
    font-size: 18px;
    line-height: 25px;
    color: #0E1521;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    padding: 15px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    width: 270px;
    z-index: 2;
    position: relative;
    letter-spacing: 1.8px;
    background: none;
}
.bordered_btn_txt{
    color: #fff;
    -webkit-box-shadow: inset 0px 0px 2px 0px #4B5B71;
    -moz-box-shadow: inset 0px 0px 2px 0px #4B5B71;
    box-shadow: inset 0px 0px 2px 0px #4B5B71;
}
.gradient_btn_xs .gradient_btn_txt,.bordered_btn_xs .bordered_btn_txt{
    font-size: 16px;
    padding: 8px;
    line-height: 26px;
    width: 140px;
    font-weight: 900;
}
.styled_btn{
    position: relative;
    overflow: hidden;
}
.styled_btn:hover .bordered_btn_txt{
    color: #030D1C;
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,1);
}
.gradient_btn_white{
    color: #000;
    background: rgba(255,255,255,.8);
    background: -moz-linear-gradient(top, rgba(255,255,255,.8) 0%, rgba(255,255,255,.7)100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,.8)), color-stop(100%, rgba(255,255,255,.7)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,.8) 0%, rgba(255,255,255,.7) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,.8) 0%, rgba(255,255,255,.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.8)), to(rgba(255,255,255,.7)));
    background: linear-gradient(to bottom, rgba(255,255,255,.8) 0%, rgba(255,255,255,.7) 100%);
}
.btn_decor{
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    -o-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
}
.styled_btn:hover .btn_decor{
    width: 250%;
    height: 250%;

}



/*<<=footer END*/

/*BEGIN header=>>*/
header{
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 20px;
    background: rgba(0,0,0,0.2);
    z-index: 999;
}
.left_head{
    float: left;
    padding-top: 14px;
}
.left_head .logo{
    display: inline-block;
    vertical-align: top;
    width: 94px;
    margin-top: 10px;
}
.left_head .logo img{
    display: block;
}
.navigation{
    display: inline-block;
    vertical-align: top;
    margin: -1px 0 0;
}

.nav_head li{
    display: inline-block;
    vertical-align: top;
    margin-right: 11px;
}
.nav_head li:before{
    background: #45556B;
    /* left: 0; */
}
.nav_head li:first-child:before{
    display: none;
}
.nav_head a{
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
}

.nav_head a:hover,.active_nav_head_item a {
    color: #F0CC50;
}
.right_head{
    float: right;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
}
.search_head{
    display: inline-block;
    vertical-align: top;
    padding-top: 25px;
    padding-right: 10px;
}
.search_pull{
    display: block;
    width: 22px;
    height: 22px;
    color:white;
    position: relative;
}
.search_pull i:hover, .friends_pull i:hover,.teams_pull i:hover, .notification_pull i:hover{
    color:#FFC107;
}
.search_pull.active{
    background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22%u0421%u043B%u043E%u0439_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill%3A%234B5B71%3B%7D%0A%3C/style%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M1.7%2C0.1L0.1%2C1.7L9.3%2C11L0%2C20.4L1.6%2C22l9.4-9.3l9.3%2C9.3l1.7-1.7L12.7%2C11L22%2C1.7L20.3%2C0L11%2C9.4L1.7%2C0.1z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E);
    -moz-background-size: 100%;
    background-size: 100%;
}
.search_pull.active:hover{
    background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22%u0421%u043B%u043E%u0439_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill%3A%23ffffff%3B%7D%0A%3C/style%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M1.7%2C0.1L0.1%2C1.7L9.3%2C11L0%2C20.4L1.6%2C22l9.4-9.3l9.3%2C9.3l1.7-1.7L12.7%2C11L22%2C1.7L20.3%2C0L11%2C9.4L1.7%2C0.1z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E);
    -moz-background-size: 100%;
    background-size: 100%;
}
button.search_pull i {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.friends_pull i, .teams_pull i {
    font-size: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
button.search_pull.active i.fa-search{
    opacity: 0;
}
#datatable .even{
    background-color: rgba(3, 13, 28,.2) !important;
}
.search_hidden{
    /* display: none; */
    /* animation: searchTranslate 1s ease-in; */
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: rgba(16,24,35,1);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(16,24,35,1)), color-stop(70%, rgba(16,24,35,0.83)), to(rgba(16,24,35,0)));
    background: -webkit-linear-gradient(top, rgba(16,24,35,1) 0%, rgba(16,24,35,0.83) 70%, rgba(16,24,35,0) 100%);
    background: -moz-linear-gradient(top, rgba(16,24,35,1) 0%, rgba(16,24,35,0.83) 70%, rgba(16,24,35,0) 100%);
    background: -o-linear-gradient(top, rgba(16,24,35,1) 0%, rgba(16,24,35,0.83) 70%, rgba(16,24,35,0) 100%);
    background: linear-gradient(to bottom, rgba(16,24,35,1) 0%, rgba(16,24,35,0.83) 70%, rgba(16,24,35,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101823', endColorstr='#101823', GradientType=0 );
    height: 50vh;
    z-index: -1;
}

.search_hidden.active {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    /* display: block; */
    /* z-index: 1; */
}
.search_hidden_topline{
    position: relative;
    margin: 50px 0;
}
.search_input{
    display: block;
    background: none;
    border: 0;
    line-height: 50px;
    width: 100%;
    padding: 16px 0 0;
    height: 70px;
    font-size: 50px;
}
.search_input::-webkit-input-placeholder{font-size: 50px; color: #727E8E;line-height: 1;}
.search_input::-moz-placeholder{font-size: 50px; color: #727E8E;line-height: 1;}
.search_input:-moz-placeholder{font-size: 50px; color: #727E8E;line-height: 1;}
.search_input:-ms-input-placeholder{font-size: 50px; color: #727E8E;line-height: 1;}
.search_input:hover::-webkit-input-placeholder{color: #fff;}
.search_input:hover::-moz-placeholder{color: #fff;}
.search_input:hover:-moz-placeholder{color: #fff;}
.search_input:hover:-ms-input-placeholder{color: #fff;}

.search_btn{
    background: none;
    background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill%3A%236D7F90%3B%7D%0A%3C/style%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M8.8%2C0.5h1c2.7%2C0.2%2C5.3%2C1.7%2C6.7%2C4c1.9%2C2.9%2C1.7%2C6.9-0.4%2C9.6c-0.4%2C0.4%2C0.2%2C0.7%2C0.4%2C1c1.5%2C1.6%2C3.1%2C3.1%2C4.5%2C4.7%0A%09%09%09c0.6%2C0.7-0.1%2C1.6-0.8%2C1.7h-0.4c-2-1.7-3.6-3.7-5.5-5.6c-1.9%2C1.2-4.3%2C1.8-6.5%2C1.3c-2.9-0.5-5.5-2.8-6.4-5.6C0.4%2C8.9%2C1%2C5.6%2C3%2C3.4%0A%09%09%09C4.3%2C1.7%2C6.6%2C0.7%2C8.8%2C0.5z%20M7.5%2C3c-2.3%2C0.7-4%2C2.7-4.4%2C5c-0.3%2C2.2%2C0.6%2C4.5%2C2.4%2C5.9c1.6%2C1.3%2C3.9%2C1.7%2C5.9%2C1c2.2-0.7%2C3.9-2.8%2C4.2-5.2%0A%09%09%09c0.3-2.1-0.6-4.3-2.3-5.6C11.7%2C2.8%2C9.5%2C2.4%2C7.5%2C3z%22/%3E%0A%09%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E);
    width: 42px;
    height: 42px;
    -moz-background-size: 100%;
    background-size: 100%;
    color: transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
}
.search_btn:hover{
    background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill%3A%23ffffff%3B%7D%0A%3C/style%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M8.8%2C0.5h1c2.7%2C0.2%2C5.3%2C1.7%2C6.7%2C4c1.9%2C2.9%2C1.7%2C6.9-0.4%2C9.6c-0.4%2C0.4%2C0.2%2C0.7%2C0.4%2C1c1.5%2C1.6%2C3.1%2C3.1%2C4.5%2C4.7%0A%09%09%09c0.6%2C0.7-0.1%2C1.6-0.8%2C1.7h-0.4c-2-1.7-3.6-3.7-5.5-5.6c-1.9%2C1.2-4.3%2C1.8-6.5%2C1.3c-2.9-0.5-5.5-2.8-6.4-5.6C0.4%2C8.9%2C1%2C5.6%2C3%2C3.4%0A%09%09%09C4.3%2C1.7%2C6.6%2C0.7%2C8.8%2C0.5z%20M7.5%2C3c-2.3%2C0.7-4%2C2.7-4.4%2C5c-0.3%2C2.2%2C0.6%2C4.5%2C2.4%2C5.9c1.6%2C1.3%2C3.9%2C1.7%2C5.9%2C1c2.2-0.7%2C3.9-2.8%2C4.2-5.2%0A%09%09%09c0.3-2.1-0.6-4.3-2.3-5.6C11.7%2C2.8%2C9.5%2C2.4%2C7.5%2C3z%22/%3E%0A%09%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E);
    -moz-background-size: 100%;
    background-size: 100%;
}
.search_hidden li{
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.search_hidden li:before{
    display: none;
}
.social_head {
    display: inline-block;
    vertical-align: top;
    border: 2px solid rgba(65,91,114,0.3);
    border-bottom: 0;
    border-top: 0;
    margin: 14px 28px 0 26px;
    padding: 9px 20px 8px 19px;
}
.languages_head {
    display: inline-block;
    vertical-align: top;
    border: 2px solid rgba(65,91,114,0.3);
    border-bottom: 0;
    border-top: 0;
    width: 80px;
    margin: 13px 0 0 0;
    padding: 9px 0 8px 0;
    text-align: center;
}
.languages_head .flag{
    padding: 3px 5px 5px 5px;
    border-radius: 5px;
    font-size: 14px;
    color: #FFC107;
}
.languages_head .flag:hover,.languages_head .flag:focus{
    color: #fff;
    background-color: rgb(255, 193, 7);
    transition: all .3s;

    font-weight: 900;
}
.languages_head .flag img{
    float: left;
    margin: 2px 6px;
    max-width:24px;
}

.login_head{
    display: flex;
    vertical-align: top;
    padding-top: 14px;
}

.login_head .gradient_btn {
    margin-left: 6px;
    display:inline-block !important;
}

/*<<=header END*/

/*BEGIN welcome_container=>>*/

.container_title{
    font-weight: 800;
    font-size: 36px;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2.5px;
}

.events-table-esport{
    font-family: 'Almarai',sans-serif;
}

.welcome_container{
    background: url(../img/homepage/bg.jpg) top center no-repeat;
    padding-top: 90px;
    background-size: cover;
    display: flex;
    align-items: center;
    position:relative;
    margin-bottom: -50px;
}
.welcome_container:before {
    position: absolute;
    bottom: -2px;
    content: '';
    width: 100%;
    height: 152px;
    z-index: 10;
    background: url(../img/homepage/wedge.png) top center no-repeat;
    background-size:cover;
}
.welcome_container .welc_inner:first-child h1 {
    color: black;
    text-transform: uppercase;
    font-size: 100px;
    text-align: left;
    line-height: 100px;
}

.welcome_container .welc_inner:first-child h2 {
    font-size: 28px;
    font-weight: 700;
    margin-top: 30px !important;
    letter-spacing: 1px;
    color: black;
    margin-bottom: 60px;
}
.welcome_container .welc_inner:first-child {
    padding-left: 10%;
    width: 60%;
    z-index: 11;
    position:relative;
}

.welcome_container .welc_btns {
    display: flex;
    justify-content: space-between;
}
.welcome_container .welc_btns a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px 5px;
}
.welcome_container .welc_btns a > div:hover {
    background: #e6c85a;
    color: #1f2128;
}

.welcome_container .welc_btns a > div {
    background: #1f2128;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    padding: 15px 0px;
    border: 2px solid #e6c85a;
    margin-top: 10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/*<<=welcome_container END*/



/*BEGIN latest_news_container=>>*/
.latest_news_container{
    padding: 91px 0 100px;
    /*z-index: 12;*/
    position: relative;
}
.tabs_block_topline{
    border-bottom: 1px solid rgba(173,192,224,0.24);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 13px;
}

.pubgm_matches{
   flex-wrap: wrap;
    justify-content: flex-end;
}

.tabs_title h2 {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 2.1px;
}
.block_title{
    line-height: normal;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 2px;
}
.tabs_title .block_title {

    display: inline-block;

    vertical-align: baseline;
}
.tabs_title a{
    font-size: 18px;
    color: #F0CC50;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 13px;
}

.tabs_title a:hover {
    color: #fff;
}
.tabs{
    position: relative;
    margin-right: -21px;
}
.tab{
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: baseline;
    cursor: pointer;
    position: relative;
}

.tab:hover {
    color: #F0CC50;
}
.tab a{
    padding: 5px 10px;
    color: inherit;
    text-decoration: none;
}


.tab a span {
    color: #dadada;
    margin-left: 8px;
}

.tab a span span{
    color: #F0CC50;
    margin-left: 8px;
}

.tab:before {
    content: '';
    width: 3px;
    height: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
    background: #6D7F90;
}

.tabs .tab:first-child:before{
    display: none;
}


.tab.ml-open, .tab.active{
    color: #F0CC50;
}
.tabs_content .rulles_wrap{
    padding: 15px;
}
.tabs_content{
    text-align: center;
}

.magic-line {
    position: absolute;
    bottom: -13px;
    left: 0;
    width: 80px;
    height: 2px;
    padding: 0;
    /* margin-left: 17px; */
}
.magine:before{
    content: '';
    width: auto;
    height: auto;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 21px;
    bottom: 0;
    left: 21px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(254,177,102)), to(rgb(240,204,80)));
    background-image: -webkit-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: -moz-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: -o-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: linear-gradient(to right, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
}

.latest_news_content{
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    height: 470px;
    margin-top: 30px;
    text-align: left;
}
.latest_news_slider{width: -webkit-calc(100% - 400px);width: -moz-calc(100% - 400px);width: calc(100% - 400px);float: left;}

.latest_news_item{
    position: relative;
    height: 470px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 0 16px 20px;
    overflow: hidden;
}

.latest_news_img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 20%;
    background: rgba(14,21,33,0.8);
    background: -moz-linear-gradient(top, rgba(14,21,33,0.8) 0%, rgba(14,21,33,0.03) 71%, rgba(14,21,33,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,21,33,0.8)), color-stop(71%, rgba(14,21,33,0.03)), color-stop(100%, rgba(14,21,33,0)));
    background: -webkit-linear-gradient(top, rgba(14,21,33,0.8) 0%, rgba(14,21,33,0.03) 71%, rgba(14,21,33,0) 100%);
    background: -o-linear-gradient(top, rgba(14,21,33,0.8) 0%, rgba(14,21,33,0.03) 71%, rgba(14,21,33,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(14,21,33,0.8)), color-stop(71%, rgba(14,21,33,0.03)), to(rgba(14,21,33,0)));
    background: linear-gradient(to bottom, rgba(14,21,33,0.8) 0%, rgba(14,21,33,0.03) 71%, rgba(14,21,33,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e1521', endColorstr='#0e1521', GradientType=0 );
}

.latest_news_item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 50%;
    background: rgba(14,21,33,0);
    background: -moz-linear-gradient(top, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,21,33,0)), color-stop(29%, rgba(14,21,33,0.03)), color-stop(100%, rgba(14,21,33,0.8)));
    background: -webkit-linear-gradient(top, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    background: -o-linear-gradient(top, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(14,21,33,0)), color-stop(29%, rgba(14,21,33,0.03)), to(rgba(14,21,33,0.8)));
    background: linear-gradient(to bottom, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e1521', endColorstr='#0e1521', GradientType=0 );
}

.latest_news_item:hover:after {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.latest_news_img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.latest_news_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 40%;
    background: rgba(254,177,101,0);
    background: -moz-linear-gradient(top, rgba(254,177,101,0) 0%, rgba(254,177,101,0.03) 29%, rgba(254,177,101,0.4) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,177,101,0)), color-stop(29%, rgba(254,177,101,0.03)), color-stop(100%, rgba(254,177,101,0.4)));
    background: -webkit-linear-gradient(top, rgba(254,177,101,0) 0%, rgba(254,177,101,0.03) 29%, rgba(254,177,101,0.4) 100%);
    background: -o-linear-gradient(top, rgba(254,177,101,0) 0%, rgba(254,177,101,0.03) 29%, rgba(254,177,101,0.4) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(254,177,101,0)), color-stop(29%, rgba(254,177,101,0.03)), to(rgba(254,177,101,0.4)));
    background: linear-gradient(to bottom, rgba(254,177,101,0) 0%, rgba(254,177,101,0.03) 29%, rgba(254,177,101,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb165', endColorstr='#feb165', GradientType=0 );
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.latest_news_item:hover .latest_news_img:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.latest_news_category_link{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: absolute;
    /*z-index: 2;*/
    top: 15px;
    left: 20px;
}

.latest_news_category_link:hover .latest_news_category_title {
    color: #F0CC50;
}

.latest_news_category_link:hover {
    color: #F0CC50;
}
.latest_news_category_icon{
    display: block;
    width: 29px;
    height: 29px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    background: url(../img/svg/gradient_border.svg) no-repeat top center;
    -moz-background-size: 100%;
    background-size: 100%;
}
.latest_news_category_icon_hover{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(254,177,102)), to(rgb(240,204,80)));
    background-image: -webkit-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: -moz-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: -o-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: linear-gradient(to right, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    /*z-index: 2;*/
}

.latest_news_category_link:hover .latest_news_category_icon_hover {
    opacity: 1;
}
.latest_news_category_icon img{
    display: block;
}
.latest_news_category_title{
    font-size: 13px;
    opacity: 0.7;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
    padding-left: 12px;
    margin-left: 10px;
}

.latest_news_category_title:before {
    content: '';
    width: 3px;
    height: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 0;
    background: #6D7F90;
}
.latest_news_txt{
    position: relative;
    padding: 0 21px 0;
    /*z-index: 2;*/
}

.latest_news_txt:before {
    content: '';
    background: #F0CC50;
    width: 2px;
    position: absolute;
    left: 0;
    top: 5px;
    bottom: 4px;
}
.latest_news_txt h4{
    font-size: 22px;
    line-height: normal;
    margin-bottom: 8px;
}
.latest_news_txt p{
    font-size: 16px;
    margin: 0 0 21px;
}

.more_link{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #F0CC50;
    margin-left: 10px;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    z-index: 999;
    letter-spacing: 1.5px;
    padding-right: 27px;
}

.more_link:before {
    content: '';
    background: url(../img/svg/arrow-right.svg) no-repeat top center;
    -moz-background-size: 100%;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 16px;
    height: 16px;
    margin-top: -8px;
}

.more_link:hover:before {
    background: url(../img/svg/arrow-right-w.svg) no-repeat top center;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-animation: leftRightMove 1s infinite ease-in;
    -moz-animation: leftRightMove 1s infinite ease-in;
    -o-animation: leftRightMove 1s infinite ease-in;
    animation: leftRightMove 1s infinite ease-in;
}

.more_link:hover {
    color: #fff;
}
.latest_news_preview{
    width: 400px;
    float: right;
    height: 100%;
    overflow-y: auto;
}

.latest_news_preview .latest_news_txt h4 {
    font-size: 20px;
    margin-bottom: 13px;
    line-height: 28px;
}
.latest_news_preview .latest_news_item{
    height: 50%;
}
/*<<=latest_news_container END*/



/* Create tournament begin */
.create_steps{
    overflow-y: auto;
}
.sidebar_wrapper {
    background: #00000020;
    width: 470px;
    margin-top: 70px;
    padding: 40px 30px 30px 30px;
    position: absolute;
    left: 0px;
    /* min-height: 600px; */
    /* height: calc(100vh - 70px); */
    z-index: 10;
}
.team_creation_wrapper {
    display: flex;
    padding-left: 470px;
}

.team_creation_wrapper .admin_container{
    width: 100%;
}
.team_creation_wrapper .form_line_columned {
    flex-wrap: wrap;
}
.team_creation_wrapper .form_line_columned .form_line {
    width: 100%;
}
.team_creation_wrapper .form_line_columned .form_line:nth-child(2n) {
    padding-left: 0px;
}
.tc-steps .tcs.active, .tc-steps .tcs:hover {
    background: #f1cb51;
    opacity: 1;
}
.tc-steps .tcs {
    height: 9px;
    width: 18%;
    background: #fff;
    opacity: 0.15;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tc-steps {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}
.tc-wrapper {
    position: relative;
    bottom: 0px;
    left: 0px;
    z-index: 78;
    padding: 11px;
    padding-top: 15px;

}
/* Create tournament ends */

/*BEGIN main_container=>>*/
.main_container{
    padding: 200px 0 80px;
    min-height: 100vh;
    position: relative;
}

@-webkit-keyframes show-notification {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
    }
    10% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
    }
    90% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
    }
}

@-moz-keyframes show-notification {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
        -moz-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
    10% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    90% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
        -moz-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
}

@-o-keyframes show-notification {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
    10% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    90% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
}

@keyframes show-notification {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
        -moz-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
    10% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    90% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0, -100%);
        -moz-transform: translate(0, -100%);
        -o-transform: translate(0, -100%);
        transform: translate(0, -100%);
    }
}
/*<<=main_container END*/

/*BEGIN notifications_head=>>*/
.notifications_head{
    display: inline-block;
    vertical-align: top;
    padding-top: 11px;
    margin-left: 10px;
    position: relative;
}
.notification_pull i {
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.notification_pull{
    width: 22px;
    height: 22px;
    display: block;
    position: relative;
    z-index: 99992;
}


.notifications_head_hidden,.friends_head_hidden, .teams_head_hidden{
    background: rgba(35,46,61,0.95);
    position: absolute;
    top: 100%;
    max-height: -webkit-calc(100vh - 170px);
    max-height: -moz-calc(100vh - 170px);
    max-height: calc(100vh - 170px);
    overflow: hidden;
    width: 480px;
    max-width: 100vw;
    z-index: 99;
    right: 50%;
    transform: translateX(50%);
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    display: none;
    z-index: 99991;
    padding-top: 0px;
}
.notifications_head_hidden{
    overflow-y: auto;
    max-height: 550px;
}
.notification_pull:after,.friends_pull:before, .teams_pull:before{
    bottom: -23px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(23, 42, 59, 0);
    border-bottom-color: #172a3b;
    border-width: 10px;
    margin-left: -10px;
    opacity: 0;
}

.friends_pull:before, .teams_pull:before {
    bottom: -24px;
}
.notification_pull.active:after,.friends_pull.active:before, .teams_pull.active:before{
    opacity: 1;
}

.teams_head_hidden .gradient_btn, .friends_head_hidden .gradient_btn,.login_head .friends_head_hidden .gradient_btn {
    margin: 13px auto;
    display: block;
    width: 100%;
}
.popup_gradient{
    max-width:250px;
}
.friends_head_hidden .gradient_btn_txt, header .friends_head_hidden .gradient_btn_xs .gradient_btn_txt,
.teams_head_hidden .gradient_btn_txt, header .teams_head_hidden .gradient_btn_xs .gradient_btn_txt{
    width: 100%;
    display: block;
    font-size: 16px;
}
.hidden_menu_title{
    background: rgba(31,37,49,0.95);
    padding: 9px 20px;
    position: relative;
}
.hidden_menu_title p{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 1.5px;
    width:100%;
}
.hidden_menu_title a:hover {
    background: #f6bb3d;
}
.hidden_menu_title a {
    float: right;
    padding: 0px 10px;
    font-size: 12px;
    background: #9da3b430;
    text-decoration: none;
    color: white;
    margin-left: 5px;
}
.hidden_menu_title_number{
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 5px;
    min-width: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #6D7F90;
    font-size: 15px;
    background: rgba(114,126,142,0.18);
    margin-left: 7px;
}
.hidden_menu_empty_block{
    min-height: 180px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
}
.hidden_menu_empty_block_icon{
    display: block;
    width: 54px;
    margin: 0 auto;
}
.hidden_menu_empty_block p{
    width: 100%;
    text-align: center;
    margin-top: 5px;
    letter-spacing: 0.5px;
}

.hidden_menu_empty_block .hidden_menu_txt_lvl2 {
    font-size: 14px;
    line-height: 26px;
    color: #6D7F90;
    letter-spacing: 0px;
    margin-top: 0;
}

.hidden_menu_empty_block .hidden_menu_txt_lvl2 a {
    color: #6D7F90;
}

.hidden_menu_empty_block .hidden_menu_txt_lvl2 a:hover {
    color: #fff;
}
.hidden_menu_block{
    max-height: -webkit-calc(100vh - 138px);
    max-height: -moz-calc(100vh - 138px);
    max-height: calc(100vh - 138px);
    overflow: auto;
}
.hidden_menu_block ul{
    padding: 0 20px;
}

ul .notifications_item:last-child {
    border: 0;
}
.notifications_item{
    width: 100%;
    padding: 10px 0;
    border-bottom: 2px solid rgba(104,123,149,0.18);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.notifications_item .profile_head_img {
    margin-top: 5px;
}
.notifications_item:before{
    display: none;
}
.notifications_item_txt{
    font-size: 14px;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
    display: block;
    padding-left: 8px;
    line-height: 21px;
}
.notifications_item_txt b{
    font-weight: 700;
}
.notifications_item_date,.notifications_item_category,.notification_online_tag,.notification_offline_tag{
    display: block;
    font-size: 14px;
    color: #6D7F90;
    margin-top: 5px;
}
.notifications_item_category,.notification_online_tag,.notification_offline_tag{
    margin: 0;
}
.friends_head_hidden .notifications_item_txt, .teams_head_hidden .notifications_item_txt{
    text-decoration: none;
    font-size: 17px;
    line-height: 26px;
    color: #fff;
}
.friends_head_hidden .notifications_item_txt:hover, .teams_head_hidden .notifications_item_txt:hover {
    color: #F0CC50;
}
.friends_head_hidden .notifications_item_txt:hover .notifications_item_category, .teams_head_hidden .notifications_item_txt:hover .notifications_item_category{
    color: #6D7F90;
}
.notification_online_tag,.friends_head_hidden .notifications_item_txt:hover .notification_online_tag, .teams_head_hidden .notifications_item_txt:hover .notification_online_tag{
    color: #43EA7D;
}
.friends_head_hidden .notifications_item_txt:hover .notification_offline_tag, .teams_head_hidden .notifications_item_txt:hover .notification_offline_tag{
    color: #6D7F90;
}
.hidden_menu_title_check{
    background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22%u0421%u043B%u043E%u0439_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill%3A%23727E8E%3B%7D%0A%3C/style%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M15.5%2C5l-6%2C6.3L8.4%2C10L7%2C11.4l1.2%2C1.3L7%2C14l-3.6-4L2%2C11.4L7%2C17L17%2C6.4L15.5%2C5z%20M20.5%2C5L12%2C14l-0.4-0.5L10.2%2C15%0A%09%09l1.8%2C2L22%2C6.4L20.5%2C5z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E) no-repeat top center;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
}
.hidden_menu_title_check:hover{
    background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22%u0421%u043B%u043E%u0439_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill%3A%23F0CC50%3B%7D%0A%3C/style%3E%0A%3Cg%20id%3D%22surface1%22%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M15.5%2C5l-6%2C6.3L8.4%2C10L7%2C11.4l1.2%2C1.3L7%2C14l-3.6-4L2%2C11.4L7%2C17L17%2C6.4L15.5%2C5z%20M20.5%2C5L12%2C14l-0.4-0.5L10.2%2C15%0A%09%09l1.8%2C2L22%2C6.4L20.5%2C5z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E) no-repeat top center;
    -moz-background-size: 100%;
    background-size: 100%;
}

.friend_pull_has_items::after{
    content: '';
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background:-webkit-gradient( linear, left bottom, left top, from(rgb(254,177,102)), to(rgb(240,204,80)));
    background:-webkit-linear-gradient( bottom, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background:-moz-linear-gradient( bottom, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background:-o-linear-gradient( bottom, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background:linear-gradient( 0deg, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
}

/*<<=notifications_head END*/

/*BEGIN friends_head=>>*/
.friends_head{
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 10px 28px 0 19px;
}
.teams_head {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0px 0 19px;
}

.friends_head .hidden_menu_empty_block, .teams_head .hidden_menu_empty_block {
    padding: 29px 0 24px;
}
.friends_pull{

    width: 22px;
    height: 22px;
    display: block;
    position: relative;
    z-index: 99992;
}
.teams_pull{

    width: 22px;
    height: 22px;
    display: block;
    position: relative;
    z-index: 99992;
}
.hidden_menu_empty_block{
    min-height: 250px;
}
.hidden_menu_teams{
    max-height: -webkit-calc(39vh - 138px);
    max-height: -moz-calc(39vh - 138px);
    max-height: calc(39vh - 138px);
    overflow: auto;
}
.hidden_menu_friends{
    max-height: -webkit-calc(61vh - 48px);
    max-height: -moz-calc(61vh - 48px);
    max-height: calc(61vh - 48px);
    overflow: auto;
}
.friends_head_hidden ul, .teams_head_hidden ul{
    padding: 5px 20px;
}
.friends_head_hidden li, .teams_head_hidden li{
    padding: 9px 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.friends_head_hidden .notifications_item .profile_head_img, .teams_head_hidden .notifications_item .profile_head_img {
    margin: 0;
}

.all_requests_action{
    text-align: right;
    font-size: 20px;
    margin: 4px;
    margin-right: 41px;
    line-height: 2;
}
.distribution_rm i, .clone_add_btn i, .clone_add_btn_new i{
    font-size: 18px;
}
.distribution_rm:hover i, .clone_add_btn:hover i{
    color: #F0CC50;
    transition: color .3s;
}

.distribution_rm, .clone_add_btn, .clone_add_btn_new{
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: normal normal normal 10px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 2px solid rgba(109,127,144,0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    right: -40px;
    margin-top: -11px;
    padding-top: 0;
    bottom: 0;
}

.clone_add_btn_new{
    bottom: 40px;
    top: auto;
    margin: 0;
    right: -40px;
}

.hidden_menu_subtitle{
    font-size: 14px;
    line-height: 26px;
    color: #6D7F90;
    padding: 10px 20px 5px;
}
.friends_head_hidden ul.hidden_menu_invites, .teams_head_hidden ul.hidden_menu_invites{
    border-bottom: 2px solid rgba(104,123,149,0.18);
    padding: 0 0 6px;
    margin: 0 20px;
}
.friends_head_hidden li.notifications_item_invite, .teams_head_hidden li.notifications_item_invite{
    border: 0;
    background: rgba(75,91,113,0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 0 0 4px -10px;
    padding-left: 10px;
    padding-right: 15px;
}

.notifications_item_btns{
    display: flex;
    position: absolute;
    right: 15px;
    top: 3px;
}
.swalModal {
    background-color: #1f2f3c !important;
}
.notifModalTitle {
    margin-top: -27px;
}
.notifModalDescription {
    margin-top: 25px;
}
.notif_body{
    display: block;
}
.notifications_item_accept{
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background: url(../img/svg/gradient_border.svg) no-repeat top center;
    -moz-background-size: 100%;
    background-size: 100%;
    position: relative;
    border: 0;
    margin-right: 5px;
}
.notifications_item_accept:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,179,97,1);
    background: -moz-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(240,205,80,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,179,97,1)), color-stop(100%, rgba(240,205,80,1)));
    background: -webkit-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(240,205,80,1) 100%);
    background: -o-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(240,205,80,1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,179,97,1)), to(rgba(240,205,80,1)));
    background: linear-gradient(to right, rgba(255,179,97,1) 0%, rgba(240,205,80,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb361', endColorstr='#f0cd50', GradientType=1 );
    opacity: 0;
}
.notifications_item_accept:hover:before{
    opacity: 1;
}
.notifications_item_decline{
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 2px solid rgba(109,127,144,0.5);
}
.notifications_item_accept span{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cpath class='st0' fill='%23fff' d='M3.2,10.5C3.1,10.4,3,10.3,3,10.2c0-0.1,0.1-0.3,0.2-0.4L3.9,9c0.2-0.2,0.5-0.2,0.8,0l0.1,0.1l3,3.2 c0.1,0.1,0.3,0.1,0.4,0l7.2-7.5h0.1l0,0c0.2-0.2,0.5-0.2,0.8,0l0.8,0.8c0.2,0.2,0.2,0.5,0,0.8l0,0l-8.6,8.9 c-0.1,0.1-0.2,0.2-0.4,0.2s-0.3-0.1-0.4-0.2l-4.2-4.5L3.2,10.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 60%;
    background-size: 60%;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}
.notifications_item_decline span{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'%3E%3Cpath class='st0' fill='%23fff' d='M9.7,7.7c-0.1-0.1-0.1-0.3,0-0.5l5.1-5.1C14.9,2,15,1.8,15,1.6s-0.1-0.3-0.2-0.5l-1-1C13.7,0.1,13.5,0,13.4,0 c-0.2,0-0.3,0.1-0.5,0.2L7.7,5.3c-0.1,0.1-0.3,0.1-0.5,0L2.1,0.2C2,0.1,1.8,0,1.6,0S1.3,0.1,1.2,0.2l-1,1C0.1,1.3,0,1.5,0,1.6 S0.1,2,0.2,2.1l5.1,5.1c0.1,0.1,0.1,0.3,0,0.5l-5.1,5.1C0.1,13,0,13.2,0,13.4s0.1,0.3,0.2,0.5l1,1C1.3,14.9,1.5,15,1.6,15 s0.3-0.1,0.5-0.2l5.1-5.1c0.1-0.1,0.3-0.1,0.5,0l5.1,5.1c0.1,0.1,0.3,0.2,0.5,0.2s0.3-0.1,0.5-0.2l1-1c0.1-0.1,0.2-0.3,0.2-0.5 s-0.1-0.3-0.2-0.5L9.7,7.7z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 37%;
    background-size: 37%;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}
.notifications_item_decline:hover{
    background: #fff;
    border-color: #fff;
}
.notifications_item_accept:hover span{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cpath class='st0' fill='%23030D1C' d='M3.2,10.5C3.1,10.4,3,10.3,3,10.2c0-0.1,0.1-0.3,0.2-0.4L3.9,9c0.2-0.2,0.5-0.2,0.8,0l0.1,0.1l3,3.2 c0.1,0.1,0.3,0.1,0.4,0l7.2-7.5h0.1l0,0c0.2-0.2,0.5-0.2,0.8,0l0.8,0.8c0.2,0.2,0.2,0.5,0,0.8l0,0l-8.6,8.9 c-0.1,0.1-0.2,0.2-0.4,0.2s-0.3-0.1-0.4-0.2l-4.2-4.5L3.2,10.5z'/%3E%3C/svg%3E");
}
.notifications_item_decline:hover span{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15 15' style='enable-background:new 0 0 15 15;' xml:space='preserve'%3E%3Cpath class='st0' fill='%23030D1C' d='M9.7,7.7c-0.1-0.1-0.1-0.3,0-0.5l5.1-5.1C14.9,2,15,1.8,15,1.6s-0.1-0.3-0.2-0.5l-1-1C13.7,0.1,13.5,0,13.4,0 c-0.2,0-0.3,0.1-0.5,0.2L7.7,5.3c-0.1,0.1-0.3,0.1-0.5,0L2.1,0.2C2,0.1,1.8,0,1.6,0S1.3,0.1,1.2,0.2l-1,1C0.1,1.3,0,1.5,0,1.6 S0.1,2,0.2,2.1l5.1,5.1c0.1,0.1,0.1,0.3,0,0.5l-5.1,5.1C0.1,13,0,13.2,0,13.4s0.1,0.3,0.2,0.5l1,1C1.3,14.9,1.5,15,1.6,15 s0.3-0.1,0.5-0.2l5.1-5.1c0.1-0.1,0.3-0.1,0.5,0l5.1,5.1c0.1,0.1,0.3,0.2,0.5,0.2s0.3-0.1,0.5-0.2l1-1c0.1-0.1,0.2-0.3,0.2-0.5 s-0.1-0.3-0.2-0.5L9.7,7.7z'/%3E%3C/svg%3E");
}
/*<<=friends_head END*/

/*BEGIN profile_head=>>*/
.profile_head{
    display: inline-block;
    vertical-align: top;
    margin-top: -14px;
    height: 70px;
    margin-right: -20px;
}
.profile_head_pull{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 35px 0 20px;
    height: 70px;
    cursor: pointer;
    z-index: 9999;
    position: relative;
}
@media only screen and (max-width: 1416px){
    .profile_head_pull{
        padding: 0;
        margin:0 20px 0 20px;

    }
}

.profile_head_pull:before{
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 9 6' style='enable-background:new 0 0 9 6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%238A95A7;%7D%0A%3C/style%3E%3Cpath class='st0' d='M4.5,6L0,0h9L4.5,6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position:bottom center;
    -moz-background-size: 100%;
    background-size: 100%;
    right: 18px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -6px;
}
.profile_head_pull.active{
    background: rgba(35,46,61,0.95);
}
.profile_head_img{
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.18);
    display: block;
}
.profile_head_img img{
    display: block;
    width: 100%;
    height: 100%;
}
.profile_head_txt{
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
    padding-left: 12px;
    min-width: 97px;
    padding-top: 4px;
}
.profile_head_name{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 15px;
    width: 100%;
}
.profile_head_entry{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 26px;
    color: #F0CC50;
    padding: 1px 0 0 22px;
    position: relative;
}
.profile_head_entry:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../img/svg/header-entryfee.svg) no-repeat top center;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
}
.profile_head_menu{
    background: rgba(35,46,61,0.95);
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 99;
    max-height: -webkit-calc(100vh - 70px);
    max-height: -moz-calc(100vh - 70px);
    max-height: calc(100vh - 70px);
    overflow: auto;
    width: 286px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    display: none;
}

.profile_head_menu ul {
    padding: 10px 20px;
    border-bottom: 2px solid rgba(104,123,149,0.18);
}

.profile_head_menu ul:last-child {
    border: 0;
}
.profile_head_menu li{
    padding: 0;
    margin: 5px 0;
}
.profile_head_menu li:before{
    display: none;
}
.profile_head_menu a{
    position: relative;
    padding-left: 25px;
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    text-transform: uppercase;
    /* letter-spacing: 1.5px; */
}

.profile_head_menu a:hover .profile_head_menu_icon {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.controls {
    display: flex;
}
.controls i {
    padding-left: 10px;
}
.profile_head_menu_icon i{
    color: #FFC107;
}
.check_in_timer p {
    font-size: 30px;
    margin: 28px;
    color: #FFD700;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.profile_head_menu_icon{
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;
    -o-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.profile_head_menu_icon img{
    display: block;
}
/*<<=profile_head END*/

/*BEGIN modal=>>*/
.modal_top{
    padding: 55px 50px 40px;
}
.modal_top h3{
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: normal;
    margin-bottom: 10px;
}
.form_line{
    position: relative;
    margin-top: 35px;
}

.profile_form_line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
}


.profile_form_line .gradient_btn_s .gradient_btn_txt {
    width: 270px;
}
.connections_line{
    margin-top: 25px;
}
.connections_line_cbx{
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    margin-right: 16px;
}

.connections_line_cbx .jq-checkbox__div {
    display: none;
}

.connections_line_cbx .jq-checkbox.checked + .modal_soc_link {opacity: 1;-webkit-box-shadow:  none;-moz-box-shadow:  none;box-shadow:  none;}
.connections_line_cbx .jq-checkbox.checked + .modal_soc_link.modal_soc_link_steam{
    background: #679533;
}
.connections_line_cbx .jq-checkbox.checked + .modal_soc_link.modal_soc_link_twitch{
    background: #6441A4;
}
.connections_line_cbx .jq-checkbox.checked + .modal_soc_link.modal_soc_link_battlenet{
    background: #0081B4;
}
.connections_line_cbx .jq-checkbox.checked + .modal_soc_link.modal_soc_link_fb{
    background: #3B5998;
}
.connections_line_cbx .jq-checkbox.checked + .modal_soc_link.modal_soc_link_twt{
    background: #55ACEE;
}
.connections_line_cbx .jq-checkbox.checked + .modal_soc_link.modal_soc_link_inst{
    background: #D93175;
}
.connections_line_cbx .jq-checkbox.checked + .modal_soc_link.modal_soc_link_linkedin{
    background: #0077B5;
}

.connections_line_cbx .jq-checkbox.checked + .modal_soc_link.modal_soc_link_youtube{
    background: #FF0000;
}

.connections_line_cbx .jq-checkbox.checked + .modal_soc_link.modal_soc_link_google{
    background: #FF2151;
}



.connections_line_cbx .jq-checkbox {
    bottom: 0;
    top: auto;
    right: 0;
    position: absolute !important;
    background-image: url(../img/svg/cross-white.svg);
    background-repeat: no-repeat;
    -moz-background-size: 50%;
    background-size: 50%;
    background-position: center;
    background-color: #727E8E;
    width: 19px;
    height: 19px;
    border: 2px solid #182530;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0;
    opacity: 1;
    z-index: 10;
}
.connections_line_cbx .jq-checkbox-1 {
    bottom: 0;
    top: auto;
    right: 0;
    position: absolute !important;
    background-image: url(../img/svg/cross-white.svg);
    background-repeat: no-repeat;
    -moz-background-size: 50%;
    background-size: 50%;
    background-position: center;
    background-color: #727E8E;
    width: 19px;
    height: 19px;
    border: 2px solid #182530;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0;
    opacity: 1;
    z-index: 10;
}
.selecbox_new{
    z-index: 10 !important;
}
.connections_line_cbx .jq-checkbox:hover, .connections_line_cbx .jq-checkbox.focused, .connections_line_cbx:hover .jq-checkbox, .connections_line_cbx .jq-checkbox.checked {
    border: 2px solid #182530;
}
.connections_line_cbx .jq-checkbox.checked {
    background-image: url(../img/svg/accept-check-white.svg);
    background-repeat: no-repeat;
    -moz-background-size: 90%;
    background-size: 90%;
    background-position: center;
    background-color: #009247;
}
.connections_line_cbx .modal_soc_link{
    background: none;
    margin-right: 0;
    background: none;
    -webkit-box-shadow: inset 0px 0px 2px 0px #fff;
    -moz-box-shadow: inset 0px 0px 2px 0px #fff;
    box-shadow: inset 0px 0px 2px 0px #fff;
    opacity: 0.5;
}

.connections_line_cbx .modal_soc_link:hover {
    -webkit-animation: unset;
    -moz-animation: unset;
    -o-animation: unset;
    animation: unset;
    opacity: 1;
}
.admin_tournament_form  .profile_form_line .gradient_btn_s {
    margin: 0;
}

.form_line.form_line_distribution {
    padding-right: 40px;
    z-index: 9999;
}
.form_label{
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.typical_input,.type-zone{
    background: none;
    border: 0;
    display: block;
    width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid rgba(178,192,222,0.24);
    height: 48px;
    line-height: 48px;
    font-size: 18px;
}


.typical_input:focus, type-zone:focus,#country_selector:focus {
    -webkit-border-image: -webkit-gradient(linear, left top, right top, from(rgba(255,179,97,1)), to(rgba(253,206,66,1)));
    -webkit-border-image: -webkit-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(253,206,66,1) 100%);
    -moz-border-image: -moz-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(253,206,66,1) 100%);
    -o-border-image: -o-linear-gradient(left, rgba(255,179,97,1) 0%, rgba(253,206,66,1) 100%);
    border-image: -webkit-gradient(linear, left top, right top, from(rgba(255,179,97,1)), to(rgba(253,206,66,1)));
    border-image: linear-gradient(to right, rgba(255,179,97,1) 0%, rgba(253,206,66,1) 100%);
    border-image-width: 0 0 1px 0;
    border-image-slice: 1;
}

.typical_input:hover, .type-zone:hover,#country_selector:hover {
    border-bottom: 1px solid rgba(178,192,222,0.7);
}
.input_has_mistake,.input_has_mistake:hover,.input_has_mistake:focus {
    border-color: #BB2D2D;
    -webkit-border-image: none;
    -moz-border-image: none;
    -o-border-image: none;
    border-image: none;
}

.form_line_link{
    font-size: 14px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 13px;
    border-bottom: 1px solid transparent;
}

.form_line_link:hover {
    border-color: #fff;
}
.modal_decision{
    position: relative;
    text-align: center;
    display: block;
    margin-top: 30px;
}

.modal_decision:after {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    right: 0;
    left: 50%;
    background: rgba(178,192,222,0.24);
    margin-left: 20px;
}

.modal_decision:before {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    left: 0;
    right: 50%;
    background: rgba(178,192,222,0.24);
    margin-right: 20px;
}
.modal_decision span{
    font-size: 16px;
    color: #5D6C80;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
}
.modal_social{
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    /* -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify; */
    /* justify-content: space-between; */
    padding-top: 20px;
}
.modal_soc_link{
    margin-left: 20px;
    padding: 10px;
    width: 46px;
    height: 46px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.modal_soc_link:hover{
    -webkit-animation: socialIconsJump 0.6s ease-out;
    -moz-animation: socialIconsJump 0.6s ease-out;
    -o-animation: socialIconsJump 0.6s ease-out;
    animation: socialIconsJump 0.6s ease-out;
}
.modal_soc_link img{
    display: block;
    max-width: 30px;
    max-height: 30px;
}
.modal_soc_link_steam{
    background: #679533;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.modal_soc_link_steam img{
    max-width: 45px;
    max-height: 45px;
    margin-left: -3px;
}
.modal_soc_link_twitch{
    background: #6441A4;
}
.modal_soc_link_battlenet{
    background: #0081B4;
}
.modal_soc_link_fb{
    background: #3B5998;
}
.modal_soc_link_twt{
    background: #55ACEE;
}
.modal_soc_link_inst{
    background: #D93175;
}
.modal_soc_link_youtube{
    background: #FF0000;
}
.modal_soc_link_google{
    background: #FF2151;
}
.modal_soc_link_linkedin{
    background: #0077B5;
}
.modal_btm{
    background: rgba(12,14,19,0.42);
    padding: 26px 50px;
}
.modal_btm p{
    color: #5D6C80;
    display: inline-block;
    vertical-align: middle;
}
.modal_btm ul{
    display: inline-block;
    vertical-align: middle;
}
.modal_btm li:before{
    background: #5D6C80;
}
.modal_btm li a{
    text-decoration: none;
}
.modal_btm li a:hover{
    color: #fff;
}
.form_line_submit{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 0 0;
}

.form_line_submit .typical_checkbox {
    width: -webkit-calc(100% - 200px);
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
}
.typical_checkbox li:before{
    display: none;
}
.typical_checkbox li{
    padding: 0;
}
.typical_checkbox .chbx_txt{
    font-size: 14px;
    color: #fff;
    max-width: -webkit-calc(100% - 34px);
    max-width: -moz-calc(100% - 34px);
    max-width: calc(100% - 34px);
}

.chbx_txt a {
    text-decoration: none;
}

.chbx_txt a:hover {
    color: #fff;
}
.modal .gradient_btn_txt{
    min-width: 170px;
    padding: 10px;
    font-size: 18px;
}
.modal .bordered_btn_txt{
    min-width: 170px;
    padding: 10px;
}
.form_line_columned{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.profile_form_line_columned_wide {
    margin-top: 40px;
}

.form_line_columned.form_line_columned_wide .form_line {
    width: -webkit-calc(100% - 190px);
    width: -moz-calc(100% - 190px);
    width: calc(100% - 190px);
    float: left;
}
.get_load_swiss .stage_square.focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
}
.get_brackets .stage_square.focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.form_line_columned.form_line_columned_wide .form_line:nth-child(2n) {
    width: 190px;
    margin-top: 57px;
}

.form_line .profile_page_av {
    margin-bottom:  0;
    margin-top: -92px;
}
.form_line_columned .form_line{
    width: 50%;
    padding-right: 10px;
}
.form_line_columned .form_line:nth-child(2n){
    padding-right: 10px;
    padding-left: 10px;
}
.form_line_single_btn{
    padding: 40px 0 0;
}
.form_line_single_btn .gradient_btn_txt{
    width: auto;
    padding: 10px 47px;
}
.form_line_single_btn .bordered_btn_xs{
    width: auto;
    padding: 10px 54px;
}
.back_link {
    font-size: 15px;
    color: #F0CC50;
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 26px;
}
.back_link:before{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 14' style='enable-background:new 0 0 16 14;' xml:space='preserve' fill='%23F0CC50'%3E%3Cg%3E%3Cpath class='st0' d='M1,8h14c0.5,0,1-0.4,1-1v0c0-0.5-0.4-1-1-1H1C0.4,6,0,6.4,0,7v0C0,7.6,0.4,8,1,8z'/%3E%3Cpath class='st0' d='M1.8,7.7l5.7-5.7c0.4-0.4,0.4-1,0-1.4l0,0c-0.4-0.4-1-0.4-1.4,0L0.3,6.2C0,6.6,0,7.3,0.3,7.7l0,0 C0.7,8,1.4,8,1.8,7.7z'/%3E%3Cpath class='st0' d='M6.1,13.7L0.3,7.9C0,7.5,0,6.9,0.3,6.5l0,0c0.4-0.4,1-0.4,1.4,0l5.7,5.7c0.4,0.4,0.4,1,0,1.4l0,0 C7.1,14,6.5,14,6.1,13.7z'/%3E%3C/g%3E%3C/svg%3E");
    -moz-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.back_link:hover:before{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0%29 --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 14' style='enable-background:new 0 0 16 14;' xml:space='preserve' fill='%23ffffff'%3E%3Cg%3E%3Cpath class='st0' d='M1,8h14c0.5,0,1-0.4,1-1v0c0-0.5-0.4-1-1-1H1C0.4,6,0,6.4,0,7v0C0,7.6,0.4,8,1,8z'/%3E%3Cpath class='st0' d='M1.8,7.7l5.7-5.7c0.4-0.4,0.4-1,0-1.4l0,0c-0.4-0.4-1-0.4-1.4,0L0.3,6.2C0,6.6,0,7.3,0.3,7.7l0,0 C0.7,8,1.4,8,1.8,7.7z'/%3E%3Cpath class='st0' d='M6.1,13.7L0.3,7.9C0,7.5,0,6.9,0.3,6.5l0,0c0.4-0.4,1-0.4,1.4,0l5.7,5.7c0.4,0.4,0.4,1,0,1.4l0,0 C7.1,14,6.5,14,6.1,13.7z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-animation: leftRightMove 1s infinite ease-in;
    -moz-animation: leftRightMove 1s infinite ease-in;
    -o-animation: leftRightMove 1s infinite ease-in;
    animation: leftRightMove 1s infinite ease-in;
}
.back_link:hover{
    color: #fff;
}
.modal_btns{
    padding: 30px 0 0;
}
.modal_btns .gradient_btn{
    margin:0 16px;
}
.modal_btns .bordered_btn_txt,.modal_btns .gradient_btn_txt{
    font-size: 18px;
}
.confirmation_modal h3{
    margin-bottom: 19px;
}
.confirmation_modal .modal_txt{
    margin-top: 5px;
}
.confirmation_modal .modal_top{
    padding-bottom: 50px;
}
.form_line .search_btn{
    width: 21px;
    height: 21px;
    bottom: 11px;
}
.disabled_btn{
    background: rgba(93,108,128,0.5);
    cursor: default;
}

.disabled_btn .btn_decor {
    display: none;
}

.disabled_btn:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
.disabled_btn .gradient_btn_txt{
    color: rgba(14,21,33,0.7);
    cursor: default;
}
.typical_input_search{
    -webkit-appearance: textfield;
}
.typical_input_search::-webkit-search-cancel-button,
.typical_input_search::-webkit-search-decoration {
    -webkit-appearance: none;
}
.typical_input_search_filled{
    padding-left: 40px;
}
.player_search_result_img{
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.18);
    display: block;
    position: absolute;
    bottom: 6px;
}
.player_search_result_img img{
    display: block;
}
/*<<=modal END*/

/*BEGIN admin_container=>>*/
.admin_container{
    min-height: -webkit-calc(100vh - 70px);
    min-height: -moz-calc(100vh - 70px);
    min-height: calc(100vh - 70px);
    padding: 120px 0 80px;
}
.admin_form_block{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: rgba(24,38,49,0.95);
    max-width: 970px;
    margin: 0 auto;
    padding: 54px 100px 62px;
}
.empire_reg_form_block {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    max-width: 970px;
    margin: 0 auto;
    padding: 54px 100px 62px;
}
.admin_container h1{
    font-size: 22px;
    display: inline;
    text-transform: uppercase;
}

.admin_container h1 span {
    color: #F0CC50;
}
.admin_email_form{margin-top: -7px;}

textarea.typical_input{
    line-height: normal;
    padding: 12px 8px;
    height: 170px;
}
textarea.typical_input_height_t2{
    height: 96px;
}
.gradient_btn_s .gradient_btn_txt{width: 300px;padding: 10px;line-height: 26px;}
.admin_email_form .gradient_btn_s,.admin_tournament_form .gradient_btn_s{
    margin-top: 40px;
}
.formline_date{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.formline_date .form_line{
    margin-top: 0;
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
    padding-right: 10px;
}
.formline_date .form_line:nth-child(2n) {padding-left: 0;padding-right: 0;}

.formline_date .form_line:nth-child(3n) {
    padding-right: 0;
    padding-left: 10px;
}
.formline_time{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.formline_time .form_line{
    margin-top: 0;
}

.typical_upload_btn{
    position: relative;
    height: 48px;
}
.upload_btn_txt{
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
}
.upload_btn_txt_px{
    top: 24px;
    font-size: 12px !important;
}

.jq-file.changed + .upload_btn_txt {
    opacity: 0;
}
.form_line_upload_btns .form_line{
    margin-top: 22px;
}
.form_line_distribution_to_clone{
    margin-top: 0;
}

.form_line_distribution_to_clone:after {
    content: '';
    clear: both;
    display: block;
}
.form_line_distribution_to_clone .form_line {
    margin-top: 0;
}
.form_line_distribution_left{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 120px;
    float: left;
}
.form_line_distribution_left .form_line {
    /* width: 50%; */
    padding-right: 5px;
}
.form_line_distribution_left .form_line input , .form_line_distribution_right .form_line input {
    font-weight: bold;
    text-align: center;
}
.form_line_distribution_left .form_line:nth-child(2n) {
    padding-right: 0;
    padding-left: 5px;
}
.form_line_distribution_right{
    position: relative;
    float: right;
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: calc(100% - 120px);
    padding-left: 20px;
}
.points_distribution_right{
    position: relative;
    float: right;
    width: -webkit-calc(100% - 240px);
    width: -moz-calc(100% - 240px);
    width: calc(100% - 240px);
    padding-left: 20px;
}
.points_distribution_left{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 240px;
    float: left;
}
.form_line_distribution_info {
    font-size: 14px;
    color: #5D6C80;
    line-height: 22px;
    position: absolute;
    top: 0;
    right: 0;
}
.clone_add_btn{
    bottom: 0;
    top: auto;
    margin: 0;
    right: 0;
}
/*<<=admin_container END*/

/*BEGIN admin_table_block=>>*/
.admin_table_block{
    padding-top: 41px;
}
.inner_page_title_block{
    border-bottom: 1px solid rgba(178,192,222,0.24);
    padding-bottom: 13px;
}

.inner_page_title_block:after {
    content: '';
    clear: both;
    display: block;
}
.inner_page_title_block h1{
    text-align: left;
    float: left;
    font-size:24px;
}
.inner_page_title_right{
    float: right;
}
.inner_page_title_txt{
    display: block;
    line-height: 33px;
    font-size: 18px;
    color: #CED5E6;
    opacity: 0.6;
}
.typical_table{
    width: 100%;
    word-wrap: break-word;
    margin-top: 10px;
}
.typical_table th{
    padding: 3px 6px;
    word-wrap: break-word;
    font-size: 15px;
    color: #727E8E;
    font-weight: 400;
    text-align: left;
    height: 50px;
}
.typical_table td{
    padding: 3px 6px;
    word-wrap: break-word;
    font-size: 15px;
    height: 50px;
}
.typical_table td:first-child,.typical_table th:first-child{
    padding-left: 18px;
}
.typical_table td:last-child,.typical_table th:last-child{
    padding-right: 18px;
}
.typical_table tr:nth-child(odd) td{
    background: #1B1F26;
}
/*<<=admin_table_block END*/

/*BEGIN admin_form=>>*/
.admin_form{
    max-width: 570px;
    margin-top: 25px;
}
.admin_form p{
    font-size: 20px;
    line-height: normal;
    margin-bottom: 24px;
}
.inner_page_title_back,.inner_page_title_add{
    display: block;
    color: rgba(206,213,230,0.6);
    text-transform: uppercase;
    line-height: 33px;
    font-size: 18px;
    position: relative;
    padding-left: 35px;
}
.inner_page_title_add{
    padding-left: 0;
    padding-right: 35px;
}

.inner_page_title_back:hover,.inner_page_title_add:hover {
    color: #fff;
}

/* .inner_page_title_back:before,.inner_page_title_add:before {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font: normal normal normal 10px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 2px solid rgba(109,127,144,0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    left: 0;
    top: 50%;
    margin-top: -11px;
    padding: 0 1px 1px 0;
    content: "\f067";
}
.inner_page_title_add:before{
    left: auto;
    right: 0;
    content: "\f067";
    padding: 0 0 0 1px;
} */
.admin_form .typical_select_bordered,.admin_form .typical_input_bordered{
    margin-bottom: 10px;
}
.bordered_form_line{
    padding-left: 200px;
    position: relative;
}
.bordered_form_label{
    display: block;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 44px;
}

.typical_input_bordered{
    background: none;
    border: 0;
    display: block;
    width: calc(100% - 32px);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(178,192,222,0.24);
    height: 44px;
    line-height: 42px;
    font-size: 15px;
    padding: 0 15px;
}


.typical_input_bordered:focus {
    border: 1px solid rgba(178,192,222,0.9);
}

.typical_input_bordered:hover {
    border: 1px solid rgba(178,192,222,0.7);
}
.input_has_mistake,.input_has_mistake:hover,.input_has_mistake:focus {
    border-color: #BB2D2D;
}
.typical_input_bordered::-webkit-input-placeholder{font-size: 15px; color: #5D6C80;}
.typical_input_bordered::-moz-placeholder{font-size: 15px; color: #5D6C80;}
.typical_input_bordered:-moz-placeholder{font-size: 15px; color: #5D6C80;}
.typical_input_bordered:-ms-input-placeholder{font-size: 15px; color: #5D6C80;}
.admin_form .gradient_btn{
    margin-top: 20px;
}
.blue_txt{
    color: #3CBDFE;
}
.red_txt{
    color: #FF2151;
}
/*<<=admin_form END*/

/*BEGIN inner_page_filters=>>*/
.inner_page_filters{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
    width: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 30px;
}
.inner_page_filter_item{
    padding: 0 15px;
    width: 25%;
    position: relative;
}
.inner_page_filter_item .search_btn {
    width: 18px;
    height: 18px;
    top: 50%;
    margin: -9px 0 0 0;
    right: 28px;
}
/*<<=inner_page_filters END*/

/*BEGIN pagination=>>*/

.pagination {
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    box-sizing: border-box;
    border-radius: 50%;
    width:44px;
    height:44px;
    text-align: center;
    margin-left: -1px;
    line-height:44px;
    color: #fff;
    background-color: #1B1F26;
    border: 1px solid #F0CC50;
}
.page-item{
    font-size: 14px;
    font-weight: bold;
    padding-left: 15px !important;
}
.page-item i{
    font-size: 14px;
    font-weight: bold;
}
.page-link:hover {
    z-index: 2;
    color: #000;
    text-decoration: none;
    background-color: #F0CC50;
    border-color: #f0cc50;
}

.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(240, 204, 80,0.5);
}


.page-item.active .page-link {
    z-index: 3;
    color: #000;
    cursor: not-allowed;
    background-color: #F0CC50;
    border-color: #f0cc50;
}
.page-item a{
    text-decoration: none;
}
.page-item.disabled .page-link {
    color: #aaaaaa;
    cursor: not-allowed;
    background-color: rgba(255, 166, 0, 0.1);
    border-color: #f0cc50;
}


/* end pagination */
.typical_select_bordered_title{
    display: block;
    float: left;
    font-size: 15px;
    color: #727E8E;
    margin-right: 5px;
}
.typical_table .gradient_btn_xs .gradient_btn_txt,.typical_table .bordered_btn_xs .bordered_btn_txt{
    font-size: 14px;
    padding: 6px 5px 4px;
    line-height: 20px;
    width: 100px;
}
.bordered_btn_red{
    margin-left: 5px;
}
.bordered_btn_red .bordered_btn_txt,.bordered_btn_red:hover .bordered_btn_txt{
    -webkit-box-shadow: inset 0px 0px 2px 0px #FF2151;
    -moz-box-shadow: inset 0px 0px 2px 0px #FF2151;
    box-shadow: inset 0px 0px 2px 0px #FF2151;
}
.bordered_btn_red .btn_decor{
    background: #FF2151;
}
.bordered_btn_green{
    margin-left: 5px;
}
.bordered_btn_green .bordered_btn_txt,.bordered_btn_green:hover .bordered_btn_txt{
    -webkit-box-shadow: inset 0px 0px 2px 0px #43EA7D;
    -moz-box-shadow: inset 0px 0px 2px 0px #43EA7D;
    box-shadow: inset 0px 0px 2px 0px #43EA7D;
}
.bordered_btn_green .btn_decor{
    background: #43EA7D;
}
.bordered_btn_blue{
    margin-left: 5px;
}
.bordered_btn_blue .bordered_btn_txt,.bordered_btn_blue:hover .bordered_btn_txt{
    -webkit-box-shadow: inset 0px 0px 2px 0px #3CBDFE;
    -moz-box-shadow: inset 0px 0px 2px 0px #3CBDFE;
    box-shadow: inset 0px 0px 2px 0px #3CBDFE;
}
.bordered_btn_blue .btn_decor{
    background: #3CBDFE;
}



.bordered_btn_yellow{
    margin-left: 5px;
}
.bordered_btn_yellow.active-form {
    background-color: #f0cc50;
}
.bordered_btn_yellow .bordered_btn_txt,.bordered_btn_yellow:hover .bordered_btn_txt{
    -webkit-box-shadow: inset 0px 0px 2px 0px #f0cc50;
    -moz-box-shadow: inset 0px 0px 2px 0px #f0cc50;
    box-shadow: inset 0px 0px 2px 0px #f0cc50;

}
.bordered_btn_yellow .btn_decor{
    background: #f0cc50;
}

.orange_txt{
    color: #F0CC50;
}
.grey_txt{
    color: #727E8E;
}
/*<<=pagination END*/

/*BEGIN container_decor=>>*/
.container_decor{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/*<<=container_decor END*/

/*BEGIN latest_news_list=>>*/
.latest_news_list{
    margin-right: -12px;
    text-align: left;
    padding-bottom: 30px;
}
.latest_news_list_item{
    width: -webkit-calc((100% - 70px) / 3);
    width: -moz-calc((100% - 70px) / 3);
    width: calc((100% - 70px) / 3);
    display: inline-block;
    vertical-align: top;
    margin-right: 26px;
    margin-top: 30px;
}

.latest_news_list .latest_news_list_item:nth-child(3n) {
    margin-right: 0;
}
.latest_news_list_item .latest_news_item{
    height: 235px;
}
.latest_news_list_item_txt{
    margin: 19px 2px 0;
}
.latest_news_list_item_txt h4{
    font-size: 20px;
    margin-bottom: 9px;
    line-height: 28px;
}
.latest_news_list_item_txt p{
    font-size: 16px;
}
.latest_news_list_item_btm{
    padding: 11px 0 5px 1px;
}
.latest_news_list_item_info{
    padding-bottom: 18px;
}
.news_date{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    color: #727E8E;
    position: relative;
    padding-left: 32px;
    margin-right: 15px;
}
.news_date:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../img/svg/tournaments-calendar.svg) no-repeat top left;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 25px;
    height: 25px;
    margin-top: -12px;
}
.news_comments{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    color: #727E8E;
    position: relative;
    padding-left: 32px;
}
.news_comments:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../img/svg/news-comments.svg) no-repeat top left;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 25px;
    height: 25px;
    margin-top: -11px;
}
.news_comments:hover {
    opacity: 0.7;
}
.latest_news_list_item_top{
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
}
.bordered_btn_load .bordered_btn_txt:after{
    content: '';
    background: url(../img/svg/arrow-down-w.svg) no-repeat top center;
    -moz-background-size: 100%;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 16px;
    margin-left: 10px;
}
.bordered_btn_load .bordered_btn_txt:hover:after{
    background: url(../img/svg/arrow-down-b.svg) no-repeat top center;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-animation: upDownMove 1s infinite ease-in;
    -moz-animation: upDownMove 1s infinite ease-in;
    -o-animation: upDownMove 1s infinite ease-in;
    animation: upDownMove 1s infinite ease-in;
}
/*<<=latest_news_list END*/

/*BEGIN streams_content=>>*/
.streams_content{
    margin: 0 -15px;
    text-align: left;
    padding-bottom: 32px;
}
.stream_item{
    float: left;
    width: -webkit-calc(100% / 4);
    width: -moz-calc(100% / 4);
    width: calc(100% / 4);
    padding: 31px 15px 2px;
}
.streams_content .stream_item:nth-child(1),.streams_content .stream_item:nth-child(2){
    width: -webkit-calc(100% / 2);
    width: -moz-calc(100% / 2);
    width: calc(100% / 2);
}
.stream_img{
    display: block;
    position: relative;
    padding-bottom: 56.225%;
    margin-bottom: 12px;
    overflow: hidden;
}

.stream_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 40%;
    background: rgba(254,177,101,0);
    background: -moz-linear-gradient(top, rgba(254,177,101,0) 0%, rgba(254,177,101,0.03) 29%, rgba(254,177,101,0.4) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,177,101,0)), color-stop(29%, rgba(254,177,101,0.03)), color-stop(100%, rgba(254,177,101,0.4)));
    background: -webkit-linear-gradient(top, rgba(254,177,101,0) 0%, rgba(254,177,101,0.03) 29%, rgba(254,177,101,0.4) 100%);
    background: -o-linear-gradient(top, rgba(254,177,101,0) 0%, rgba(254,177,101,0.03) 29%, rgba(254,177,101,0.4) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(254,177,101,0)), color-stop(29%, rgba(254,177,101,0.03)), to(rgba(254,177,101,0.4)));
    background: linear-gradient(to bottom, rgba(254,177,101,0) 0%, rgba(254,177,101,0.03) 29%, rgba(254,177,101,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb165', endColorstr='#feb165', GradientType=0 );
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 1;
}

.stream_img:hover:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.streams_content .stream_item:nth-child(1) .stream_img, .streams_content .stream_item:nth-child(2) .stream_img {
    padding-bottom: 56.141%;
}
.stream_img_inner{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.stream_title {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 28px;
    color: #F0CC50;
    font-weight: 400;
    margin: 2px 0 -6px;
    min-height: 2.8em;
    line-height: 1.4em;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    max-height: 2.8em;
}

.streams_content .stream_item:nth-child(1) .stream_title, .streams_content .stream_item:nth-child(2) .stream_title {
    font-weight: 800;
    font-size: 20px;
    margin: 0;
}

.stream_title:hover {
    color: #fff;
}
.stream_description{
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: none;
    font-size: 16px;
    margin-top: 8px;
}
.streams_content .stream_item:nth-child(1) .stream_description,.streams_content .stream_item:nth-child(2) .stream_description{
    display: block;
}
.stream_views{
    display: block;
    position: relative;
    font-size: 16px;
    color: #727E8E;
    line-height: 24px;
    position: relative;
    padding-left: 32px;
    margin-top: 12px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.stream_views:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../img/svg/eye.svg) no-repeat top left;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 22px;
    height: 22px;
    margin-top: -11px;
}
/*<<=streams_content END*/

/*BEGIN teams_content=>>*/
.teams_content{
    margin: 0 -15px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.teams_item{
    width: -webkit-calc((100% / 5) - 30px);
    width: -moz-calc((100% / 5) - 30px);
    width: calc((100% / 5) - 30px);
    margin: 0 15px 30px;
    float: left;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #0E1521;
    position: relative;
    height: 300px;
    padding: 22px 10px 20px;
}
.team_players .teams_item{
    width: -webkit-calc((100% / 3) - 30px);
    width: -moz-calc((100% / 3) - 30px);
    width: calc((100% / 3) - 30px);
}

.teams_item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 40%;
    background: rgba(14,21,33,0);
    background: -moz-linear-gradient(top, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,21,33,0)), color-stop(29%, rgba(14,21,33,0.03)), color-stop(100%, rgba(14,21,33,0.8)));
    background: -webkit-linear-gradient(top, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    background: -o-linear-gradient(top, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(14,21,33,0)), color-stop(29%, rgba(14,21,33,0.03)), to(rgba(14,21,33,0.8)));
    background: linear-gradient(to bottom, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e1521', endColorstr='#0e1521', GradientType=0 );
    z-index: 1;
}
.teams_item_bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.3;
}

.teams_item:hover .teams_item_bg {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.teams_item_logo{
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 140px;
    height: 140px;
    margin: 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
}

.teams_item_logo_img:before {
    border: 2px solid rgba(255,255,255,0.18);
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.teams_item_logo_img{
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.teams_item_active .teams_item_logo_img:after{
    content: '';
    background: url(../img/svg/gradient_border.svg) no-repeat center;
    -moz-background-size: 100%;
    background-size: 100%;
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
}
.teams_item_logo img{
    display: block;
    min-width: 100%;
    height: 140px;
}
.team_item_title{
    position: relative;
    z-index: 2;
    display: block;
    font-size: 18px;
    font-weight: 800;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 12px 0 12px;
}
.team_item_country{
    position: relative;
    z-index: 2;
    display: block;
    font-size: 16px;
    line-height: 1;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.team_item_country img{
    width: 22px;
    display: inline-block;
    vertical-align: top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
}
.team_item_links{
    position: relative;
    z-index: 2;
    display: block;
    padding-top: 18px;
}
.team_item_link{
    display: inline-block;
    vertical-align: top;
    border: 1px solid rgba(185, 194, 214, 0.23);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 8px;
    line-height: 29px;
    height: 31px;
    margin: 0 3px;
}

.team_item_link:hover {
    background: rgba(185, 194, 214, 0.1);
}
.team_item_join:before,.team_item_invite:before{
    content: '';
    background: url(../img/svg/create-group-button.svg) no-repeat top left;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 8px;
}
.team_item_add:before{
    content: '';
    background: url(../img/svg/friends-add.svg) no-repeat top left;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 8px;
}
.team_item_leave:before{
    content: '';
    background: url(../img/svg/user-menu-exit.svg) no-repeat top left;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}
.team_item_leave_with_txt:before{
    margin-right: 8px;
}
.team_item_settings:before{
    content: '';
    background: url(../img/svg/user-menu-myaccount.svg) no-repeat top left;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}
.team_item_settings_txt:before{
    margin-right: 8px;
}
.team_item_check:before{
    content: '';
    background: url(../img/svg/gradient-checked.svg) no-repeat top left;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 8px;
}

.tournament_title_stage{
    text-align: left;
}

.highest_values_block,
.kill_leaders,
.score_leaders{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#statistic_box{
    margin-top: 25px;
}

.highest_values_block .teams_list:last-child{
    margin: auto;
}

.kill_leaders{
    flex-direction: column;
}

.score_leaders,
.highest_values_block{
    flex-wrap: wrap;
}

#kill_leaders{
    overflow-x: auto;
}
.teams_item_name{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #F0CC50;
}

.highest_values_block .teams_list,
.score_leaders .teams_list,
.kill_leaders .teams_list{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 70%;
    max-height: 310px;
    align-self: center;
    margin-bottom: 2.5rem;
    overflow-x: auto;
    overflow-y: auto;
}

.highest_values_block .teams_list,
.score_leaders .teams_list{
    width: 100%;
    max-width: 500px;
}

.teams_list .head_row,
.teams_list .body_row{
    display: flex;
    align-items: center;
    border-radius: 10px 0;
}

.teams_list .head_row{
    background: rgba(46, 62, 73, 0.5);
    margin-bottom: 10px;
}

.teams_list .head_cell{
    color: #F0CC50;
    font-weight: bold;
}

.teams_list .body_row{
    background: -webkit-linear-gradient(#ffdd00d0,#fbaf34a1);
    margin-bottom: 10px;
}

.teams_list .body_cell .team_cell{
    color: #000000;
    align-items: center;
    display: flex;
    padding: 0 0.25rem;
}

.teams_list .title{
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}

.body_cell .team_logo{
    border-radius: 50%;
    height: 24px;
    width: 24px;
}

.teams_list .head_cell,
.teams_list .body_cell{
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 0.5rem;
    position: relative;
    text-align: center;
}

.teams_list .head_cell:first-child,
.teams_list .body_cell:first-child{
    left: 0;
    width: 80%;
}

.top__title{
    margin: 20px;
    font-size: 32px;
    font-weight: 800;
    line-height: normal;
    width: 100%;
    text-align: center;
}

.tournament_team_states{
    margin-top: 15px;
}

.tournament_team_states .typical_select{
    min-width: 200px;
    width: 40%;
}

.team_statistics{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.team_statistics .teams_item{
    width: 200px;
    height: 235px;
}

.team_statistics .teams_content{
    text-align: center;
}

.team_statistics_block{
    width: 100%;
}

.score_leaders_block,
.total_info,
.info_per_match,
.place_distribution{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
    margin-bottom: 20px;
}

.players_info{
    margin-top: 20px;
}
.players_info .players_item{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    gap: 25px;
}

.players_item .teams_list{
    height: 300px;
    min-width: 320px;
    width: 100%;
    overflow-y: auto;
}

.players_item .label{
    font-weight: bold;
}

.players_item .body_row:hover{
    opacity: 0.7;
}

.match_state_title{
    font-size: 25px;
    font-weight: bold;
    color: #F0CC50;
    margin-top: 80px;
}

.match__stats__accordion{
    width: 100%;
    margin: 10px 0;
    padding: 5px;
    text-align: left;
    outline: none;
    background: none;
    transition: 0.6s;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.20);
    border-radius: 4px;
    border: 1px solid rgba(173,192,224,0.24);
}

.match__stats__accordion:hover{
    border: 1px solid rgba(253, 254, 255, 0.5);
}

.match__stats__accordion .match__stats__label{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    cursor: pointer;
    font-weight: bold;
}

.match__stats__accordion.expanded .match__stats__value__title{
    color: #F0CC50;
}

.match__stats__accordion .value__wrapper{
    display: none;
    padding: 5px;
    border-top: 1px solid rgba(173,192,224,0.24);
}

.icon-rotate {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.match_id{
    position: relative;
    margin-bottom: 5px;
}

.get_data_match_id{
    position: absolute;
    top: 0;
    right: 0;
}

.get_data_match_id .gradient_btn_txt{
    width: 130px;
    line-height: 15px;
}

.loader__inner {
    margin: auto;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-top: 2px solid transparent;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media (max-width: 850px) {
    .score_leaders_block,
    .total_info,
    .info_per_match,
    .place_distribution{
        flex-direction: column;
    }
}

/*<<=teams_content END*/

/*BEGIN rankings_content=>>*/
.rankings_content{
    text-align: left;
    padding-top: 15px;
}
.ranking_line{
    background: rgba(24, 38, 49, 0.4);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 5px;
    height: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 20px 10px 45px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
}

.ranking_line:hover {
    background: rgba(24, 38, 49, 0.7);
}

.rankings_content .ranking_line:nth-child(1) {
    background: rgba(40, 61, 79, 0.8);
}

.rankings_content .ranking_line:nth-child(1):hover {
    background: rgba(40, 61, 79, 1);
}

.rankings_content .ranking_line:nth-child(2) {
    background: rgba(30, 49, 64, 0.8);
}

.rankings_content .ranking_line:nth-child(2):hover {
    background: rgba(30, 49, 64, 1);
}

.rankings_content .ranking_line:nth-child(3) {
    background: rgba(24, 38, 49, 0.8);
}

.rankings_content .ranking_line:nth-child(3):hover {
    background: rgba(24, 38, 49, 1);
}
.ranking_more_btn{
    display: block;
    padding: 2px 48px;
    margin-top: 5px;
}
.ranking_more_btn span{
    width: 4px;
    height: 4px;
    background: #45556B;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    margin: 3px 0;
}

.ranking_more_btn:hover span {
    background: #F0CC50;
}
.ranking_line_active{
    border: 1px solid #4D5258;
}
.ranking_line_active .ranking_line_profile:before{
    content: '';
    background: url(../img/svg/gradient_border.svg) no-repeat center;
    -moz-background-size: 100%;
    background-size: 100%;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
}
.ranking_line_active .ranking_line_name{
    color: #F0CC50;
}
.ranking_line_title{
    position: relative;
    padding-left: 55px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 300px;
}
.ranking_line_number{
    position: absolute;
    left: 0;
    font-size: 22px;
}

.rankings_content .ranking_line:nth-child(1) .ranking_line_number,.rankings_content .ranking_line:nth-child(2) .ranking_line_number,.rankings_content .ranking_line:nth-child(3) .ranking_line_number {
    font-weight: 800;
}
.ranking_line_profile{
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.18);
    display: block;
    margin-right: 15px;
    position: relative;
}
.ranking_line_profile img{
    display: block;
    width: 100%;
    height: 100%;
}
.ranking_line_name{
    font-size: 18px;
    display: block;
}
.ranking_line_online{
    color: #43EA7D;
    font-size: 14px;
    display: block;
    position: relative;
    padding-left: 30px;
    line-height: 24px;
}

.ranking_line_online:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #45556B;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 13px;
}
.ranking_line_offline{
    color: #727E8E;
    font-size: 14px;
    display: block;
    position: relative;
    padding-left: 30px;
    line-height: 24px;
}

.ranking_line_offline:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #45556B;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 13px;
}
.ranking_info_pull,.players_info_pull{
    display: none;
}
.ranking_line_info_list li{
    font-size: 16px;
    color: #727E8E;
    display: inline-block;
    vertical-align: top;
}
.ranking_line_info_list li:before{
    background: #45556B;
}

.ranking_line_info_list li:first-child:before {
    display: none;
}
.ranking_line_info_list li span{
    margin-left: 3px;
    text-transform: uppercase;
}
.green_txt{
    color: #43EA7D;
}

/*<<=rankings_content END*/

/*BEGIN players_content=>>*/
.players_content{
    text-align: left;
    padding: 15px 0 40px;
}
.players_line{
    background: rgba(24, 38, 49, 0.4);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 5px;
    min-height: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 20px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
}

.players_line:hover {
    background: rgba(24, 38, 49, 0.5);
}
.players_content .players_line:nth-child(odd){
    background: rgba(24, 38, 49, 0.8);
}
.players_content .players_line:nth-child(odd):hover{
    background: rgba(24, 38, 49, 0.9);
}
.players_line_title{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 300px;
}
.players_line_info .platform_image{
    width: 25px;
    height: 25px;
}
.players_line_info_block{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 50px;
}
.players_line_info_block .team_item_country {

    min-height: 50px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -moz-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    font-size: 14px;
}
.players_line_country{
    position: relative;
    padding: 0 20px;
    margin: 0 5px 0 20px;
}

.players_line_country:before,.players_line_country:after {
    content: '';
    background: rgba(42,55,68,0);
    background: -moz-linear-gradient(top, rgba(42,55,68,0) 0%, rgba(42,55,68,1) 50%, rgba(42,55,68,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(42,55,68,0)), color-stop(50%, rgba(42,55,68,1)), color-stop(100%, rgba(42,55,68,0)));
    background: -webkit-linear-gradient(top, rgba(42,55,68,0) 0%, rgba(42,55,68,1) 50%, rgba(42,55,68,0) 100%);
    background: -o-linear-gradient(top, rgba(42,55,68,0) 0%, rgba(42,55,68,1) 50%, rgba(42,55,68,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(42,55,68,0)), color-stop(50%, rgba(42,55,68,1)), to(rgba(42,55,68,0)));
    background: linear-gradient(to bottom, rgba(42,55,68,0) 0%, rgba(42,55,68,1) 50%, rgba(42,55,68,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3744', endColorstr='#2a3744', GradientType=0 );
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    display: block;
}

.players_line_country:after {
    left: auto;
    right: 0;
}
.players_line_info .team_item_link {
    font-size: 14px;
    margin: 0;
    margin-left: 15px;
}
/*<<=players_content END*/

/*BEGIN featured_tournaments_block=>>*/
.latest_news_container{
    min-height: auto;
    padding-bottom: 70px;
}
.featured_tournaments_block{
    text-align: left;
    margin: 0 -15px;
    padding-bottom: 30px;
}
.featured_tournament_item{
    padding: 0 15px;
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
    float: left;
    margin-top: 30px;
}
.featured_tournaments_block .featured_tournament_item:nth-child(1),.featured_tournaments_block .featured_tournament_item:nth-child(2){
    width: -webkit-calc(100% / 2);
    width: -moz-calc(100% / 2);
    width: calc(100% / 2);
}
.empire_items.featured_tournaments_block .featured_tournament_item:nth-child(1),.empire_items.featured_tournaments_block .featured_tournament_item:nth-child(2){
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
}
.featured_tournament_item_wrap{
    background: #1F2F3C;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.tournament_item_top{
    position: relative;
}
.tournament_item_top_status{
    position: absolute;
    top: 21px;
    z-index: 2;
}
.tournament_item_top_status span{
    padding: 7px 10px 6px 23px;
    font-size: 12px;
    margin: auto;
    display: block;
    border-radius: 4px;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    letter-spacing: 1px;
}
.tournament_item_price_link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}
.tournament_item_top_status span i{
    margin-right: 2px;
    color: #000;
    opacity: 0.3;
    font-size: 20px;
    position: absolute;
    left: 0px;
    top: 6px;
}
.tournament_item_top_icons{
    position: absolute;
    top: 21px;
    left: 16px;
    z-index: 2;
}
.tournament_item_top_game_black{
    display: none;
    width: 100%;
    height: 100%;
}
.tournament_item_top_game_white{
    display: block;
    width: 100%;
    height: 100%;
}

.featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_top_game_black,.featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_top_game_black{
    display: block;
}
.featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_top_game_white,.featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_top_game_white{
    display: none;
}
.tournament_item_top_game{
    display: inline-block;
    vertical-align: top;
    width: 31px;
    height: 31px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 7px;
}
.tournament_item_top_game img{
    display: block;
}
.tournament_item_top_price{

    line-height: 28px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 800;
    padding: 0 8px 0 20px;
}
span.tournament_item_top_price i {
    margin-right: 2px;
    color: #000;
    opacity: 0.3;
    font-size: 20px;
    position: absolute;
    left: 0px;
    top: 4px;
}
.tournament_item_top_time{
    height: 31px;
    line-height: 31px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 800;
    padding: 0 8px;
    background: -moz-linear-gradient(top, rgba(255,186,82,1) 0%, rgba(241,131,34,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,186,82,1)), color-stop(100%, rgba(241,131,34,1)));
    background: -webkit-linear-gradient(top, rgba(255,186,82,1) 0%, rgba(241,131,34,1) 100%);
    background: -o-linear-gradient(top, rgba(255,186,82,1) 0%, rgba(241,131,34,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,186,82,1)), to(rgba(241,131,34,1)));
    background: linear-gradient(to bottom, rgba(255,186,82,1) 0%, rgba(241,131,34,1) 100%);
    background: rgba(255,186,82,1);
}
.tournament_item_top_time:before{
    content: '';
    background: url(../img/svg/clock_white.png) no-repeat top left;
    -moz-background-size: 100%;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 8px;
}
.featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_top_price:before,.featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_top_price:before{
    background: url(../img/svg/tournaments-game-prizepool.svg) no-repeat top left;
    -moz-background-size: 100%;
    background-size: 100%;
}
.tournament_item_top_img{
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 61.352%;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    background: #17181e;
}
.tournament_item_top_orange .tournament_item_top_game{
    background: #f18322;
}
.tournament_item_top_orange .tournament_item_top_price{
    background: #f18322;
}
.tournament_item_top_blue .tournament_item_top_game{
    background: rgba(2,156,228,1);
}
.tournament_item_top_blue .tournament_item_top_price{
    background: rgba(2,156,228,1);
}
.tournament_item_top_red .tournament_item_top_game{
    background: #f18322;
}
.tournament_item_top_red .tournament_item_top_price{
    background: #f18322;
}
.featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_top_game,.featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_top_game,.featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_top_price,.featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_top_price{
    background: #f79d00;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 1px;
}
.featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_top_img,.featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_top_img{
    padding-bottom: 61.405%;
}
.tournament_item_top_img:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 40%;
    background: rgba(254,177,101,0);
    background: -moz-linear-gradient(top, rgba(254,177,101,0) 0%, rgba(254,177,101,0.03) 29%, rgba(254,177,101,0.4) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,177,101,0)), color-stop(29%, rgba(254,177,101,0.03)), color-stop(100%, rgba(254,177,101,0.4)));
    background: -webkit-linear-gradient(top, rgba(254,177,101,0) 0%, rgba(254,177,101,0.03) 29%, rgba(254,177,101,0.4) 100%);
    background: -o-linear-gradient(top, rgba(254,177,101,0) 0%, rgba(254,177,101,0.03) 29%, rgba(254,177,101,0.4) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(254,177,101,0)), color-stop(29%, rgba(254,177,101,0.03)), to(rgba(254,177,101,0.4)));
    background: linear-gradient(to bottom, rgba(254,177,101,0) 0%, rgba(254,177,101,0.03) 29%, rgba(254,177,101,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb165', endColorstr='#feb165', GradientType=0 );
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.featured_tournament_item_wrap:hover .tournament_item_top_img:after {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.tournament_item_top_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 40%;
    background: rgba(14,21,33,0);
    background: -moz-linear-gradient(top, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,21,33,0)), color-stop(29%, rgba(14,21,33,0.03)), color-stop(100%, rgba(14,21,33,0.8)));
    background: -webkit-linear-gradient(top, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    background: -o-linear-gradient(top, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(14,21,33,0)), color-stop(29%, rgba(14,21,33,0.03)), to(rgba(14,21,33,0.8)));
    background: linear-gradient(to bottom, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e1521', endColorstr='#0e1521', GradientType=0 );
    z-index: 1;
}

.featured_tournament_item_wrap:hover .tournament_item_top_img:before {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.tournament_item_top_bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center;
    transform: scale(1);
}
a.tournament_item_top_img:hover .tournament_item_top_bg {
    opacity: 0.8;
}
.tournament_item_top_img:hover {
    background: #ffc107;
}
.tournament_item_btm{
    height: 133px;
    padding: 0 20px;
}
.featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_btm,.featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_btm{
    height: 140px;
}
.tournament_item_btm_title{
    position: relative;
    padding-left: 0;
    z-index: 2;
    height: 100px;
    top: -50px;
    margin-bottom: 0;
    padding-top: 7px;
}
.tournament_item_btm_img{
    display: none;
    width: 100px;
    height: 100px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -50px;
}
.tournament_item_btm_img_small{
    display: block;
    top: 50%;
}
.featured_tournaments_block .featured_tournament_item .tournament_item_btm_img{
    display: block;
}
.tournament_item_btm_img span{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.18);
}
.tournament_item_btm_img img{
    display: block;
    height: 100%;
}
.tournament_item_title{
    display: block;
    /*text-align: center;*/
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    margin-bottom: 34px;
}

.featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_title, .featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_title {
    font-size: 22px;
}
.featured_tournaments_block .featured_tournament_item .tournament_item_btm_title{
    padding-left: 125px;
}
.tournament_item_btm_info{
   white-space: nowrap;
}
.tournament_item_btm_info span{
    font-size: 13px;
    font-weight: bold;
}
.tournament_item_btm_info i{
    color: #6B7996;
}
.tournament_item_start ,.tournament_item_end{
    position: relative;
    font-size: 16px;
    color: #6B7996;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    padding-left: 3px;
    margin-right: 10px;
}
.tournament_item_entry{
    position: relative;
    font-size: 16px;
    color: #6B7996;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    padding-left: 3px;
}
.tournament_item_start span.tournament_item_start span{
    font-weight: 800;
    display: inline-block;
}
.tournament_item_entry span{
    font-weight: 800;
    display: inline-block;
}
.tournament_item_btm_info:before{
    top: 50%;
}
.tournament_item_start:before,.tournament_item_btm_info:before{
    /* content: ''; */
    position: absolute;
    top: 50%;
    left: 0;
    /* background: url(../img/svg/tournaments-calendar.svg) no-repeat top left;
    -moz-background-size: 100%;
    background-size: 100%; */
    width: 15px;
    height: 15px;
    margin-top: -10px;
}
.tournament_item_entry:before{
    /* content: ''; */
    position: absolute;
    top: 50%;
    left: 0;
    /* background: url(../img/svg/tournaments-entryfee.svg) no-repeat top left;
    -moz-background-size: 100%;
    background-size: 100%; */
    width: 15px;
    height: 15px;
    margin-top: -8px;
}
.tournament_item_progress{
    display: block;
    background: #35434D;
    height: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    margin-top: -20px;
}

.featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_progress, .featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_progress {
    margin-top: -20px;
}
.tournament_item_progress_colored{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: rgba(254,178,102,1);
    background: -moz-linear-gradient(left, rgba(254,178,102,1) 0%, rgba(240,205,80,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,178,102,1)), color-stop(100%, rgba(240,205,80,1)));
    background: -webkit-linear-gradient(left, rgba(254,178,102,1) 0%, rgba(240,205,80,1) 100%);
    background: -o-linear-gradient(left, rgba(254,178,102,1) 0%, rgba(240,205,80,1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(254,178,102,1)), to(rgba(240,205,80,1)));
    background: linear-gradient(to right, rgba(254,178,102,1) 0%, rgba(240,205,80,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feb266', endColorstr='#f0cd50', GradientType=1 );
}

.tournament_item_progress_info{
    overflow: hidden;
    padding-top: 13px;
    width:100%;
    min-height:30px;
    float: left;
}

.tournament_item_progress_all{
    font-size: 16px;
    color: #6B7996;
    line-height: 25px;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    float: left;
}
.tournament_item_progress_all span{
    font-weight: 800;
}
.tournament_item_progress_left{
    font-size: 16px;
    color: #6B7996;
    line-height: 25px;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    float: right;
}
.tournament_item_progress_left span{
    font-weight: 800;
}
.tournament_result_btn{
    margin-top: -32px;
    display: block;
    text-align: center;
    width: 100%;
    height: 38px;
    line-height: 38px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #0E1521;
    text-transform: uppercase;
    font-weight: 800;
    cursor: default;
}

.tournament_result_btn_upcoming {
    background: -webkit-gradient(linear, left top, right top, from(rgb(254,177,102)), to(rgb(240,204,80)));
    background: -webkit-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background: -moz-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background: -o-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background: linear-gradient(to right, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
}
.tournament_result_btn span{
    color: #0E1521;
    font-weight: 400;
}
.tournament_result_btn_ongoing{
    background: rgba(77,174,254,1);
    background: -moz-linear-gradient(left, rgba(77,174,254,1) 0%, rgba(3,241,254,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(77,174,254,1)), color-stop(100%, rgba(3,241,254,1)));
    background: -webkit-linear-gradient(left, rgba(77,174,254,1) 0%, rgba(3,241,254,1) 100%);
    background: -o-linear-gradient(left, rgba(77,174,254,1) 0%, rgba(3,241,254,1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(77,174,254,1)), to(rgba(3,241,254,1)));
    background: linear-gradient(to right, rgba(77,174,254,1) 0%, rgba(3,241,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4daefe', endColorstr='#03f1fe', GradientType=1 );
}
.tournament_result_btn_winner{
    background: rgba(67,233,125,1);
    background: -moz-linear-gradient(left, rgba(67,233,125,1) 0%, rgba(56,249,214,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(67,233,125,1)), color-stop(100%, rgba(56,249,214,1)));
    background: -webkit-linear-gradient(left, rgba(67,233,125,1) 0%, rgba(56,249,214,1) 100%);
    background: -o-linear-gradient(left, rgba(67,233,125,1) 0%, rgba(56,249,214,1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(67,233,125,1)), to(rgba(56,249,214,1)));
    background: linear-gradient(to right, rgba(67,233,125,1) 0%, rgba(56,249,214,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43e97d', endColorstr='#38f9d6', GradientType=1 );
}
.tournament_result_btn_cancelled{
    background: rgba(255,33,81,1);
    background: -moz-linear-gradient(left, rgba(255,33,81,1) 0%, rgba(255,161,144,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,33,81,1)), color-stop(100%, rgba(255,161,144,1)));
    background: -webkit-linear-gradient(left, rgba(255,33,81,1) 0%, rgba(255,161,144,1) 100%);
    background: -o-linear-gradient(left, rgba(255,33,81,1) 0%, rgba(255,161,144,1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255,33,81,1)), to(rgba(255,161,144,1)));
    background: linear-gradient(to right, rgba(255,33,81,1) 0%, rgba(255,161,144,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2151', endColorstr='#ffa190', GradientType=1 );
}

.contact_urls__container{
    display: flex;
    justify-content: center;
    align-items: center;
}

/*<<=featured_tournaments_block END*/

/*BEGIN tournamentchat=>>*/
.chat {
    list-style: none;
    margin: 0;
    padding: 0;
}

.chat li {
    /*margin-bottom: 14px;*/
    /*padding-bottom: 5px;*/
    /*border-bottom: 1px dotted rgba(179, 169, 169, .5);*/
}

.panel-body {
    /* overflow-y: scroll; */
    height: 350px;
}
.chat-wrap{
    margin-bottom: 20px;
    overflow-y: auto;
}

.chat-body {
    text-align: left;
}

.my-chat-msg > .header > p strong {
    font-style: italic;
    color:rgba(77,174,254,1);
}
.my-chat-msg .header  {
    padding-left: 8px;
}

.my-chat-msg-content , .received_msg{
    color: #fff;
    font-style: italic;
    padding-left:10px;
    padding-right:10px;
    word-wrap: break-word !important;
}

.btn-chat-submit {
    margin-top: 20px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
/*<<=tournamentchat END*/

/*BEGIN profile_main_block=>>*/
.profile_content_rules article li ,  .rulles_wrap  li, .news_content ul,.news_content li{
    padding-left: 5px;
}
/* .profile_content_rules article ul,.rulles_wrap  ol{
    padding-left: 15px;
} */

.profile_main_block{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 43px;
}
.profile_content{
    text-align: center;
    float: left;
    width: -webkit-calc(100% - 370px);
    width: -moz-calc(100% - 370px);
    width: calc(100% - 370px);
    padding-right: 30px;
}

.profile_content .profile_empty_line {
    padding-top: 40px;
    padding-bottom: 40px;
}
.block_subtitle{
    border-bottom: 1px solid rgba(173,192,224,0.24);
    padding-bottom: 12px;
    text-align: left;
    margin-bottom: 20px;
}
.block_subtitle h2{
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 800;
}

.block_subtitle .tournament_join_action,.block_subtitle .tournament_leave_action{
    display: block !important;
    width: 45%;
    font-size: 18px;
    font-weight: 700;
}

.block_subtitle span{
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0 5px;
    min-width: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #F0CC50;
    font-size: 15px;
    background: rgba(114,126,142,0.18);
    margin-left: 7px;
    font-weight: bold;
}
.profile_tournaments_block{
    text-align: left;
    margin: 0 -15px;
    /*padding-bottom: 30px;*/
}
.profile_tournaments_block .featured_tournament_item{
    width: 50%;
}
.aside_wrap{
    width:370px;
    float:left;
}
.profile_aside{
    width: 370px;
    float: right;
}
.profile_empty_line{
    text-align: center;
    display: block;
    width: 100%;
    padding: 37px 0 20px;
}
.profile_empty_line img{
    display: block;
    margin: 0 auto;
    width: 46px;
}
.profile_empty_line p{
    margin-top: 11px;
    font-size: 16px;
    line-height: 26px;
    color: #727E8E;
}
.profile_empty_line p span{
    color: #727E8E;
}
.profile_aside_about {
    /*padding-top: 13px;*/
    /*padding-bottom: 30px;*/
}
.profile_aside_about p{
    margin-top: 11px;
}
.tags_block{
    padding-top: 13px;
}
.tag_link{
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0 15px;
    background: rgba(114, 126, 142, 0.18);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 6px 0 0;
}

.tag_link:hover {
    color: #F0CC50;
}
.tag_link span{
    color: #F0CC50;
    font-weight: 800;
    margin-left: 5px;
}
.tag_link_not_active{
    color: #727E8E;
}
.tag_link_not_active span{
    color: inherit;
    font-weight: 400;
}
.profile_social{
    padding-top: 29px;
}
.profile_social .modal_soc_link{
    margin-right: 5px;
    background: none;
    -webkit-box-shadow: inset 0px 0px 2px 0px #fff;
    -moz-box-shadow: inset 0px 0px 2px 0px #fff;
    box-shadow: inset 0px 0px 2px 0px #fff;
    opacity: 0.5;
}

.profile_social .modal_soc_link:hover {
    opacity: 1;
}
.profile_teams_block{
    overflow: auto;
    max-height: 140px;
    /*margin: 19px 0 33px;*/
}
.profile_games_block{
    overflow: auto;
    max-height: 140px;
    margin: 19px 0 33px;
}
.profile_games_block .profile_img img{
    width: 95%;
}
.profile_games_block .profile_title{
    padding-left:5px;
}
.profile_link{
    padding: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none;
}
.profile_img{
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.18);
    display: block;
}
.profile_img img{
    display: block;
    width: 100%;
    height: 100%;
}
.profile_title{
    font-size: 15px;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
    display: block;
    padding-left: 15px;
    line-height: 21px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.profile_title span{
    display: block;
    font-size: 14px;
    color: #6D7F90;
    margin-top: 5px;
}

.profile_title .green_txt {
    color: #43EA7D;
}
.profile_friends_block{
    max-height: 350px;
    overflow: auto;
    /*margin: 19px 0 33px;*/
    margin: 10px 0 0;
}
.profile_link_item{
    padding: 0 10px;
    width: 100%;
    border-radius: 10px;
    float: left;
}
.profile_link_item:hover{
    background-color: rgb(109, 127, 144,.3);

    /* background-  color: rgba(0, 0, 0, .3); */
}

.profile_link_item:before {
    display: none;
}
.profile_links_block{
    overflow: hidden;
}
/*<<=profile_main_block END*/

/*BEGIN profile_top_block=>>*/
.profile_top_block_bg{
    position: relative;
    height: 450px;
}
.profile_top_block_titleline{
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.profile_block_stat_img.profile_block_stat_img_gradient {
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(254,177,102)), to(rgb(240,204,80)));
    background-image: -webkit-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: -moz-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: -o-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background-image: linear-gradient(to right, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    position: relative;
}

.profile_block_stat_img.profile_block_stat_img_gradient:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background: #182631;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.profile_block_stat_img.profile_block_stat_img_gradient img {
    max-width: 20px;
    max-height: 20px;
    position: relative;
    z-index: 1;
}
.profile_top_block_title{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 20px 17px 11px 20px;
}
.profile_top_block_title p{
    font-size: 14px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}
.profile_top_block_title .tournament_item_top_game{
    background: rgba(246,212,101,1);
    background: -moz-linear-gradient(top, rgba(246,212,101,1) 0%, rgba(255,111,71,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,212,101,1)), color-stop(100%, rgba(255,111,71,1)));
    background: -webkit-linear-gradient(top, rgba(246,212,101,1) 0%, rgba(255,111,71,1) 100%);
    background: -o-linear-gradient(top, rgba(246,212,101,1) 0%, rgba(255,111,71,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(246,212,101,1)), to(rgba(255,111,71,1)));
    background: linear-gradient(to bottom, rgba(246,212,101,1) 0%, rgba(255,111,71,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6d465', endColorstr='#ff6f47', GradientType=0 );
    color: #300000;
    margin-right: 11px;
}
.profile_top_block_title .tournament_item_top_game_black{
    display: block;
}
.profile_top_block_title .tournament_item_top_game_white{
    display: none;
}
.profile_block_stat{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    background: #182631;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    padding: 15px 20px;
}
#calendar_view .profile_block_stat_item{
    width: -webkit-calc(100% / 9);
    width: -moz-calc(100% / 9);
    width: calc(100% / 9);
}
.profile_block_stat_item{
    width: -webkit-calc(100% / 5);
    width: -moz-calc(100% / 5);
    width: calc(100% / 5);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px;
    position: relative;
}

.profile_block_stat .profile_block_stat_item:last-child:after,.profile_block_stat_t2 .profile_block_stat_item:last-child:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    top: 0;
    bottom: 0;
    background: rgba(114,126,142,0);
    background: -moz-linear-gradient(top, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(114,126,142,0)), color-stop(50%, rgba(114,126,142,0.7)), color-stop(100%, rgba(114,126,142,0)));
    background: -webkit-linear-gradient(top, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
    background: -o-linear-gradient(top, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(114,126,142,0)), color-stop(50%, rgba(114,126,142,0.7)), to(rgba(114,126,142,0)));
    background: linear-gradient(to bottom, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727e8e', endColorstr='#727e8e', GradientType=0 );
}

.profile_block_stat_item:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    top: 0;
    bottom: 0;
    background: rgba(114,126,142,0);
    background: -moz-linear-gradient(top, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(114,126,142,0)), color-stop(50%, rgba(114,126,142,0.7)), color-stop(100%, rgba(114,126,142,0)));
    background: -webkit-linear-gradient(top, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
    background: -o-linear-gradient(top, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(114,126,142,0)), color-stop(50%, rgba(114,126,142,0.7)), to(rgba(114,126,142,0)));
    background: linear-gradient(to bottom, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727e8e', endColorstr='#727e8e', GradientType=0 );
}
.profile_block_stat_img{
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.profile_block_stat_item:hover .profile_block_stat_img {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.profile_block_stat_img img{
    max-width: 34px;
}
.profile_block_stat_img i{
    font-size: 26px;
    color: #727E8E;
}
.profile_block_stat_img_bordered{
    border: 2px solid #727E8E;
}

.profile_block_stat_img_av {
    overflow: hidden;
}

.profile_block_stat_img_av.profile_block_stat_img_bordered img {
    max-width: 100%;
    max-height: 100%;
}

.profile_block_stat_img_bordered img{
    max-width: 20px;
    max-height: 20px;
}
.tournament_block_stat_item p{
    font-size: 18px;
    color: #727E8E;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
}
.tournament_block_stat_item p span {
    display: block;
    padding-left: 2px;
    margin-top: 4px;
    font-weight: 700;
    font-size: 16px;
}
.profile_block_stat_item p {
    font-size: 12px;
    color: #727E8E;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    max-width: -webkit-calc(100% - 46px);
    max-width: -moz-calc(100% - 46px);
    max-width: calc(100% - 46px);
    padding-left: 15px;
}

.profile_block_stat_item p span {
    display: block;
    font-weight: 700;
    font-size: 12px;
}
.profile_block_stat_t2{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap:  wrap;
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
    background: #182631;
    z-index: 2;
    background: #182631;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    padding: 12px 20px 12px 180px;
}

.profile_block_stat_t2 .profile_block_stat_item:before, .profile_block_stat_t2 .profile_block_stat_item:after,.profile_block_stat_t2 .profile_block_stat_item:last-child:after {
    height: 70px;
    top: 50%;
    bottom: auto;
    margin-top: -35px;
}
.profile_block_stat_t2 .profile_block_stat_item{
    width: -webkit-calc(100% / 8);
    width: -moz-calc(100% / 8);
    width: calc(100% / 8);
    display: block;
    margin:0 auto;
    text-align: center;
}
.profile_block_stat_t2 .profile_block_stat_item p{
    max-width: 100%;
    padding: 0;
}
.profile_block_stat_t2 .profile_block_stat_item .profile_block_stat_img{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 6px;
}
.profile_block_stat_item_gr p, .profile_block_stat_item_gr p span{
    background: -webkit-gradient(linear, left top, right top, from(rgb(254,177,102)), to(rgb(240,204,80)));
    background: -webkit-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background: -moz-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background: -o-linear-gradient(left, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    background: linear-gradient(to right, rgb(254,177,102) 0%, rgb(240,204,80) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.profile_top_block_tour_title{
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px 20px 160px;
}
.profile_top_block_tour_title_left{
    width: 180px;
    position: absolute;
    top: -130px;
    left: 10px;
    /* margin-top: -74px; */
}
.profile_top_block_tour_title_img{
    width: 100%;
    height: 160px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: block;
}
.profile_top_block_tour_title_img span{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(255,255,255,0.18);
}
.profile_top_block_tour_title_img.pbg-mobile{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
}
.profile_top_block_tour_title_img img{
    display: block;
    width: 100%;
    height: 100%;
}
.profile_top_block_tour_title_img.pbg-mobile img{
    width: unset;
    height: unset;
}
.profile_top_block_tour_title_left .tournament_result_btn{
    margin: 0;
    margin-top: 10px;
}
.profile_top_block_tour_title_txt{
    font-size: 32px;
    font-weight: 800;
    line-height: normal;
    width: 100%;
    margin-left: 50px;
}
.profile_top_block{
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    margin-top: -41px;
    /* padding-bottom: 58px; */
}
.profile_block_bg{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: #182631;
}

.profile_block_bg:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 35%;
    background: rgba(14,21,33,0);
    background: -moz-linear-gradient(top, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,21,33,0)), color-stop(29%, rgba(14,21,33,0.03)), color-stop(100%, rgba(14,21,33,0.8)));
    background: -webkit-linear-gradient(top, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    background: -o-linear-gradient(top, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(14,21,33,0)), color-stop(29%, rgba(14,21,33,0.03)), to(rgba(14,21,33,0.8)));
    background: linear-gradient(to bottom, rgba(14,21,33,0) 0%, rgba(14,21,33,0.03) 29%, rgba(14,21,33,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e1521', endColorstr='#0e1521', GradientType=0 );
    z-index: 1;
}
.profile_block_bg span{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.7;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;
}
.profile_block_btns{
    text-align: right;
    position: relative;
    z-index: 1;
    min-height:80px;
    padding: 20px 17px 11px;
}
.profile_block_btns .team_item_link{
    float: right;
    border-color: rgba(19, 22, 28, 0.8);
    background: rgba(19, 22, 28, 0.8);
}
.profile_block_btns .team_item_link i{
    color:#727e8e;
    font-size: 14px;
}
.cover_profile{
    position: relative;
    border-radius: 10px;
    height: 280px;
    background-repeat: no-repeat;
    background-size: 773px 100%;
    background-position: center;
}
.cover_profile .cover_profile_upload{
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 30px;
    height: 30px;
}
.cover_profile .cover_profile_upload .photo_file{
    position:unset;
    padding: 0;
    margin: 0;
}
.cover_profile .profile_page_av{
    top: 200px;
}
.profile_page_av{
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 140px;
    height: 140px;
    margin: 0 auto 19px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
}

.profile_page_av.profile_page_av_empty {
    background: #141E27;
}
.profile_page_av span img{
    width: 100%;
    height: 100%;
}
.profile_page_av span{
    display: block;
    overflow: hidden;
    /* margin-top: 20px; */
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}
.profile_page_av span:before{
    border: 2px solid rgba(255,255,255,0.18);
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.photo_file{
    opacity: 0.6;
    right: 20px;
    z-index: 2;
    position: relative;
    width: 26px;
    margin-left: auto;
    margin-top: -42px;
    padding-bottom: 12px;
}
.photo_file .jq-file {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    width: 26px;
    height: 26px;
}
.photo_file .jq-file__name {
    display: none;
}
.photo_file .jq-file__browse {
    background: url(../img/svg/photo-camera.svg) no-repeat top center;
    -moz-background-size: 100%;
    background-size: 100%;
    padding: 0;
}

.photo_file:hover {
    opacity: 0.4;
}
.profile_top_block .team_item_title{
    position: relative;
    z-index: 1;
    text-align: center;
    margin-bottom: 21px;
}

.profile_top_block .team_item_country {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0 15px 58px;
}
.profile_online_tag{
    color: #43EA7D;
    padding-right: 24px;
    position: relative;
}

.profile_online_tag:before {
    content: '';
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    background: #43EA7D;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: 3px;
}
.profile_offline_tag{
    color: #a5a5a5;
    padding-right: 24px;
    position: relative;
}

.profile_offline_tag:before {
    content: '';
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    background: #a5a5a5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: 3px;
}
.profile_page_av .photo_file{
    position: absolute;
    bottom: 4px;
    right: 50%;
    margin-right: -13px;
}
.team_item_link_active{
    color: #727E8E;
}
.profile_tabs_block_topline{
    padding-top: 43px;
}


.tournament_scroll {
    margin-top: 10px;
}

.tournament_tabs_block_topline .tabs {margin-right:  0;margin-left:  -21px;list-style: none;}

.team_players_block .profile_img{
    width: 70px;
    height: 70px;
}
.team_players_block .profile_title{
    width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: calc(100% - 70px);
    font-size: 20px;
}
.team_players_block .profile_link_item{
    width: 20%;
    padding-top: 20px;
}
/*<<=profile_top_block END*/

/*BEGIN article=>>*/
article{
    text-align: left;
    padding: 10px;
}
article h3{
    margin: 15px 0;
}
article ul{
    margin: 15px 0;
}
article p{
    margin: 15px 0;
}
article blockquote{
    text-align: center;
    border: 2px solid rgba(178, 192, 222, 0.15);
    border-left: 0;
    border-right: 0;
    /* padding: 30px 0; */
    position: relative;
    margin: 30px 0;
}
.article_img{
    font-size: 14px;
    color: #727E8E;
    text-align: center;
    line-height: 24px;
    margin: 30px 0;
}
.article_img img{
    display: block;
    margin: 15px 0;
}
/*<<=article END*/

/*BEGIN aside_news=>>*/
.aside_news .latest_news_item{
    height: 235px;
    margin-top: 30px;
}
/*<<=aside_news END*/

/*BEGIN tournament-bracket=>>*/

.tournament-bracket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
}

.tournament-bracket__round {
    display: block;
    margin-left: -3px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
}

.tournament-bracket__round-title {
    color: #727E8E;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.tournament-bracket__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    height: 100%;
    min-height: 100%;
    -webkit-transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
    -o-transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
    -moz-transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
    transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
    margin-bottom: 0;
    padding-bottom: 0;
    border-right: 1px dashed transparent;
    border-bottom: 0;
}

@media (max-width: 24em) {
    .tournament-bracket__list {
        padding-bottom: 1em;
        margin-bottom: 1em;
    }
}

.tournament-bracket__round:last-child .tournament-bracket__list {
    border: 0;
}

.tournament-bracket__item {
    padding: 0.5em 1em;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    flex: 0 1 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    position: relative;
    -webkit-transition: padding 0.2s linear;
    -o-transition: padding 0.2s linear;
    -moz-transition: padding 0.2s linear;
    transition: padding 0.2s linear;
}

.tournament-bracket__item:nth-child(even) {
    margin-left: 2%;
}
.tournament-bracket__item:nth-child(odd),
.tournament-bracket__item:nth-child(even) {
    margin: 0;
}
.tournament-bracket__item::after {
    -webkit-transition: width 0.2s linear;
    -o-transition: width 0.2s linear;
    -moz-transition: width 0.2s linear;
    transition: width 0.2s linear;
}

.tournament-bracket__item::after {
    position: absolute;
    right: 0;
    content: '';
    display: block;
    width: 1em;
    height: 45%;
    border-right: 2px solid #1A1F26;
}
.tournament-bracket__item:nth-child(odd)::after {
    top: 50%;
    border-top: 2px solid #1A1F26;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
}
.tournament-bracket__item:nth-child(even)::after {
    bottom: 50%;
    border-bottom: 2px solid #1A1F26;
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -o-transform: translateY(1px);
    transform: translateY(1px);
}
.tournament-bracket__item:before {
    display: none;
}
.tournament-bracket__round:last-child .tournament-bracket__item {
    padding-right: 0;
}
.tournament-bracket__round:last-child .tournament-bracket__item::after {
    display: none;
}
.tournament-bracket__round:nth-last-child(2) .tournament-bracket__item::after {
    border-right: 0;
    border-right: 2px solid #1A1F26;
}
.tournament-bracket__item::after {
    width: 1.5em;
}
.tournament-bracket__round:first-child .tournament-bracket__item {
    padding-left: 0;
}

.tournament-bracket__match {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 100%;
    border: 2px solid #202730;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    outline: none;
    cursor: pointer;
    -webkit-transition: padding 0.2s ease-in-out, border 0.2s linear;
    -o-transition: padding 0.2s ease-in-out, border 0.2s linear;
    -moz-transition: padding 0.2s ease-in-out, border 0.2s linear;
    transition: padding 0.2s ease-in-out, border 0.2s linear;
}

.tournament-bracket__match:focus,
.tournament-bracket__match:focus .tournament-bracket__content .tournament-bracket__team:first-child td {
    border-color: #4B5B71;
}

.tournament-bracket__match::before,
.tournament-bracket__match::after {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.tournament-bracket__match::before,
.tournament-bracket__match::after {
    position: absolute;
    left: 0;
    z-index: 1;
    content: '';
    display: block;
    width: 1em;
    height: 10%;
    border-left: 2px solid #1A1F26;
}
.tournament-bracket__match::before {
    bottom: 50%;
    border-bottom: 2px solid #1A1F26;
    -webkit-transform: translate(0, 1px);
    -moz-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);
    -o-transform: translate(0, 1px);
    transform: translate(0, 1px);
}

.tournament-bracket__match::after {
    top: 50%;
    border-top: 2px solid #1A1F26;
    -webkit-transform: translate(0, -1px);
    -moz-transform: translate(0, -1px);
    -ms-transform: translate(0, -1px);
    -o-transform: translate(0, -1px);
    transform: translate(0, -1px);
}

.tournament-bracket__round:first-child .tournament-bracket__match::before,
.tournament-bracket__round:first-child .tournament-bracket__match::after {
    display: none;
}

.tournament-bracket__content::after {
    /* content: ':'; */
    width: 1em;
    text-align: center;
    padding: 0.2em 0.1em;
}
.tournament-bracket__content::after {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    order: 1;
}


.tournament-bracket__content .tournament-bracket__team:first-child td {
    border-bottom: 2px solid #202730;
    -webkit-transition: padding 0.2s ease-in-out, border 0.2s linear;
    -o-transition: padding 0.2s ease-in-out, border 0.2s linear;
    -moz-transition: padding 0.2s ease-in-out, border 0.2s linear;
    transition: padding 0.2s ease-in-out, border 0.2s linear;
    color: #fff;
    position: relative;
    z-index: 9;
}

.tournament-bracket__match:focus .tournament-bracket__content .tournament-bracket__team:first-child td:after {
    background: #4B5B71;
}

.tournament-bracket__content .tournament-bracket__team:first-child td:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 2px;
    background: #202730;
    right: -2px;
    bottom: -2px;
    -webkit-transition: background  0.2s linear;
    -webkit-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
.tournament-bracket__content .tournament-bracket__team:first-child {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 9;
}


.tournament-bracket__content .tournament-bracket__team:last-child {
    width: 50%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    order: 2;
    text-align: left;
}

.tournament-bracket__table {
    width: 100%;
    position: relative;
    z-index: 9;
}

.tournament-bracket__table td {
    font-size: 14px;
    line-height: 26px;
    white-space: nowrap;
    padding: 5px 13px;
}

.tournament-bracket__caption {
    font-size: 0.8rem;
    color: #BDBDBD;
    font-weight: 300;
    padding-bottom: 0.75em;
}

.tournament-bracket__country {
    font-size: 0.95rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-top: 0.5em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
}

.ongoing_tournaments_block {
    padding: 25px 0 25px 3px;
}

/*<<= END*/

/*BEGIN profile_content_teams=>>*/
.profile_content_teams, .profile_states_overview{

    /*margin: 0 -10px;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap:  wrap;
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
    padding: 20px 0;
    overflow-x: hidden;
}

.profile_content_team_item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    border: 2px solid #202730;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: -webkit-calc((100% / 3) - 20px);
    width: -moz-calc((100% / 3) - 20px);
    width: calc((100% / 3) - 20px);
    margin: 10px 10px 0;
    padding: 13px 18px;
}

.profile_content_team_item:hover {
    border-color: #4B5B71;
}
.profile_content_team_item_img{
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.18);
    display: block;
}
.profile_content_team_item_img img{
    display: block;
    width: 100%;
    height: 100%;
}
.profile_content_team_item_txt{
    display: block;
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
    padding-left:  10px;
    white-space: nowrap;
    -o-text-overflow:  ellipsis;
    text-overflow:  ellipsis;
    overflow: hidden;
}
.profile_content_rules,
.organizers_list{
    min-height: 261px;
    text-align: left;
    padding-top: 35px;
}
.profile_content_format{
    width: 100%;
    /* display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap:  wrap;
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; */
    padding: 10px 0 20px;
}
.profile_content_format .t_format_heading{
    font-size: 18px;
    font-weight: bold;
}
.profile_content_format .t_format_value{
    font-size: 14px;
    color: #727E8E;
}
.profile_content_format li{
    padding: 10px 0 0;
    /* font-size: 15px; */
    line-height: 28px;
    /* color: #727E8E; */
    text-transform: uppercase;
    /* width: 25%; */
}
.profile_content_format li:before{
    display: none;
}
.profile_content_format span{
    display: block;
    text-transform: none;
}
.profile_content_rules p{
    margin: 10px 0;
}

/*<<=profile_content_teams END*/

/*BEGIN =>>*/
/*<<= END*/

/*BEGIN =>>*/
/*<<= END*/

/*BEGIN =>>*/
/*<<= END*/

.open_menu{
    display: none;
}

@media only screen and (max-width: 1416px){
    .open_menu{
        display: block;
        display: inline-block;
        vertical-align: top;
        color: #fff;
        -webkit-box-shadow: inset 0px 0px 2px 0px #4B5B71;
        -moz-box-shadow: inset 0px 0px 2px 0px #4B5B71;
        box-shadow: inset 0px 0px 2px 0px #4B5B71;
        width: 42px;
        height: 42px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        margin-top: 14px;
        margin-left: 6px;
        background-image: url(../img/svg/menu-icon.svg);
        background-repeat: no-repeat;
        -moz-background-size: 50%;
        background-size: 50%;
        background-position: center;
    }
    .nav_head li {
        display: block;
        margin: 20px 0;
    }

    .open_menu:hover,.open_menu.active {
        -webkit-box-shadow: inset 0px 0px 2px 0px #fff;
        -moz-box-shadow: inset 0px 0px 2px 0px #fff;
        box-shadow: inset 0px 0px 2px 0px #fff;
        background: #fff;
        background-image: url(../img/svg/menu-icon.svg);
        background-repeat: no-repeat;
        -moz-background-size: 50%;
        background-size: 50%;
        background-position: center;
    }
    .mobile_menu_overlay{
        background-color: rgba(9, 15, 22, 0.85);
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 9999;
        -webkit-transform: translateX(-104%);
        -ms-transform: translateX(-104%);
        -moz-transform: translateX(-104%);
        -o-transform: translateX(-104%);
        transform: translateX(-104%);
    }
    .wrapper.closed .mobile_menu_overlay{
        right: 0;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    .mobile_menu,.wrapper > .mobile_menu{
        position: fixed;
        padding: 40px;
        overflow: auto;
        top: 0;
        left: 0;
        z-index: 99999;
        -webkit-transition: all .25s;
        -o-transition: all .25s;
        -moz-transition: all .25s;
        transition: all .25s;
        -webkit-transform: translateX(-104%);
        -ms-transform: translateX(-104%);
        -moz-transform: translateX(-104%);
        -o-transform: translateX(-104%);
        transform: translateX(-104%);
        text-align: left;
        height: 100vh;
        width: 50%;
        max-width: 400px;
        min-width: 260px;
        background: rgba(20,32,49,0.95);
    }
    .mobile_menu.active {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    .nav_head li:first-child:before{
        display: block;
    }
    .profile_head_txt {
        display: none;
    }
    .profile_head_pull, .profile_head_pull.active {
        background: none;
    }
    .profile_head_pull:before {
        display: none;
    }
}

@media only screen and (max-width: 1350px) {
    .welcome_container .welc_inner:first-child h1{
        font-size: 80px;
    }
    .welcome_container .welc_inner:first-child{
        width:90%;
    }
}
@media only screen and (max-width: 1228px){
    .sidebar_wrapper{
        width: 310px;
    }
    .tc-wrapper{
        width: 256px;
    }
    .styled_btn{
        display: inline-block;
    }
    .top_footer .gradient_btn span{
        width:100%;
    }
    .team_creation_wrapper {
        display: flex;
        padding-left: 310px;
    }
    .gradient_btn_s .gradient_btn_txt{
        width: 100%;
    }
    .welcome_container .welc_inner:last-child {
        display: none;
    }
    .container {width: 100%;margin:0 auto;min-width: 100%;position: relative;padding-left: 21px;padding-right: 21px;}

    .admin_page_table {
        max-width: 100%;
        overflow: auto;
    }

    .admin_page_table .typical_table {
        width: 1170px;
    }
    .wrapper > div,.wrapper > footer,.wrapper > header,.wrapper > section { min-width: 300px; }
    .how_it_works_item p {
        margin: 0 0;
    }
    .how_it_works_img {
        margin-bottom: 0;
    }
    .tournament_item_btm_info {
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    .tabs_block_topline {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .tabs_title {
        width: 100%;
        margin-bottom: 13px;
    }
    .tabs {
        margin-left: -8px;
    }
    .ranking_info_pull{
        display: block;
        background: url(../img/svg/three-dots.svg) no-repeat top center;
        -moz-background-size: 100%;
        background-size: 100%;
        width: 20px;
        height: 20px;
        margin-left: auto;
        position: relative;
        z-index: 2;
    }

    .ranking_line_info_list {
        display: none;
    }
    .ranking_line_info_list.active{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: absolute;
        right: 0;
        padding-right: 50px;
        top: 0;
        bottom: 0;
        /* min-height: 100%; */
        left: 0;
        background: rgba(24, 38, 49, 0.9);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .ranking_line {
        height: auto;
        min-height: 70px;
        /* align-items: flex-start; */
        position: relative;
    }
    /* .teams_item {
        width: -webkit-calc((100% / 3) - 30px);
        width: -moz-calc((100% / 3) - 30px);
        width: calc((100% / 3) - 30px);
    } */
    .container_decor {
        -moz-background-size: 1300px !important;
        background-size: 1300px !important;
    }
    .profile_aside {
        width: 300px;
    }
    .profile_content {
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: calc(100% - 300px);
    }
    .aside_wrap{
        width: 300px;
    }
    .profile_content_team_item {
        width: -webkit-calc((100% / 2) - 20px);
        width: -moz-calc((100% / 2) - 20px);
        width: calc((100% / 2) - 20px);
    }
    .profile_content_format li {
        width: -webkit-calc(100% / 3);
        width: -moz-calc(100% / 3);
        width: calc(100% / 3);
    }
}
@media only screen and (max-width: 1024px){

    .team_creation_wrapper .admin_container{
        display:none;
    }
    .sidebar_wrapper {
        position: relative;
        width: 100%;
        height: auto;
        overflow-y: auto;
    }
    .team_creation_wrapper{
        padding-left:0px;
        padding-right: 0px !important;
    }
    .tc-wrapper {
        width: 100%;
    }
    .profile_main_block .profile_content .profile_chart{
        width: 100%;
    }
    .profile_main_block .recent_event_logo img{
        width: 26px;
        margin-top: 6px;
        height: 26px;
    }
    .profile_main_block .profile_content .typical_table{
        margin-bottom: 30px;
    }
    .profile_main_block .profile_content .profile_chart:not(:first-child){
        margin-left:0;
    }
    .profile_top_block_tour_title_left {
        top: auto;
        margin: 0;
        bottom: 20px;
    }
    .profile_block_stat_t2 {
        padding-left: 20px;
    }
    .profile_tournaments_block .featured_tournament_item {
        width: 100%;
    }
    .tournament_item_top_img {
        padding: 0;
        height: 230px;
    }

    .admin_container {
        padding: 70px 0 0;
    }

    .admin_table_block {
        padding-bottom: 40px;
    }
    .admin_form_block {
        max-width: none;
        margin: 0 -20px;
        width: auto;
        padding: 50px 20px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .profile_block_stat {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .profile_block_stat_item {
        width: -webkit-calc(100% / 3);
        width: -moz-calc(100% / 3);
        width: calc(100% / 3);
    }
    .profile_block_stat .profile_block_stat_item:nth-child(4),.profile_block_stat .profile_block_stat_item:nth-child(5){
        width: -webkit-calc(100% / 2);
        width: -moz-calc(100% / 2);
        width: calc(100% / 2);
    }
    .profile_block_stat .profile_block_stat_item:after {
        content: '';
        position: absolute;
        right: -1px;
        width: 1px;
        top: 0;
        bottom: 0;
        background: rgba(114,126,142,0);
        background: -moz-linear-gradient(top, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(114,126,142,0)), color-stop(50%, rgba(114,126,142,0.7)), color-stop(100%, rgba(114,126,142,0)));
        background: -webkit-linear-gradient(top, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
        background: -o-linear-gradient(top, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(114,126,142,0)), color-stop(50%, rgba(114,126,142,0.7)), to(rgba(114,126,142,0)));
        background: linear-gradient(to bottom, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727e8e', endColorstr='#727e8e', GradientType=0 );
    }
}

@media only screen and (max-width: 960px){
    .top_foot_col {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }
    .top_foot_row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .logo_foot {
        margin: 0 auto 23px;
    }
    .top_foot_col {
        width: 100%;
        padding-right: 0;
        text-align: center;
        padding-bottom: 40px;
    }

    .foot_subscribe_input {
        margin-left: auto;
        margin-right: auto;
    }
    .top_foot_nav {
        width: 127px;
        text-align: center;
        padding-left: 0;
    }
    .top_footer {
        padding-bottom: 30px;
    }
    .copyright_foot {
        float: none;
    }
    .copyright_foot p {
        display: block;
        margin-bottom: 10px;
    }
    .copyright_foot ul li:first-child:before {
        display: none;
    }
    .copyright_foot ul li:first-child {
        padding-left: 0;
    }
    .copyright_foot ul {
        display: block;
        margin-bottom: 20px;
    }
    .scrollup {
        float: none;
    }
    .bottom_footer {
        text-align: center;
    }
    .sponsor_icon {
        padding: 0 20px;
    }
    .latest_news_txt p {
        display: none;
    }
    .latest_news_txt h4 {
        font-size: 20px;
        margin-bottom: 13px;
        line-height: 28px;
    }
    .latest_news_slider {
        float: none;
        width: 100%;
    }
    .latest_news_item {
        height: 235px;
    }
    .latest_news_content {
        height: 705px;
    }
    .latest_news_preview {
        width: 100%;
        float: none;
        height: 470px;
    }
    /*.featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_btm_title, .featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_btm_title {*/
    /*    padding-left: 0;*/
    /*}*/
    /*.featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_btm_img, .featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_btm_img {*/
    /*    display: none;*/
    /*}*/
    /*.featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_title, .featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_title {*/
    /*    font-size: 20px;*/
    /*}*/
    /*.featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_progress, .featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_progress {*/
    /*    margin-top: -20px;*/
    /*}*/
    /*.featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_btm, .featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_btm {*/
    /*    height: 133px;*/
    /*}*/
    .featured_tournament_item {
        width: 100%;
    }
    .tournament_item_top_img {
        height: 230px;
        padding-bottom: 0;
    }
    .inner_page_filters {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 15px;
    }
    .inner_page_filter_item {
        width: 50%;
        margin-top: 15px;
    }
    .players_info_pull{
        display: block;
        background: url(../img/svg/three-dots.svg) no-repeat top center;
        -moz-background-size: 100%;
        background-size: 100%;
        width: 20px;
        height: 20px;
        margin-left: auto;
        position: relative;
        z-index: 2;
    }
    .players_line_info_block {
        display: none;
    }
    .players_line_info_block.active{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: absolute;
        right: 0;
        padding-right: 50px;
        top: 0;
        bottom: 0;
        left: 0;
        background: rgba(24, 38, 49, 0.9);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .players_line {
        height: auto;
        min-height: 70px;
        /* align-items: flex-start; */
        position: relative;
    }
    .players_line_info_block .team_item_country {
        font-size: 1px;
        font-size: 0.1px;
        color: transparent;
    }
    .players_line_info_block .team_item_country img{
        margin-right: 0;
    }
    .players_line_country {
        padding: 0;
    }
    .players_line_country:before,.players_line_country:after {
        display: none;
    }
    .players_line_info .team_item_link {
        font-size: 12px;
    }
    .teams_item {
        width: -webkit-calc((100% / 2) - 30px);
        width: -moz-calc((100% / 2) - 30px);
        width: calc((100% / 2) - 30px);
    }
}

@media only screen and (max-width: 856px){
    .search_input{
        font-size: 20px;
    }
    .team_players .teams_item{
        width: -webkit-calc((100% / 2) - 30px);
        width: -moz-calc((100% / 2) - 30px);
        width: calc((100% / 2) - 30px);
    }
    .search_hidden_topline {
        margin-bottom: 25px;
    }
    .profile_block_stat_t2 .profile_block_stat_item {
        width: -webkit-calc(100% / 3);
        width: -moz-calc(100% / 3);
        width: calc(100% / 3);
    }
    .profile_block_stat_t2 .profile_block_stat_item:after {
        margin-right: -1px;
        content: '';
        position: absolute;
        right: 0;
        width: 1px;
        background: rgba(114,126,142,0);
        background: -moz-linear-gradient(top, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(114,126,142,0)), color-stop(50%, rgba(114,126,142,0.7)), color-stop(100%, rgba(114,126,142,0)));
        background: -webkit-linear-gradient(top, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
        background: -o-linear-gradient(top, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(114,126,142,0)), color-stop(50%, rgba(114,126,142,0.7)), to(rgba(114,126,142,0)));
        background: linear-gradient(to bottom, rgba(114,126,142,0) 0%, rgba(114,126,142,0.7) 50%, rgba(114,126,142,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727e8e', endColorstr='#727e8e', GradientType=0 );
    }
    .profile_top_block_tour_title_txt {
        font-size: 24px;
    }
    .search_btn {
        width: 30px;
        height: 30px;
        bottom: 11px;
    }
    .search_input::-webkit-input-placeholder{font-size: 20px; color: #727E8E;line-height: 1;}
    .search_input::-moz-placeholder{font-size: 20px; color: #727E8E;line-height: 1;}
    .search_input:-moz-placeholder{font-size: 20px; color: #727E8E;line-height: 1;}
    .search_input:-ms-input-placeholder{font-size: 20px; color: #727E8E;line-height: 1;}
    .wrap_social_head{
        border: 2px solid rgba(65,91,114,0.3);
        border-left: 0;
        border-right: 0;
        text-align: center;
        margin: 0 15px 35px 15px;
        padding: 15px 0;
    }
    .social_head{
        margin: 0;
        padding: 0;
        border: 0;
    }
    .mobile_menu, .wrapper > .mobile_menu {
        padding: 40px 20px;
    }
    .search_head {
        margin-right: 10px;
    }
    /* header .gradient_btn_xs .gradient_btn_txt, header .bordered_btn_xs .bordered_btn_txt {
        font-size: 12px;
        width: 90px;
    } */
    .latest_news_list_item {
        width: -webkit-calc((100% - 40px) / 2);
        width: -moz-calc((100% - 40px) / 2);
        width: calc((100% - 40px) / 2);
    }
    .latest_news_list .latest_news_list_item:nth-child(3n) {
        margin-right: 26px;
    }
    .latest_news_list .latest_news_list_item:nth-child(2n) {
        margin-right: 0;
    }
    .ranking_line_info_list li span span {
        display: inline-block;
    }
    .ranking_line_info_list li span {
        display: block;
    }
    .profile_content {
        width: 100%;
        padding: 0 0 50px;
        float: left;
    }
    .profile_aside {
        /* float: none; */
        width: 100%;
    }
    .aside_wrap{
        width: 100%;
    }
}

@media only screen and (max-width: 800px){
    .featured_tournaments_block .featured_tournament_item:nth-child(1) .tournament_item_top_img, .featured_tournaments_block .featured_tournament_item:nth-child(2) .tournament_item_top_img {
        padding: 0;
    }
    .featured_tournaments_block .featured_tournament_item:nth-child(1), .featured_tournaments_block .featured_tournament_item:nth-child(2) {
        width: 100%;
    }
    li.magic-line {
        display: none;
    }
}

@media only screen and (max-width: 760px){
    .profile_top_block_titleline {
        display: block;
    }
    .profile_top_block_titleline .profile_block_btns {
        text-align: left;
        padding-top: 10px;
    }
    .arcticmodal-container_i2 {
        padding: 0;
    }
    .box-modal {
        width: 100% !important;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .modal {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        height: 100%;
    }
    .stream_item {
        width: -webkit-calc(100% / 2);
        width: -moz-calc(100% / 2);
        width: calc(100% / 2);
    }
    .sponsor_icon {
        width: -webkit-calc(100% / 3);
        width: -moz-calc(100% / 3);
        width: calc(100% / 3);
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 20px;
    }
    .sponsors_block {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sponsors_container {
        padding: 45px 0 40px;
    }
    .tabs_title a{
        position: absolute;
        bottom: -30px;
        left: 50%;
        width: 270px;
        display: block;
        margin-left: -135px;
        text-align: center;
        display: block;
        font-size: 18px;
        line-height: 25px;
        color: #0E1521;
        font-weight: 800;
        text-transform: uppercase;
        text-align: center;
        padding: 15px;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        z-index: 2;
        letter-spacing: 1.8px;
        background: none;
        color: #fff;
        -webkit-box-shadow: inset 0px 0px 2px 0px #4B5B71;
        -moz-box-shadow: inset 0px 0px 2px 0px #4B5B71;
        box-shadow: inset 0px 0px 2px 0px #4B5B71;
    }

    .tabs_block .bordered_btn_load {
        position: absolute;
        z-index: 99;
        bottom: 0;
        margin-left: -135px;
        left: 50%;
    }

    .tabs_title a:hover {
        color: #030D1C;
        -webkit-box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,1);
        -moz-box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,1);
        box-shadow: inset 0px 0px 2px 0px rgba(255,255,255,1);
        background: #fff;
    }

    .tabs_title a:after {
        content: '';
        background: url(../img/svg/arrow-down-w.svg) no-repeat top center;
        -moz-background-size: 100%;
        background-size: 100%;
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 16px;
        margin-left: 10px;
    }

    .tabs_title a:hover:after {
        background: url(../img/svg/arrow-down-b.svg) no-repeat top center;
        -moz-background-size: 100%;
        background-size: 100%;
        -webkit-animation: upDownMove 1s infinite ease-in;
        -moz-animation: upDownMove 1s infinite ease-in;
        -o-animation: upDownMove 1s infinite ease-in;
        animation: upDownMove 1s infinite ease-in;
    }

    .tabs_block {
        position: relative;
        padding-bottom: 60px;
    }
    .formline_date,.formline_time {
        display: block;
    }
    .formline_date .form_line,.formline_time .form_line {
        width: 100%;
        padding: 0;
    }
    .formline_date .form_line:nth-child(3n),.formline_time .form_line:nth-child(2n) {
        padding-left: 0;
    }
    .tournament-bracket {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
    }
    .tournament-bracket__round {
        display: block;
        margin-left: -3px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        flex: 1;
    }
    .tournament-bracket__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -ms-flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        height: 100%;
        min-height: 100%;
        border-bottom: 1px dashed transparent;
        padding-bottom: 0;
        /* margin-bottom: 0; */
        -webkit-transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
        -o-transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
        -moz-transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
        transition: padding 0.2s ease-in-out, margin 0.2s ease-in-out;
    }
    .tournament-bracket__item:nth-child(odd) {
        margin-right: 2%;
    }
    .tournament-bracket__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        -moz-box-flex: 0;
        flex: 0 1 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        align-items: flex-start;
        position: relative;
        padding: 2% 0;
        width: 48%;
        -webkit-transition: padding 0.2s linear;
        -o-transition: padding 0.2s linear;
        -moz-transition: padding 0.2s linear;
        transition: padding 0.2s linear;
    }
    .tournament-bracket__item:nth-child(odd)::after {
        display: none;
    }
    .tournament-bracket__item::after,.tournament-bracket__item::before {
        display: none;
    }
    .lol_based_forms .form_line:last-child{
        margin-left: 0;
    }

}
@media only screen and (max-width: 670px){
    .footer-notice p , .footer-notice a{
        font-size: 16px !important;
    }
    .welcome_container .welc_inner:first-child h1{
        font-size:70px;
    }
    .profile_block_stat_item {
        width: -webkit-calc(100% / 2);
        width: -moz-calc(100% / 2);
        width: calc(100% / 2);
    }
    .profile_block_stat .profile_block_stat_item:nth-child(5){
        width: 100%;
    }
}
@media only screen and (max-width: 620px){
    .teams_item {
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px);
    }
}
@media only screen and (max-width: 590px){
    .right_head{
        padding-left: 0px;
        padding-right: 0px;
    }

    .welcome_container .welc_inner:first-child h1{
        font-size: 60px;
        line-height: 60px;
        margin-top: 30px;
    }
    .welcome_container .welc_btns{
        flex-wrap:wrap;
        justify-content: space-around;
    }
    .welcome_container .welc_inner:first-child h2{
        margin-top: 20px;
        line-height: 30px;
        font-size:24px;
        text-align: center;
    }
    .welcome_container .welc_inner:first-child h1{
        text-align: center;
    }
    .welcome_container .welc_btns {
        flex-wrap: wrap;
    }
    .welcome_container .welc_btns a {
        margin: 0px 0px 20px 0px;
    }
    .popup_notif .notifications_item{
        padding:5px !important;
    }
    .profile_top_block_tour_title_left {
        width: 120px;
        top: -110px;
        /* margin-top: -74px; */
    }
    .profile_top_block_tour_title_txt{
        margin-left: 10px;
    }
    .profile_top_block_tour_title_img {
        height: 130px;
    }
    .block_subtitle h2{
        font-size: 16px;
        display:block;
        text-align: center;
        padding: 3px 8px;
    }
    .form_line_distribution_left {
        float: none;
        width: 100%;
    }
    .form_line_distribution_right {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .bordered_form_line {
        padding-left: 0;
    }
    .bordered_form_label {
        position: static;
    }
    .pagination a, .pagination span {
        height: 24px;
        line-height: 22px;
        min-width: 24px;
    }
    .inner_page_title_right {
        float: none;
        margin-top: 10px;
    }
    .inner_page_title_block h1 {
        float: none;
    }
    .inner_page_title_back, .inner_page_title_add {
        display: inline-block;
        vertical-align: top;
    }
    .jq-selectbox__dropdown {
        width: -webkit-calc(100% + 30px);
        width: -moz-calc(100% + 30px);
        width: calc(100% + 30px);
        margin: 0 -15px;
    }
    .modal_btns {
        text-align: center;
    }
    .modal_btns a {
        margin: 16px;
    }
    .modal_top,.modal_btm {
        padding-left: 15px;
        padding-right: 15px;
    }
    .modal .form_line_columned {
        display: block;
    }
    .modal .form_line_columned .form_line {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .modal .form_line_submit .typical_checkbox {
        width: 100%;
        margin-bottom: 20px;
    }
    .modal .form_line_submit {
        display: block;
        text-align: center;
    }
    .modal_soc_link {
        width: 30px;
        height: 30px;
    }

    .connections_line_cbx {
        margin-bottom: 10px;
    }

    .connections_line_cbx .jq-checkbox {
        width: 15px;
        height: 15px;
        right: -8px;
    }

    .profile_form_line {
        display: block;
        text-align: center;
    }

    .admin_tournament_form .profile_form_line .gradient_btn_s {
        margin-top: 30px;
    }
    .modal_soc_link img {
        max-width: 20px;
        max-height: 20px;
    }
    .modal_soc_link_steam img {
        max-width: 30px;
        max-height: 30px;
    }
    .container {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 40px;
    }
    .latest_news_list_item {
        width: 100%;
        display: block;
    }
    .latest_news_list .latest_news_list_item:nth-child(3n) {
        margin-right: 0;
    }
    .latest_news_list .latest_news_list_item:nth-child(2n) {
        margin-right: 0;
    }
    .latest_news_list {
        margin-right: 0;
    }
    .inner_page_filter_item {
        width: 100%;
        padding: 0;
    }

    .ranking_line_info_list li {
        font-size: 12px;
        line-height: normal;
        padding-left: 20px;
    }
    .ranking_line_info_list li:before{
        display: none;
    }
    .streams_content .stream_item:nth-child(1), .streams_content .stream_item:nth-child(2) {
        width: 100%;
    }
    .logo {
        width: 50px;
        margin-top: 6px;
    }
    .tabs {
        margin: 0;
        text-align: center;
    }
    .tournament_tabs_block_topline .tabs {
        margin: 0;
        list-style: none;
    }
    .tabs .tab:first-child {
        margin-left: -6px;
    }
    .featured_tournaments_block {
        margin: 0 -10px;
    }
    header {
        padding: 0 10px;
    }

    .admin_form_block {
        margin: 0 -10px;
    }

    .admin_form_block .gradient_btn_s .gradient_btn_txt,.admin_form  .gradient_btn_s .gradient_btn_txt {
        max-width: 270px;
    }

    .admin_form_block .form_line_columned .form_line {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .country-select .country-list {
        width: 296px;
    }

    .admin_form_block .form_line_columned {display: block;margin-top:  0;}

    .form_line_columned.form_line_columned_wide .form_line:nth-child(2n) {
        margin-left: auto;
        margin-right: auto;
    }

    .form_line .profile_page_av {
        margin-top:  0;
    }
    .inner_page_filters {
        margin: 0;
    }
    .search_pull {
        width: 15px;
        height: 15px;
        margin-top: 3px;
    }
    header .gradient_btn_xs .gradient_btn_txt, header .bordered_btn_xs .bordered_btn_txt {
        font-size: 13px;
        /* width: 70px; */
    }
    /* .login_head .gradient_btn {
        margin-left: 0;
    } */
    .search_head {
        margin-right: 6px;
    }

    .search_hidden_topline {
        margin-top: 25px;
    }
    .tournament_item_title {
        font-size: 16px;
    }
    .tournament_item_start, .tournament_item_entry {
        font-size: 14px;
    }

    .how_it_works_item p {
        font-size: 18px;
    }
    .friends_head, .teams_head {
        padding-right: 0;
        padding-left: 10px;
    }
    .profile_head_img {
        width: 42px;
        height: 42px;
    }
    .notifications_head_hidden, .friends_head_hidden {
        width: 300px;
        max-width: 100vw;
    }

    /* .notifications_head_hidden, .friends_head_hidden {
        width: calc(100% -20px);
    } */
    .players_line_country {
        margin-left: 5px;
    }
    .ranking_line_name {
        font-size: 14px;
    }
    .ranking_line_online, .ranking_line_offline {
        font-size: 12px;
    }
    .ranking_line_profile {
        width: 42px;
        height: 42px;
    }
    .players_line {
        padding-left: 10px;
        padding-right: 10px;
    }
    .players_line_info_block.active {
        padding-right: 35px;
    }
    .players_line_info .team_item_link {
        margin-left: 5px;
        white-space: nowrap;
    }
    .ranking_line {
        padding-left: 10px;
        padding-right: 10px;
    }
    .ranking_line_title {
        padding-left: 30px;
    }
    .ranking_line_number {
        font-size: 18px;
    }
    .ranking_line_info_list.active {
        padding-right: 35px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .streams_content {
        margin: 0 -10px;
    }
    .teams_content {
        margin: 0 -10px;
    }
    .players_line_info_block .team_item_link:before{

        width: 12px;

        height: 12px;

        margin-right: 5px;
    }
    .profile_tournaments_block {
        margin: 0 -10px;
    }
    .profile_block_stat_t2 .profile_block_stat_item {
        width: -webkit-calc(100% / 2);
        width: -moz-calc(100% / 2);
        width: calc(100% / 2);
    }

    .profile_content_format li {
        width:50%;
    }

    .clone_add_btn{
       top: 235px;
    }
}

@media only screen and (max-width: 590px){
    .notif_body{
        max-width: 25vw;
    }

    .manage_members.admin_table_block{
        overflow: hidden;
        overflow-x: auto;
    }

}

@media only screen and (max-width: 480px){
    .footer-notice p {
        font-size: 10px !important;
    }
    .footer-notice a{
        padding: 4px !important;
        font-size: 10px !important;
        margin-left: 7px !important;
        margin-right: 7px !important;
    }
    .profile_top_block_bg{
        height: 300px;
    }
    .profile_content_team_item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .profile_content_teams {
        margin: 0;
    }
    header {
        padding: 0 3px;
    }
    .profile_block_stat_item {
        width:100%;
        max-width: 210px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 20px;
        margin: 0 auto;
    }
    .profile_block_stat .profile_block_stat_item:nth-child(4){
        width: 100%;
    }
    .profile_block_stat_t2 .profile_block_stat_item {
        width: -webkit-calc(100% / 2);
        width: -moz-calc(100% / 2);
        width: calc(100% / 2);
    }
    .profile_top_block_tour_title_left {
        width: 100px;
    }
    .profile_top_block_tour_title_img {
        height: 100px;
    }
    .profile_top_block_tour_title_left .tournament_result_btn {
        font-size: 12px;
    }
    .profile_top_block_tour_title {
        padding-left: 120px;
    }
    .profile_top_block_tour_title_txt {
        font-size: 22px;
    }
}
@media only screen and (max-width: 400px){
    .profile_top_block_bg{
        height: 270px;
    }

    .notif_body{
        max-width: 35vw;
    }

}
@media only screen and (max-width: 360px){
    .profile_content_format li {
        width:100%;
    }

    .welcome_container .welc_inner:first-child h1{
        font-size: 50px;
        margin-top: 70px;
    }
}

.right_link:before {
    opacity:1.0 !important;
    color: #F0CC50;
}

.right_link:hover {
    opacity:1.0 !important;
    color: #FFFFFF !important;
}
.check_in_status{
    font-size:20px !important;
}
.lol_stat_mapdata {
    margin-left: 20px;
}
.users_list_header {
    display: flex;
    justify-content: space-between;
}
body{
    font-family: 'Rogan' !important;
}

.social_link_box{
    display: inline-block;
    margin-right: 1em;
    text-align: center;
    vertical-align: middle;
    margin-top: 1em;
    font-size: 17px;
}

.display-inline-block{
    display: inline-block;
}
.fr{
    float: right;
}


.ml-1{
    margin-left: 10px;
}
.mr-1{
    margin-right: 10px;
}

.ml-2{
    margin-left: 20px;
}
.mr-2{
    margin-right: 20px;
}

.ml-3{
    margin-left: 30px;
}
.mr-3{
    margin-right: 30px;
}

.ml-4{
    margin-left: 40px;
}
.mr-4{
    margin-right: 40px;
}

.ml-5{
    margin-left: 50px;
}
.mr-5{
    margin-right: 50px;
}
.inner_page_filter_item{
    z-index: 999;
}
.validation{
    color: #EA4643 !important;
    font-size: 12px;
}
.image-td{
    width: 85px;
}

.platform-td{
    width: 25px;
}
.platform_icon{
    width: 30px;
    height: auto;
    float: left;
}
.count-label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17px;
    height: 17px;
    background-color: #f79d00;
    color: black;
    font-size: 12px;
    font-weight: bold;
    border-radius: 50%;
    cursor: pointer;
    transform: translate(4px, -1px);
}
.prize-script{
    white-space: nowrap !important;
}
.state_items{
    float: none;
}
.border_style{
    border: 0.5px solid #62636D;
    box-shadow: 0 0 16px rgba(255,255,255,0.16);
    border-radius: 10px;
    overflow-y: hidden;
}
.info-block-v{
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    height: 170px;
    overflow-y: auto;
}
.check-in{
    display: flex;
    height: 170px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(173,192,224,0.24);
}
.check-in p{
    margin: 0;
}
.link-block-v{
    display: flex;
    justify-content: flex-start;
    border: 1px solid rgba(173,192,224,0.24);
    flex-wrap: wrap;
    padding: 10px !important;
    height: 200px;
    overflow-y: auto;
    align-items: flex-start;
}
._tooltip.profile_content_team_item.tooltip-v{
    width: 44%;
    float: none;
    margin: 0 3px 15px;
    box-sizing: unset;
    min-height: auto;
}
.rulles-article-v{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 210px;
    max-height: 320px;
    overflow-y: auto;
}
.profile_aside_about_v{
    padding: 10px;
    min-height: 200px;
    max-height: 320px;
    position: relative;
    overflow-y: auto;

}
.prize_wrap_v{
    border-bottom: 0.5px solid #FFFFFF;
    padding: 10px;
    margin: auto;
}
.second_block_container{
    display: flex;
    border-bottom: 0.5px solid #FFFFFF;
    width: 100%;
    min-height: auto;
    padding: 10px;
    justify-content: space-around;
}
.second_block{
    padding: 10px;
}
.second_block_container .prize_prize .noselect, .prize{
    font-size: 1em !important;
}
.second_block_container .prize_place .fa-3x {
    font-size: 2em;
}
.profile_aside_about_v:first-child{
    margin: auto;
}
#profile_aside_v:last-child{
    border: none !important;
}
.profile_aside_v{
    margin-top: 37px;
}
#profile_aside_v{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.block_subtitle_v{
    border-bottom: none;
    margin-bottom: 20px;
    padding: 0;
}
.contact_urls__container.contact_urls__container_v{
    justify-content: space-around;
    padding: 5px;
}
.platforms_line.platforms_line_v{
    display: flex;
    justify-content: space-around;
    margin: 0;
    margin-bottom: 19px;
}
.profile_aside.profile_aside_v_1{
    float: none;
    width: auto;
    padding: 10px;
    padding-bottom: 0;
}
.profile_aside_border{
    padding: 10px;
    height: 210px;
    margin-top: 30px;
    margin-bottom: 10px;
    overflow-y: auto;
}
.contact_info{
    height: 218px;
}
.no-contact{
    padding: 47px 0 46px;
    height: 170px;
}
.point_system_content{
    padding: 10px;
    height: 200px;
    overflow-y: auto;
}
.points_system{
    margin-bottom: 20px;
}
/*.profile_aside{*/
/*    float: unset !important;*/
/*}*/

.aside_v_1{
    display: flex;
    flex-direction: column;
    height: 174px;
    overflow-y: auto;
    overflow-x: hidden;
}
.team_side_vh, .matches_side_vh{
    padding: 0 10px 10px 10px;
    max-height: 300px;
    min-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.profile_team_side_vh, .profile_matches_side_vh{
    padding: 0 10px 10px 10px;
    height: 395px;
    overflow-y: auto;
    overflow-x: hidden;
}
.profile_team_side_vh .profile_empty_line,
.profile_matches_side_vh .profile_empty_line {
    transform: translate(1%, 60%);
}
.typical_table.table_vh{
    margin-bottom: 0;
}

/*.profile_aside.profile_aside_block_subtitle{*/
/*    float: right !important;*/
/*}*/
.profile_content.recentyly_played_wrap_vh{
    display: flex;
    justify-content: space-between;
    padding: 0 !important;
}
.main_block_vh{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.recentyly_played_wrap_vh{
    width: 100% !important;
}
.right_side_vh{
    width: 370px;
}
.left_side_vh{
    width: 64%;
}
.profile_aside_about_vh{
    max-height: 300px;
    min-height: 200px;
    padding: 5px 10px 5px 5px;
    overflow-y: auto;
    overflow-x: hidden;
}
.profile_small_aside{
    height: 150px;
    padding: 5px 10px 5px 5px;
    overflow-y: auto;
    overflow-x: hidden;
}
.profile_links_block{
    margin: 0;
}
.bordered_btn_txt_table{
    font-size: 13px;
    width: auto;
    padding: 11px;
}
.profile_team_side_vh .typical_table_profile {
    margin-bottom: 20px;
}
.tournament_stat_overview_block_create{
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
}
.profile_main_block_tour_ce{
    padding-top: 30px;
}
.div-player-box .settings_right_side{
    margin-top: 0;
}
.btn_right{
    float: right;
    margin-right: 30px;
}
.structure_btn{
    float: right;
    margin-right: 25px;
}
@media screen and (max-width: 1229px){
    .profile_aside.profile_aside_v_1{
        padding: 5px 0;
    }
    .profile_aside_about .profile_empty_line{
        padding: 22px;
    }
}
@media screen and (max-width:1105px){
    .main_block_vh{
        flex-direction: column;
    }
    .left_side_vh{
        margin-bottom: 20px;
        width: 100%;
    }
    .profile_content{
        width: 100%;
    }
    .profile_aside_block_subtitle{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-right: 30px;
    }
    .profile_aside .profile_main_block{
        width: 490px;
        padding-right: 0;
    }
    .profile_aside .about_me{
        width: 490px;
        margin-top: 43px;
        padding-left: 10px;
    }
    .profile_aside_about .profile_empty_line{
        padding: 22px;
    }
    .profile_aside_border{
        height: 150px;
        margin: 0;
    }
    .aside_wrap{
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding-right: 30px;
    }
    .aside_wrap .contact_info {
        margin-top: 37px;
    }
    .contact_info,
    .profile_aside_v{
        padding-right: 30px;
    }

}
@media screen and (max-width: 1071px) {
    .profile_aside .profile_main_block{
        width: 465px;
    }
    .profile_aside .about_me{
        width: 465px;
    }
}
@media screen and (max-width: 1029px) {
    .profile_aside .profile_main_block{
        width: 440px;
    }
    .profile_aside .about_me{
        width: 440px;
    }
}
@media screen and (max-width:1000px) {
    .aside_wrap{
        flex-direction: column;
    }
    .profile_aside{
        width: 100%;
    }
    .contact_info,
    .profile_aside_v{
        padding-right: 0;
    }
    .profile_aside_icons_v{
        width: 100%;
        height: 58px;
    }
    .contact_urls a img{
        width: 25% !important;
    }
    .profile_aside .about_me{
        width: 100%;
    }
    .profile_aside .contact_aside{
        width: 100%;
    }
    .right_side_vh{
        width: 100%;
    }
}
@media screen and (max-width:857px) {
    .aside_wrap{
        padding-right: 0;
    }
    .contact_urls a img{
        width: 36% !important;
    }
    .profile_content{
        padding-bottom: 0;
    }
    .profile_aside_block_subtitle{
        padding-right: 0;
    }
}
@media screen and (max-width:800px){
    .right_side_vh{
        width: 100%;
    }
}@media screen and (max-width:820px){
    .profile_main_block{
        margin: 10px 0;
    }
}
@media screen and (max-width:500px){
    .profile_team_side_vh{
        overflow-x: auto;
    }
}
@media screen and (max-width: 470px){
    .team_side_vh{
        overflow-x: auto;
    }
}
@media screen and (max-width: 450px){
    .team_side_vh .matches_side_vh{
        overflow-x: auto;
    }
}
@media screen and (max-width: 400px){
    .profile_aside_about_vh{
        margin-right: 20px;
        margin-left: 20px;

    }
    .block_subtitle{
        margin-right: 20px;
        margin-left: 20px;
    }
    .pull-left .yellow_clr{
        font-size: 10px;
    }
}


 /*  ! tmp fix debug bar   */
 div.phpdebugbar{
  background-color: black;
}
div.phpdebugbar-body{
  background-color: black;
}
dl.phpdebugbar-widgets-kvlist > :nth-child(4n-1), dl.phpdebugbar-widgets-kvlist > :nth-child(4n) , ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item:nth-child(even){
  background-color: black !important;
}

.phpdebugbar-tab:hover{
  background-color: #bf3039 !important;
} 
div.phpdebugbar-header, div.phpdebugbar-openhandler-header{
  background-color: black !important;
}
div.phpdebugbar-widgets-messages div.phpdebugbar-widgets-toolbar, ul.phpdebugbar-widgets-list li.phpdebugbar-widgets-list-item table.phpdebugbar-widgets-params, div.phpdebugbar-widgets-sqlqueries table.phpdebugbar-widgets-params th{
  background-color: black !important;
}
div.phpdebugbar-widgets-kvlist *{
  background-color: black;
}
.high{
  color: #50b649;
}
.medium{
  color: #ff4b1f;
}
.low{
  color: #bf3039;
}
 /* ! end tmp fix debug bar   */
 .bold{
   font-weight: bold;
 }
 .noselect {
  -webkit-touch-callout: none; 
  -webkit-user-select: none;  
  -khtml-user-select: none; 
  -ms-user-select: none;  
  user-select: none;  
}
 
i.circle_ico{
  padding: 10px;
  height: 35px;
  width: 35px;
  display: inline-block;
  font-size: 14px;
  color: #727E8E;
  border: 1px solid #727E8E;
  border-radius: 50%;
}
.notifications_item{
  border-bottom: 1px solid rgb(255, 255, 255, .1) !important;
}
.notifications_item .unread_ico{
    position: absolute;
    bottom: 50%;
    right: 10px;
    font-size: 5px;
}
.notification_pull span.notif_cnt{
  line-height: 18px;
  font-size: 12px;
  color: #fff;
  width: 18px;
  height: 18px;
  position: absolute;
  top: -3px;
  text-align: center;
  right: -7px;
  display: inline-block;
  border-radius: 50%;
  background-color: #bf3039;
}
 .tooltipster-punk {
   border-radius: 5px;
   border-bottom: 3px solid #f71169;
   background: #2a2a2a;
   color: #fff
 }
 
 .footer-notice { 
   position: fixed;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 7px 0;
   bottom: 0;
   width: 100%;
   /* background: #191919; */
   background-image: linear-gradient(to right top, #302828, #623334, #943b3f, #c94247, #ff464e);
   color: #F6F6F6;
   font-size: 1.2rem;
   z-index: 999;
}
 .footer-notice a{ 
    margin-left: 13px;
    margin-right: 13px;
    padding: 7px;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #ff464e;
    color: #fff;
    background-color: #000;
}
 .footer-notice a:hover{
   transition: all .3s;
   border: 1px solid #000;
   background-color: #c94247; 
 }
 .footer-notice p{ 
   font-weight: bold;
   font-size: 20px; 
}
  
 .tooltipster-punk .tooltipster-content {
   font-family: 'Courier', monospace;
   font-size: 14px;
   line-height: 16px;
   padding: 8px 10px
 }

 .ck.ck-editor__main>.ck-editor__editable {
  height: 350px;
  overflow-y: scroll;
  padding: 20px;
 }
 
 .manage_matches_block .has_issue i{
   line-height: 18px;
 }
 .has_issue{
    display: inline-block;
    font-size: 8px;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 100%; 
    background-color: #ad0000;
    color: #fff;
 }
 #admin_tab{
  position: relative;
}
#admin_tab .has_issue {
  position: absolute;
  top: -5px;
  right: -10px;
}
 .tournament_status_yellow {
   color: #FFC107;
 }
.typical_table .bordered_btn_xs .bordered_btn_txt, .typical_table .gradient_btn_xs .gradient_btn_txt{
  width: 80px;
  font-size: 12px;
  padding: 2px 2px 2px;
}
#manage_matches_wrap .typical_table td{ 
  font-size: 12px; 
} 
#manage_matches_wrap .new_btn{  
  text-align: center;
  display: block;
} 
.ui-autocomplete { 
  width: 310px !important;
  z-index: 1000;
}

.ui-autocomplete-category ul{
  padding:8px;
}
 
.ui-autocomplete>li{
  list-style: none;
  margin-left:8px;
  margin-right:8px;

}
.ui-autocomplete>li:hover{ 
  background-color: rgba(255, 255, 255,.1);
  transition: all .5s;
}

#calendar tr td{
  font-size: 13px;
}
.reported_by *{
  text-transform: none;
}
.prize_wrap{
  width: 100%;
  /*min-height: 115px;*/
  min-height: auto;
  /*margin-top: 40px;*/
}
 
/* #calendar_view  .dashboard_info, #calendar_view .calendar_desc{
  width: 100%;
  float: left !important;
} */
#calendar_view .calendar_desc{
  margin-top: 50px;
  margin-bottom: 80px;
}
#calendar_view .calendar_desc p{
  font-size: 18px;
}
.fc-theme-standard .fc-popover{
  background-color: rgb(19,22,28) !important; 
}
 
/* end full calendar */
 .tournament_status_yellow_bordered {
   text-transform: uppercase;
   color: #0E1521;
   border: 1px solid #FFC107;
   padding: 5px 45px;
   border-radius: 10px;
   margin-top: -15px;
   box-sizing: border-box;
   background: -webkit-gradient(linear, left top, right top, from(rgb(254, 177, 102)), to(rgb(240, 204, 80)));
   background: -webkit-linear-gradient(left, rgb(254, 177, 102) 0%, rgb(240, 204, 80) 100%);
   background: -moz-linear-gradient(left, rgb(254, 177, 102) 0%, rgb(240, 204, 80) 100%);
   background: -o-linear-gradient(left, rgb(254, 177, 102) 0%, rgb(240, 204, 80) 100%);
   background: linear-gradient(to right, rgb(254, 177, 102) 0%, rgb(240, 204, 80) 100%);
 }

 .tournament_status_green {
   color: #4CAF50;
 }

 .tournament_status_light_red {
   color: #ff4b1f;
 }

 .tournament_status_light_red_bordered {
   text-transform: uppercase;
   color: #0E1521;
   border: 1px solid #ff4b1f;
   padding: 5px 45px;
   border-radius: 10px;
   margin-top: -15px;
   box-sizing: border-box;
   background: #ff4b1f;
   background: -webkit-linear-gradient(to right, #ff4b1f, #ff9068);
   background: linear-gradient(to right, #ff4b1f, #ff9068);
 }

 .tournament_status_green_bordered {
   text-transform: uppercase;
   color: #0E1521;
   border: 1px solid #4CAF50;
   padding: 5px 45px;
   border-radius: 10px;
   margin-top: -15px;
   box-sizing: border-box;
   background: rgba(67, 233, 125, 1);
 }

 .tournament_status_red {
   color: #FF5722;
 }

 .tournament_status_red_bordered {
   text-transform: uppercase;
   color: #0E1521;
   border: 1px solid #FF5722;
   padding: 5px 45px;
   border-radius: 10px;
   margin-top: -15px;
   box-sizing: border-box;
   font-weight: 800;
   background: rgba(255, 33, 81, 1);
   background: -moz-linear-gradient(left, rgba(255, 33, 81, 1) 0%, rgba(255, 161, 144, 1) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 33, 81, 1)), color-stop(100%, rgba(255, 161, 144, 1)));
   background: -webkit-linear-gradient(left, rgba(255, 33, 81, 1) 0%, rgba(255, 161, 144, 1) 100%);
   background: -o-linear-gradient(left, rgba(255, 33, 81, 1) 0%, rgba(255, 161, 144, 1) 100%);
   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 33, 81, 1)), to(rgba(255, 161, 144, 1)));
   background: linear-gradient(to right, rgba(255, 33, 81, 1) 0%, rgba(255, 161, 144, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2151', endColorstr='#ffa190', GradientType=1);

 }

 .tournament_status_blue {
   color: #2196F3;
 }

 .tournament_status_blue_bordered {
   text-transform: uppercase;
   color: #0E1521;
   border: 1px solid #2196F3;
   padding: 5px 45px;
   border-radius: 10px;
   margin-top: -15px;
   box-sizing: border-box;
   background: rgba(2, 156, 228, 1);
   background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);
   background: linear-gradient(to right, #2F80ED, #56CCF2);
 }

 .tournament_status_gray {
   color: #bdc3c7;
 }

 /*.tournament_status_gray_bordered i {*/
   /*color: #fff !important;*/
 /*}*/

 .tournament_status_gray_bordered {
     text-transform: uppercase;
     color: black;
     border: 1px solid rgba(75, 75, 75, 0.2);
     padding: 5px 45px;
     border-radius: 10px;
     box-sizing: border-box;
     background: white;
 }

 .tournament_status_light_blue {
   color: #56ccf2;
 }

 .tournament_status_light_blue_bordered {
   text-transform: uppercase;
   color: #0E1521;
   border: 1px solid #56ccf2;
   padding: 5px 45px;
   border-radius: 10px;
   margin-top: -15px;
   box-sizing: border-box;
   background: #56ccf2;
   background: -webkit-linear-gradient(to right, #56ccf2, #2f80ed);
   background: linear-gradient(to right, #56ccf2, #2f80ed);
 }


 .tournament_actions_btn {
   display: block;
   text-align: center;
   width: 100%;
   /* height: 28px; */
   line-height: 28px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   white-space: nowrap;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   font-size: 20px;
   color: #0E1521;
   text-transform: uppercase;
 }

 .tournament_block_stat_item {
   width: 33.333%;
   float: left;
   margin-top: 15px;
   margin-bottom: 15px;
 }

 .profile_top_block_tour_title_left .t_status {
   font-size: 16px;
   font-weight: 900;
   text-transform: uppercase;
   border-radius: 3px;
   padding: 3px;
   text-align: center;
   margin-top: 1px;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

 .tournament_join_action {
   font-weight: 800;
   background: -webkit-gradient(linear, left top, right top, from(rgb(254, 177, 102)), to(rgb(240, 204, 80)));
   background: -webkit-linear-gradient(left, rgb(254, 177, 102) 0%, rgb(240, 204, 80) 100%);
   background: -moz-linear-gradient(left, rgb(254, 177, 102) 0%, rgb(240, 204, 80) 100%);
   background: -o-linear-gradient(left, rgb(254, 177, 102) 0%, rgb(240, 204, 80) 100%);
   background: linear-gradient(to right, rgb(254, 177, 102) 0%, rgb(240, 204, 80) 100%);
 }

 .tournament_leave_action {
   font-weight: 800;
   background: rgba(255, 33, 81, 1);
   background: -moz-linear-gradient(left, rgba(255, 33, 81, 1) 0%, rgba(255, 161, 144, 1) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 33, 81, 1)), color-stop(100%, rgba(255, 161, 144, 1)));
   background: -webkit-linear-gradient(left, rgba(255, 33, 81, 1) 0%, rgba(255, 161, 144, 1) 100%);
   background: -o-linear-gradient(left, rgba(255, 33, 81, 1) 0%, rgba(255, 161, 144, 1) 100%);
   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 33, 81, 1)), to(rgba(255, 161, 144, 1)));
   background: linear-gradient(to right, rgba(255, 33, 81, 1) 0%, rgba(255, 161, 144, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2151', endColorstr='#ffa190', GradientType=1);
 }


 .team_item_country {
   height: 20px;
 }

 .text-muted {
   color: #727E8E;
 }

 .rulles_wrap {
   padding: 10px;
   max-height: 320px;
 }

 #preview_img {
   width: 100%;
   height: 100%;
 }

 .f-l , .fl {
   float: left;
 }

 .generate_pass i {
    color: gold;
    font-size: 18px;
 }
 .generate_pass {
    user-select: none;
    margin-left: 10px;
    line-height: 58px;
    cursor: pointer;
 }

 .generate_brawlhalla_pass i {
     color: gold;
     font-size: 18px;
 }
 .generate_brawlhalla_pass {
     user-select: none;
     margin-left: 10px;
     line-height: 58px;
     cursor: pointer;
 }
 .teams_item .teams_item_logo img {
   width: 100%;
   border-radius: 50%;
   object-fit: cover;
 }
 .teams_item .teams_item_logo .championship_team_logo {
   border-radius: 20%;
 }

 .removed_item,
 .removed_item * {
   cursor: not-allowed;
 }

 .removed_item {
   opacity: 0.5;
 }

 .removed_item:hover {
   opacity: 1;
 }

 .member_role_star_btn {
   cursor: pointer;
 }

 .tournament_contestants_wrap {
   width: 100%;
   max-height: 670px;
   overflow-y: auto;
 }

 .tournament_contestants_wrap .team_item_link {
   font-size: 12px;
   padding: 8px;
   height: 24px;
   line-height: 9px;

 }

 .teams_item {
   background-color: rgba(46, 62, 73, 0.5);
 }

 .teams_item .editRegisteredTeams{
     position: absolute;
     top: 15px;
     right: 15px;
 }

 .teams_item .editRegisteredTeams:hover{
     cursor: pointer;
     color: #F0CC50;
 }

 .tournament_contestants_wrap .teams_item .team_item_country img {
   width: 16px;
   margin-top: 2px;
 }

 /* support styles */
 .err_bg {
   background-color: rgb(230, 26, 26, 0.4);
 }

 #check_summoner,
 .check_summoner {
   position: absolute;
   bottom: 1px;
   margin-left: 10px;
 }

 .lol_based_forms {
   width: 100%;
 }

 .lol_based_forms .form_line {
   float: left;
 }

 .ck-editor__editable_inline {
   min-height: 250px;
 }

 .ck .ck-content * {
   color: rgb(39, 39, 39) !important;
 }

 .support_container .support_wrap {
   margin: 0 auto;
   margin-top: 70px;
 }

 .support_container .support_body img {
   margin: 0 auto;
   display: block;
   margin-top: 20px;
   margin-bottom: 20px;
 }

 .support_container .support_wrap .support_item {
   width: 100%;
   border: 1px solid rgba(128, 128, 128, 0.5);
   margin-top: 10px;
   padding: 20px 30px;
   display: block;
   box-sizing: border-box;
 }

 .support_container .support_wrap .support_item span {
   font-size: 12px;
   padding: 5px;
 }

 .support_container .support_wrap .support_item h3 {
   color: #F0CC50;
   font-size: 22px;
   padding: 5px;
 }

 .support_container .support_wrap .support_item:hover h3 {
   color: #eeeeee;
 }

 .support_container .support_wrap .support_item:hover {
   background-color: rgba(128, 128, 128, 0.3);
 }

 .support_container .support_wrap .support_item .support_title {
   font-size: 22px;
 }

 .support_container {
   margin-bottom: 50px;
   padding: 50px 50px;
   border-radius: 10px;
   background: rgba(128, 128, 128, 0.2);
 }

 /* end support styles */
 .team_players_choose_block {
   position: relative;
 }

 .organizers_info_block .profile_content_team_item {
   width: 48%;
   min-height: 30px;
   padding: 5px;
   float: left;
   box-sizing: border-box;
   margin: 15px 2px 0;
 }

 .organizers_info_block .profile_content_team_item_img {
   width: 25px;
   height: 25px;
 }

 .organizers_info_block .profile_content_team_item_txt {
   font-size: 15px;
   width: 100%;
 }

 .organizers_info_block .organizer_mark {
   color: #00ff00;
   display: block;
 }

 .popup_notif #close_notifs {
   position: absolute;
   top: 1px;
   right: 2px;
   cursor: pointer;
 }

 .popup_notif #close_notifs i {
   font-size: 20px;
 }

 .navigation .nav_head ul li {
   margin-right: 0;
 }

 .contact_urls {
     /*min-height: 43px;*/
     min-height: 36px;
   width: 20%;
   float: left;
 }

 .contact_urls a img {
   display: block;
   /*width: 60%;*/
   width: 50%;
   margin: 0 auto;
 }

 /* ._chat{
  position: relative;
} */
 .main_chat {
   width: 50%;
   float: left;
 }

 .chat_area {
   width: 85%;
   float: left;
 }

 .chat_actions {
   width: 15%;
   float: left;
 }

 .chat_actions .send_btn,
 .chat_actions .attach_chat_photo {
   width: 50%;
   margin: 0 auto;
   float: left;
   position: relative;
   bottom: -30px;
 }

 .cnn_account_view p {
   font-size: 18px;
 }

 .connect_accounts {
   width: 100%;
   border-radius: 5px;
   /*border: 1px solid rgba(173, 192, 224, 0.24);*/
   border-bottom: 1px solid rgba(173, 192, 224, 0.24);
   padding: 5px 10px;
   min-height: 60px;
 }

 .connect_accounts img {
   width: 42px;
 }

 .connect_accounts p.yellow_clr:not(.disconnect_w) {
   line-height: 45px;
   font-weight: 600;
   margin: 0;
   padding: 0;
 }

 .dissconntct_acc_forms p.yellow_clr {
   line-height: 15px;
 }

 .connect_accounts * {
   font-size: 14px;
 }

 .connect_accounts:hover {
   background-color: rgba(178, 192, 222, 0.24);
   border-radius: 10px;
   transition: all .4s;
 }

 .connect_accounts .yellow_clr:hover {
   color: #F0CC50;
 }

 li:before {
   display: none;
   background: none;
 }

 ._chat .panel-body {
   max-height: 300px;
 }

 .attach_chat_photo:hover,
 #btn-chat:hover {
   color: rgba(255, 255, 255, .9);
   transition: all .3s;
 }

 #btn-chat {
   /* position: absolute; */
   cursor: pointer;
   /* bottom:3px; */
   /* right: 15px; */
   float: left;
   padding: 10px;
   color: rgba(170, 170, 170, 0.7);
   font-size: 20px !important;
 }

 .attach_chat_photo {
   /* position: absolute; */
   cursor: pointer;
   /* bottom: 3px; */
   /* right: 45px; */
   float: left;
   margin-top: 20px;
   padding: 10px;
   color: rgba(170, 170, 170, 0.7);
   font-size: 20px !important;
 }

 .ui-widget-content {
   background: rgb(24, 38, 49) !important;
 }

 .ui-menu li.ui-menu-item {
   list-style-image: none !important;
   padding: 5px;
   list-style-image: url() !important;
 }

 .ui-menu li.ui-menu-item::before {
   background: none;
 }

 .team_players_choose_block .form_line {
   position: relative;
   margin-top: 20px;
 }

 .team_members_block {
   padding: 15px;
   border-radius: 10px;
 }

 .team_members_block.ylw_outline {
   border: 1px solid rgba(240, 205, 80, 0.8);
 }

 .team_members_block.red_outline {
   border: 1px solid rgb(230, 26, 26, 0.8);
 }

 .rm_team_player_block {
   cursor: pointer;
   position: absolute;
   top: 0;
   right: 0;
 }

 .reg_info {
   padding: 10px 10px;
   width: 100%;
   border: 1px solid rgba(255, 255, 255, 0.1);
   background-color: rgba(28, 78, 120, 0.3);
   border-radius: 3px;
 }

 .call_admins_bell_btn {
   width: 100%;
   box-sizing: border-box;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-color: transparent;
   border: 2px solid #e74c3c;
   border-radius: 0.6em;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-align-self: center;
   -ms-flex-item-align: center;
   align-self: center;
   line-height: 1;
   padding: 1.2em 2.8em;
   text-decoration: none;
   text-transform: uppercase;
   font-family: 'Montserrat', sans-serif;
   border-color: #F0CC50;
   background-image: -webkit-linear-gradient(45deg, #F0CC50 50%, transparent 50%);
   background-image: linear-gradient(45deg, #F0CC50 50%, transparent 50%);
   background-position: 100%;
   background-size: 400%;
   -webkit-transition: background 300ms ease-in-out;
   transition: background 300ms ease-in-out;
 }
 .manage_issue {
   width: 100%;
   box-sizing: border-box;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-color: transparent;
   border: 2px solid #e74c3c;
   border-radius: 0.6em;
   cursor: pointer;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-align-self: center;
   -ms-flex-item-align: center;
   align-self: center;
   line-height: 1;
   padding: 1.2em 2.8em;
   text-decoration: none;
   text-transform: uppercase;
   font-family: 'Montserrat', sans-serif;
   border-color: #a0f00d;
   background-image: -webkit-linear-gradient(45deg, #a0f00d 50%, transparent 50%);
   background-image: linear-gradient(45deg, #a0f00d 50%, transparent 50%);
   background-position: 100%;
   background-size: 400%;
   -webkit-transition: background 300ms ease-in-out;
   transition: background 300ms ease-in-out;
 }

 .call_admins_bell_btn span, .report_sent span , .manage_issue span {
   font-size: 1.2rem;
   font-weight: 900;
   color: #fff;
   margin: 0 auto;
   display: block;
 }

 .call_admins_bell_btn:hover , .report_sent:hover , .manage_issue:hover{
   background-position: 0;
 }

 .call_admins_bell_btn:hover span , .report_sent:hover span , .manage_issue:hover span  {
   color: #000;
   outline: 0;
   -webkit-transition: background 300ms ease-in-out;
   transition: background 300ms ease-in-out;
 }
 .report_sent {
   cursor: not-allowed !important;
   width: 100%;
   box-sizing: border-box;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-color: transparent;
   border: 2px solid #e74c3c;
   border-radius: 0.6em; 
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-align-self: center;
   -ms-flex-item-align: center;
   align-self: center;
   line-height: 1;
   padding: 1.2em 2.8em;
   text-decoration: none;
   text-transform: uppercase;
   font-family: 'Montserrat', sans-serif;
   border-color: #f05550;
   background-image: -webkit-linear-gradient(45deg, #f05550 50%, transparent 50%);
   background-image: linear-gradient(45deg, #f05550 50%, transparent 50%);
   background-position: 100%;
   background-size: 400%;
   -webkit-transition: background 300ms ease-in-out;
   transition: background 300ms ease-in-out;
 }

 
 .manage_contestants_overview {
   width: 100%;
 }

 .manage_contestants_overview .manage_contestants_btn {
   float: right;
   margin-left: 15px;
   margin-right: 15px;
 }

 .manage_action_block {
   float: left;
   min-width: 35px;
   min-height: 20px;
   margin-left: 10px;
   margin-right: 10px;
 }

 .registration_fields_data_wrap {
   display: none;
 }
#standins_wrap{
  width: 100%;
}
 /* ! rounds */
 .match_round_block {
   min-height: 150px;
   width: 30%;
   float: left;
   border-bottom: 1px solid white;
   margin-right: 1%;
   margin-left: 1%;
   margin-top: 10px;
   position: relative;

 }

 .modal .rounds_history_wrap {
   margin-top: 20px;
 }

 .modal .round_history_item {
   padding: 5px;
   border-bottom: 1px solid white;
 }

 .match_round_content .code_btn , .rounds_wrap .new_btn{
  font-size: 9px !important;

}

 .match_round_block .match_round_content {
   width: 100%;
   position: absolute;
   bottom: 0;
   margin-bottom: 10px;
 }

 .round_pl1,
 .round_pl2 {
   width: 100%;
 }

 .match_round_block .round_actions .btn {
   padding: 0 4px;
   font-size: 12px;
 }

 .p1_p2_wrap {
   height: 50px;
 }

 .match_round_block .round_pl_info {
   width: 80%;
   min-width: 100px;
   float: left;
 }

 .match_round_block .round_pl_info h1 {
   width: 80%;
 }
 .match_round_block .round_pl_info h3 {
   font-size: 14px;
 }

 .player1_content h1,
 .player2_content h1 {
   display: block;
   text-align: center;
 }

 .match_round_block .round_actions {
   width: 20%;
   padding-top: 2px;
   float: left;
 }

 .match_round_block .match_round_info {
   width: 40%;
   float: left;
   margin-top: 10px;
 }

 .match_round_block .match_round_options {
   width: 100%;
   float: left;
   margin-top: 10px;
   padding-right: 5px;
 }

 /* .match_round_block .match_round_options span{ 
  float: right;
}  */
 .manage_match_wrapper.rounds_wrap {
   overflow: auto;
   padding-bottom: 20px;
   padding-top: 10px;
     min-width: 930px;
 }

 .round_manage_wrap {
   width: 100%;
   clear: both;
   padding-top: 10px;
   padding-bottom: 10px;
   background-color: rgba(24, 38, 49, 0.9);
 }

 .tournament_code_text {
   font-weight: bold;
   cursor: pointer;
 }

 /* ! END rounds */
 .new_btn {
   padding: 4px 8px;
   border: 1px solid #F0CC50;
   border-radius: 8px;
   cursor: pointer;
   font-weight: 600;
   margin: 0 5px;
   font-size: 10px;
 }

 a.new_btn {
   color: #fff;
   font-weight: bold;
   font-size: 16px;
 }

 .inner_page_title_right {
   margin-left: 2px;
   margin-top: 10px;
 }

 .rounds_wrap .new_btn {
   font-size: 12px;
 }

 .new_btn:hover {
   border: 1px solid #fff;
   color: black;
   background-color: #F0CC50;
   transition: all .3s;
 }

 /*  !popup */

 .popup-box {
   position: fixed;
   right: 20px;
   bottom: 20px;
   min-width: 400px;
   min-height: 80px;
   background-color: rgba(24, 38, 49, 0.9);
   padding: 20px 10px;
   border: 1px solid gray;
   border-radius: 10px;
   z-index: 99999;
   display: none;
 }

 .popup-box li:before {
   display: none;
 }

 .popup-box li img {
   width: 16px;
 }

 .popup-box .popup_name {
   padding: 5px;
   color: #00ad00;
   font-size: 18px;
 }

 .popup-box .pop_val {
   font-weight: bold;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
 }

 .popup-box li {
   padding: 0;
   font-size: 18px;
 }
 .profile_main_block .rulles_wrap ,.profile_main_block .rulles_wrap .points_system *{
    text-align: center;
 }
 /*  !END popup */
 .inner_page_title_back:hover i, .inner_page_title_add:hover i{
  color: #fff !important;
  transition: color .5s;
 }

 .inner_page_title_back i, .inner_page_title_add i {
  color: rgba(206,213,230,.6) !important;
  padding: 5px;
  border: 1px solid rgba(206,213,230,.6);
  border-radius: 50%;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px;
  
}
 /*! matches */
 .my_matches .players_line .cont1,
 .my_matches .players_line .cont2 {
   width: 28%;
 }

 .image_preview_block {
   width: 100%;
 }

 .image_preview_block img {
   width: 20%;
   float: left;
 }

 .rm_chat_image {
   float: left;
   cursor: pointer;
 }

 .rm_chat_image i {
   font-size: 16px;
 }

 .matches_chat_block .match_chat_content a,
 .matches_chat_block .match_chat_content span {
   color: #F0CC50 !important;
 }

 .rp_chat input {
   width: 95%;
   float: left;
   display: block;
 }

 .rp_chat {
   width: 100%;
   /* position: relative; */
 }

 .rp_chat .photo {
   width: 5%;
   position: absolute;
   top: 0;
   right: 100px;
   /* display: block;   */
 }

 .pl_1 i,
 .pl_2 i {
   padding-left: 3px;
   padding-right: 3px;
 }

 .rp_chat .photo i {
   color: rgba(178, 192, 222, 0.24);
 }

 .profile_aside .platform_img {
     margin: 0 auto;
     display: block;
     width: 40px;
     /*margin-top: 10px;*/
 }
 .platforms_line {
     display: flex;
     margin-right: 80px;
     margin-left: 80px;
 }

 .center_vs {
   float: left;
   width: 20%;
   height: 150px;
 }

 .center_vs p {
   font-size: 22px;
   /*line-height: 150px;*/
   text-align: center;
 }

 .my_matches .players_line {
   height: 50px;
 }

 .my_matches .players_line .match_info {
   width: 40%;
 }

 .my_matches .players_line .match_info .t_info {
   width: 70%;
   float: left;
 }

 .my_matches .players_line .match_info .match_actions {
   width: 30%;
   float: left;
 }

 .my_matches .players_line .match_info .match_actions i {
   font-size: 24px;
 }

 .my_matches .players_line .match_info a {
   text-decoration: none;
   display: block;
   float: left;
 }

 .my_matches .players_line .match_info a.ready_to_play:hover i {
   color: #00ad00;
   transition: all .3s;
 }

 .my_matches .players_line .cont1 p,
 .my_matches .players_line .cont2 p {
   text-align: center;
   font-size: 18px;
 }

 .my_matches .players_line .cont1 p i,
 .my_matches .players_line .cont2 p i {
   padding-right: 10px;
 }

 /* .match_chat .res_block{
  min-height: 150px;
  width: 100%;
  background: rgba(24, 38, 49, 0.8);
} */
 /* !END matches */
 .swal2-content{
   margin-top: 40px !important;
 }
 .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation{
   z-index: 20000;
 }
  
.modal-box{
  /* background-color:#13161C;; */
  overflow-x: scroll;
  overflow-y:hidden;
}
#brackets_wrap .brackets_controls_wrap{
  width: 100%;
  height: 30px; 
  margin-top: 20px;

    /* border: 1px solid rgba(38, 44, 56,.3); */
}
 .ongoing_tournaments_block{
     overflow: auto;
     height: 700px;
 }
 .ongoing_tournaments_block::-webkit-scrollbar, .ongoing_tournaments_block::-webkit-scrollbar-button{

     display: none;
 }
 .tournament-bracket--rounded{
     width: fit-content;
 }
#brackets_wrap .brackets_controls_wrap .controls div{ 
  height: 20px;
  float: left; 
  clear: both;
  cursor: pointer;
}

#brackets_wrap .brackets_controls_wrap .controls{ 
  width: 20%;
  float: left;
  height: 30px;
  background-color: rgba(38, 44, 56,.3);
  padding: 7px;
}

 div.jQBracket .loserBracket{
   /*margin-top: -95px;*/
}
div.jQBracket .finals{
  z-index: 5; 
}
 div.jQBracket .third_place_bracket{
  position: relative;
  top: 60px;
  height: 25px;
  padding: 5px;
  width: 100%;
  left: 10px;
  border-radius: 7px;
  background-color: rgba(38, 44, 56,.3);
}
 div.jQBracket .third_place_bracket span{
   line-height: 15px; 
}
 div.jQBracket .round .bracket_round_sequence{
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  background-color: #262c38;
  margin-left: 10px;
  height: 35px;
  border-radius: 7px;
  text-align: center;
}
 div.jQBracket .loserBracket .round .bracket_loser_round_sequence{
  position: relative;
  top: 30px;
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  background-color: #262c38;
  margin-left: 10px;
  height: 35px;
  border-radius: 7px;
  text-align: center;
}
div.jQBracket .round .bracket_round_sequence span{
  font-size: 14px;
}
 div.jQBracket .team.highlightWinner .score {
   background: inherit;
 }

 div.jQBracket .frame .br_img {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   object-fit: cover;
 }

 div.jQBracket .frame {
   width: 18px;
   height: 18px;
   float: left;
   margin-right: 10px;
 }

 div.jQBracket .team.highlightWinner {
   background: #da0 !important;
   transition: all 0.4s;

 }

 div.jQBracket .team:first-child {
   border: none !important;
 }

 div.jQBracket .team.win .score {
   background: #5cb85c;
   font-weight: 900;
   position: relative;
 }

 div.jQBracket .team.lose .score {
   background: #ff6f00;
   font-weight: 900;
   position: relative;
 }

 .tournament_brackets_datas {
   width: 100%;
 }

 div.jQBracket .team {
   border: none;
   background: rgb(38, 44, 56) !important;
 }

 div.jQBracket .team.win.highlight {
   background: rgba(92, 184, 92, 0.4) !important;
   transition: all 0.4s;
 }

 div.jQBracket .team.lose.highlight {
   background: rgba(92, 184, 92, 0.4) !important;
   transition: all 0.4s;
 }

 .tournament_brackets_datas div.jQBracket .bracket {
   margin: 0 auto;
   float: none;
 }

 div.jQBracket .teamContainer {
   border-radius: 10px;
   background: rgb(38, 44, 56);
   padding: 10px;
 }

 .teamContainer .label:not(div.jQBracket .team.highlightWinner label) {
   color: #fff;
   /* background: #13161C; */
   /* background: rgba(102, 55, 102,0); */
 }

 .teamContainer .label {
   border-radius: 5px;
   text-align: left;
 }

 div.jQBracket.team.highlight {
   background-color: red !important;
 }

 /* END bracket customizations */

 .round_status_lb {
   background-color: #ff6f00;
 }

 .round_status_wb {
   background-color: #5cb85c;
 }

 .round_wb {
   color: rgba(92, 184, 92, 0.4);
   font-weight: bold;
 }

 .round_lb {
   color: rgba(255, 111, 0, 0.4);
   font-weight: bold;
 }

 .round_final {
   color: rgba(240, 205, 80, 0.4);
   font-weight: bold;
 }

 a.tour_title_link {
   display: block;
   text-align: center;
   color: #f0cc50;
 }

 .btn_show_more_tour {
   text-align: center !important;
 }

 .match_header {
   width: 100%;
   background-color: rgba(143, 143, 143, 0.2);
   padding: 10px;
   min-height: 40px;
 }

 .round_status {
   /* display: block; */
   text-align: left;
   font-weight: bold;
   border-radius: 5px;
   margin-bottom: 1px;
 }

 .settings .players_line_title .typical_select {
   width: 400px;
 }

 .settings .players_line {
   padding-bottom: 10px;
 }

 .settings .gradient_btn_s .gradient_btn_txt {
   width: 120px;
   font-size: 14px;
   padding: 2px;
 }

 .settings .admin_table_block {
   min-height: 700px;
 }

 .request_preload {
   width: 100%;
   height: 380px;
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
 }

 .stage_matches_manage .focus {
   background-color: rgba(255, 255, 255, 0.1);
 }


 .get_load_swiss .stage_square.focus {
   background-color: rgba(255, 255, 255, 0.1) !important;
 }

 /* stages */

 /* .stages_list .stage_square{
  height: 80px;
} */
 .stage_square {
   width: 20%;
    margin-left: 10px;
   box-sizing: border-box;
   height: 50px;
   float: left;
   margin-top: 10px;
   border: 1px solid rgba(178, 192, 222, 0.24);;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 .match_square {
     width: 20%;
     /* margin-left: 10px; */
     box-sizing: border-box;
     max-height: 100px;
     float: left;
     margin-top: 10px;
     padding-left: 5px;
     border: 1px solid rgba(178, 192, 222, 0.24);
     align-items: center;
 }

 .tournament_matches_block {
     max-height: 320px;
     min-height: 200px;
     overflow-y: auto;
     padding: 10px;
 }
 .code_dashboard {
   border: 1px solid rgba(178, 192, 222, 0.24);
   ;
   min-height: 60px;
   border-radius: 5px;
 }

 .code_dashboard .code_wrap {
   border-radius: 10px;
 }

 .code_dashboard h2 {
   text-align: center;
 }

 .code_dashboard #m_code, .code_dashboard #m_name, .code_dashboard #m_room_id, .code_dashboard #m_game_mode, .code_dashboard #m_team_number {
   font-size: 18px;
   color: #F0CC50;
   text-align: center;
   font-weight: bold;
 }

 .code_dashboard .copy_tr_code {
   line-height: 30px;
   padding: 1px;
   margin-left: 10px;
   font-size: 18px;
   width: 120px;
   margin: 0 auto;
   display: block;
   text-align: center;
 }

 .stage_square:hover,.match_square:hover {
   background-color: rgba(255, 255, 255, 0.1);
   transition: all 0.3s;
 }

 .stage_square p {
   text-transform: uppercase;
   font-size: 12px;
   font-weight: bold;
 }

 /* END stages */
 /* charts */
.profile_content .profile_chart{
  width: calc((100% / 2) - 10px);
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 10px 0;
  height: 210px;
  /*border: 1px solid rgba(173,192,224,0.24);*/
}
.profile_content .profile_chart:not(:first-child)  {
  margin-left: 10px;  
}
.profile_content .profile_chart.progress_wins {
  padding: 40px 15px; 
}
.profile_content .profile_chart.progress_wins p{
  font-size: 13px;
  line-height: 18px;
  text-transform: capitalize;
}
.profile_content .profile_chart.progress_wins .progress_full {
  background-color: #20222c;
  height: 50px;
  margin-top: 10px;
  border: 2px solid #fff;
}
.profile_content .profile_chart.progress_wins .progress_full .win_progress{
  background-color: #50b649;
  height: 100%;
  float: left; 
}
.profile_content .profile_chart.progress_wins .progress_full .loss_progress{
  background-color: #e61a1a;
  height: 100%;
  float: left; 
}
.profile_content .profile_chart.progress_wins .progress_full .win_progress span{
  line-height: 45px;
  color: rgb(255, 255, 255,.7);
  text-shadow: 1px 1px rgb(0, 0, 0,.6);
  font-size: 10px;
}
.profile_content .profile_chart.progress_wins .progress_full .loss_progress span{
  line-height: 45px;
  color: rgb(255, 255, 255,.7);
  text-shadow: 1px 1px rgb(0, 0, 0,.6);
  font-size: 10px;
}
.last_played_matches a{
  font-size: 12px;
}
.last_played_matches .recent_event_logo.user_logo img{
  float: none;
  margin-left: 5px;
  margin-right: 5px;
}
 /* END CHANRTS */
 #matches_rounds_mod .sequence_wrap {
   max-height: 400px;
   overflow-y: scroll;
 }
 
 .profile_link_item .rm_friend {
   position: absolute;
   top: 25px;
   right: 15px;
   z-index: 10000;
 }

 .profile_link_item .rm_friend i {
   font-size: 20px;
 }

 .warning_color {
   color: tomato;
 }

 .success_color {
   color: #7fff4c;
 }
 #notif_list_wrap{
  padding-bottom: 10px;
}
 .more_notif {
    cursor: pointer;
    margin-bottom: 10px;
    padding-top: 5px;
    height: 35px;
    border: 1px solid rgba(178, 192, 222, 0.2);
 }
 .more_notif:hover{
   background-color: rgba(178, 192, 222, 0.2);
   transition: all .3s;
 }

 .bracket_item {
   cursor: pointer;
   width: 32%;
   margin-left: 1.1%;
   margin-top: 20px;
   border: 1px solid rgba(178, 192, 222, 0.4);
   box-sizing: border-box;
   border-radius: 10px;
   float: left;
 }

 .white_clr {
   color: #fff !important;
 }

 .fields_setting {
   margin-top: 20px;
   width: 100%;
   min-height: 380px;
   background: rgba(24, 38, 49, 0.5);
 }

 .registration_block {
   margin-top: 40px;
 }

 .fields_setting .fields_block {
   float: left;
   width: 20%;
   height: 110px;
   padding: 25px 0;
   box-sizing: border-box;
   margin-top: 10px;
   position: relative;
 }

 .fields_setting .fields_block .check_block {
   position: absolute;
   right: 20px;
   top: 15px;
   width: 25px;
   height: 25px;
   border-radius: 50%;
 }

 .fields_setting .fields_block .circle_check {
   background: rgba(255, 255, 255, 0.3);
 }

 .date_field {
   width: 100%;
   padding: 5px;
   background-color: rgba(255, 255, 255, 0.0);
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 }

 .fields_setting .fields_block .check_block i {
   color: #50b649;
   text-align: center;
   font-size: 30px;
 }

 .fields_setting .fields_block:hover {
   border: 2px solid rgba(255, 255, 255, 0.5);
   transition: all .5s;
   box-sizing: border-box;
   border-radius: 5px;
 }

 .fields_setting .fields_block p {
   font-size: 18px;
   text-align: center;
   text-transform: uppercase;
 }

 .fields_setting .fields_block p>img {
   width: 44px;
 }

 .req_star {
   color: #ff1616;
 }

 .fields_setting .fields_block p.label {
   margin-top: 12px;
 }

 .ed_brackets {
   margin-top: 20px;
   margin-bottom: 20px;
 }

 .ed_bracket .start_time {
   float: right;
   padding-right: 5px;
 }

 .manage_matches_block .start_time {
   cursor: pointer;
 }

 .tournament-bracket__content .tournament-bracket__team td,.tournament-bracket__head .tournament-bracket__team th {
   height: 40px !important;
 }

 .ed_brackets .tournament-bracket__item:not(.ed_bracket) .tournament-bracket__team td {
   color: rgba(178, 192, 222, 0.4);
 }

 .typical_select li:hover {
   background-color: rgba(255, 255, 255, 0.2);
 }

 .typical_select li {
   min-height: 40px;
   border: 1px solid rgba(128, 128, 128, 0.2);
 }

 .ed_brackets .ed_bracket .c1:hover,
 .ed_brackets .ed_bracket .c2:hover {
   background: rgba(78, 78, 78, 0.2);
 }

 .more_notif span {
   text-transform: uppercase;
   display: block;
   text-align: center;
   font-size: 20px;
 }

 .rm_notif {
   width: 20px;
   height: 20px;
   position: absolute;
   top: 50%;
   right: 20px;
   margin-top: -10px;
 }
 .rm_notif:hover i{
   color: #e61a1a; 
   transition: color .3s;
 }

 .manage_admins_modal {
   width: 60%;
 }

 .manage_admins_modal .modal_top {
   min-height: 300px;
 }

 .wrap_modal_content {
   overflow-y: auto;
   height: 300px;
   padding: 5px;
 }

 .ed_brackets .tournament-bracket__content .tournament-bracket__team td {
   color: #fff;
 }
.sys_msg_full{
  background-color: #ad0000;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 4px;
}

.sys_msg_full i{
  color: #FFD700;
  margin-left: 5px;
  margin-right: 5px;
}
 .ed_brackets .ed_bracket {
   color: #fff;
 }

 .gold_clr {
   color: #FFD700;
 }

 .bronze_color {
   color: #CD7F32;
 }
 .silver_color{
   color: #A7A7AD;
 }

 .yellow_clr {
   color: #F0CC50 !important;
 }

 .yellow_clr:hover {
   color: rgb(255, 255, 255);
 }
 .prize_prize p{
  font-weight: bold;
  font-size: 22px;
 }
 .prize-overview{
   font-size: 22px;
 }

 .rm {
   font-weight: bold;
   color: tomato;
   font-size: 16px;
   text-transform: uppercase;
   padding: 5px;
   margin-left: 15px;
 }

 .ed {
   font-weight: bold;
   color: #F0CC50;
   font-size: 16px;
   text-transform: uppercase;
   padding: 5px;
   margin-left: 15px;
 }

 .ed:hover {
   color: #ffeeb2;
 }

 .rm:hover {
   color: #ad0000;
 }
 
 @keyframes shadowPulse {
   0% {
     background: rgba(127, 255, 76, 0.1);
     box-shadow: 0 4px 8px 0 rgba(240, 204, 80, 0.3), 0 4px 8px 0 rgba(240, 204, 80, 0.5);
   }

   100% {
     background: rgba(127, 255, 76, 0.2);
     box-shadow: 0 4px 8px 0 rgba(240, 204, 80, 0.6), 0 4px 8px 0 rgba(240, 204, 80, 0.8);
   }
 }

 #highlight_match {
   box-sizing: border-box;
   box-shadow: 0 1px 1px 0 rgba(240, 204, 80, 0.1), 0 1px 1px 0 rgba(240, 204, 80, 0.1);

   animation-name: shadowPulse;
   animation-duration: 6.5s;
   transition: animation-duration 3s;
   animation-iteration-count: 1;
   animation-timing-function: linear;
 }
 
 /*arctical model prioritet  */
 .arcticmodal-overlay,
 .arcticmodal-container {
   z-index: 1000;
 }

 .d-none {
   display: none !important;
 }

 .d-block {
   display: block !important;
 }
 img.summoner_icon{
   width: 50px;
 }

.double_tables .dbl_table_wrap .lol_teamstate div{
  width: calc(100% / 3);
  float: left;
  height: 40px;
}
.double_tables .dbl_table_wrap .lol_teamstate {
  margin-top: 15px;
  font-size: 25px;
  
  font-weight: 800; 
}
.double_tables .dbl_table_wrap .lol_teamstate div:not(:nth-child(1)) {
  text-align: center;
  color: #727E8E;
}
.double_tables .dbl_table_wrap .lol_teamstate div:nth-child(1) img{
  margin-right: 10px;
}
.double_tables .dbl_table_wrap .typical_table{
  margin-bottom: 20px;
}
.lol_stat_game_data, .lol_teamstate{
  padding-top: 15px;
  border-top: 1px solid rgba(158, 158, 158, .2);
}
.lol_stat_game_data .lol_stat_mapdata{
  float: left;
}
.lol_stat_game_data .lol_statmap{
  width: 70px;
  float: left;
}
.lol_stat_game_data .lol_statmap img{
  width: 60px; 
}
.double_tables .spell_items{
  width: 88px;
}

.lol_stats_thread img, .lol_teamstate img{
  width: 20px;
}
.lol_stats_thread th {
  font-size: 18px;
  text-align: center !important;
}
.lol_champions_tbl {
  padding: 5px 10px 0 10px !important;
  width: 140px;
  height: 75px !important;
  max-height: 95px !important;
}
.lol_stats_bans_block .bans_stats{
  position: relative;
}
.lol_stats_bans_block .bans_stats span, .lol_stats_bans_block .bans_stats span i{
  color: #FFC107;
  font-size: 16px;
  float: right;
}
.lol_stats_bans_block .bans_stats img{
  width: 26px;
  /* margin-left: 5px; */
}
/* .lol_stats_bans_block .bans_stats span{
  margin-left: 5px;
} */
.lol_champions_tbl img {
  width:25px;
  height:25px;
  margin-left: 2px;
}
.lol_stats_round_title{
  display: block !important;
  margin-top: 25px;
  margin-bottom: 10px;
}
.double_tables .dbl_table_wrap  .spell_ico{
  width: 24px;
  float: none;
  display: block;
}
.double_tables .dbl_table_wrap  .champ_imgs{
  width: 48px;
  float: left;
}
.double_tables .dbl_table_wrap th i{
  color: #727E8E;
}
.double_tables .dbl_table_wrap td{
  font-size: 12px;
}
.double_tables .dbl_table_wrap{
  width: calc(50% - 20px);
  float: left;
}
.double_tables .dbl_table_wrap:nth-child(2){
  margin-left: 20px;
}
 /*arctical model prioritet  */
 .fix {
   clear: both !important;
 }

 /* news content */
 .news_content a {
   color: #F0CC50;
 }
.single_news .single_news_title {
  font-size: 28px;
}
 .news_top_block img.show_news_image {
   width: 100%;
   max-height: 500px;
   object-fit: cover;
 }

 .swal_notify .swal2-popup {
   width: 34em;
 }

 #swal2-title {
   color: #fff;
 }

 /* news content */
 /* beta info line */
 .beta_info_line {
   width: 100%;
   position: relative;
   color: #0E1521;
   background: rgba(67, 233, 125, 1);
   background: -moz-linear-gradient(left, rgba(67, 233, 125, 1) 0%, rgba(56, 249, 214, 1) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(67, 233, 125, 1)), color-stop(100%, rgba(56, 249, 214, 1)));
   background: -webkit-linear-gradient(left, rgba(67, 233, 125, 1) 0%, rgba(56, 249, 214, 1) 100%);
   background: -o-linear-gradient(left, rgba(67, 233, 125, 1) 0%, rgba(56, 249, 214, 1) 100%);
   background: -webkit-gradient(linear, left top, right top, from(rgba(67, 233, 125, 1)), to(rgba(56, 249, 214, 1)));
   background: linear-gradient(to right, rgba(67, 233, 125, 1) 0%, rgba(56, 249, 214, 1) 100%);
   /* background-color: rgb(196, 48, 43); */
   padding: 10px 5px;
 }
 .beta_info_line a{
    color: rgb(196, 48, 43);
    font-weight: 900;
 }

 .beta_info_line p {
   color: #0E1521;
   text-align: center;
   font-size: 18px;
   font-weight: bold;
 }

 .beta_info_line .close_btn {
   float: right;
   color: #0E1521;
   padding: 2px;
   font-size: 18px;
 }

 .beta_info_line .close_btn:hover {
   color: rgb(143, 143, 143);
   cursor: pointer;
 }

 #tournament_brackets_datas.emp_bracket{
   margin: 0 auto !important;
 }
 /* beta info line */
 /* joined contestant  progress line  */
 .red_colored_progress { 
   background: rgb(253, 92, 43);
   background: -moz-linear-gradient(left, rgba(253, 92, 43, 1) 0%, rgb(255, 127, 88) 100%);
   background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253, 92, 43, 1)), color-stop(100%, rgba(255, 127, 88, 1)));
   background: -webkit-linear-gradient(left, rgba(253, 92, 43, 1) 0%, rgba(255, 127, 88, 1) 100%);
   background: -o-linear-gradient(left, rgba(253, 92, 43, 1) 0%, rgba(255, 127, 88, 1) 100%);
   background: -webkit-gradient(linear, left top, right top, from(rgba(253, 92, 43, 1)), to(rgb(254, 125, 86)));
   background: linear-gradient(to right, rgba(253, 92, 43, 1) 0%, rgba(255, 127, 88, 1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd5c2b', endColorstr='#ff7f58', GradientType=1);
 }

 /* END joined contestant  progress line  */
 /* recent played  */

 .recent_event_logo img, .lol_event_logopart img {
   width: 40px;
   height: 40px;
   float: left;
   border-radius: 100%;
 }

 .recent_event_logo a,.lol_event_logopart span {
   line-height: 40px;
   margin-left: 8px;
 }


 #recentyly_played_wrap table a,
 #recentyly_played_wrap table span,
 #recentyly_played_wrap table td,
 #recentyly_played_wrap table p,
 #recentyly_played_wrap table th {
   text-align: left;
   font-size: 12px;
 }

 #recentyly_played_wrap .platform_image, #calendar .platform_image {
   width: 20px;
   height: auto;
   vertical-align: middle;
 }
.prize, .prize i{
  font-size: 18px;
  color: #85bb65;
  font-weight: 600;
}
 #recentyly_played_wrap .typical_table td:first-child,
 .typical_table th:first-child {
   padding-left: 0;
 }

 /* END recent played  */
 .make_team_leader{
   font-size: 14px;
   padding: 4px 12px;
   color: #fff;
   text-transform: uppercase;
   text-decoration: none;
   margin-left: 2px;
   margin-right: 7px;
   border: 1px solid #727E8E;
   border-radius: 5px;
 }
 .warning_color._tooltip.fa.fa-question-circle{
   margin-right: 5px;
 }
 #team_view .team_players .teams_item {
   width: calc((100% / 6) - 30px);
 }

 #team_view .team_players .teams_item span,
 #team_view .team_players .teams_item a {
   text-align: center;
 }

 #team_view .team_players {
   max-height: 500px;
   overflow-y: auto;
 }

 /* matches result */
 
 .dashboard_info{
   text-align: center;
   width: 100%;
   padding: 15px 0;
   margin-bottom: 25px;
   border-bottom: 1px solid #727E8E;
   clear: both;
 }

 .dashboard {
   border: 1px solid #727E8E;
   border-radius: 50px;
   padding: 10px 50px; 
   min-height: 150px;
   border-radius: 5px;
   background: rgba(24, 38, 49, 0.8);

 }

 .matches_chat_block {
   margin-top: 20px;
   border: 1px solid rgb(255 255 255 / 80%);
   border-radius: 25px;
 }

 .main_chat .m_image {
   width: 40%;
 }

 .main_chat li.chat_item {
     padding: 3px 10px;
     position: relative;
 }

 .chat-body .name .primary-font {
     padding: 5px 5px;
 }

 li.bordered ~ li {
     padding-bottom: 10px;
 }

 li.chat_item.bordered {
     border-top: 1px dotted rgba(179, 169, 169, .5);
 }



 .main_chat li.chat_item:hover .msg_rm_ico {
   display: block;
 }

 .main_chat .msg_rm_ico {
   display: none;
   position: absolute;
   right: 10px;
   top: 50%;
   cursor: pointer;
 }
.msg_sent_date{
  font-size: 12px;
  color: #727E8E;
}
 .main_chat .msg_rm_ico i {
   font-size: 18px;
 }

 .chat_message_content_wrap {
   max-width: 60% !important;
   padding: 1px 0;
 }

 .chat_message_content_wrap p {
   padding: 10px 20px;
 }

 .chat_message_content_wrap .my-chat-msg-content {
   background-color: rgb(0, 132, 255);
   border-radius: 20px;
 }

 .chat_message_content_wrap .received_msg {
   background-color: rgb(62, 64, 66);
   border-radius: 20px;
 }

 .match_status p {
   text-align: center;
   font-size: 22px;
   /* font: normal normal normal 20px/1 FontAwesome; */
 }

 .manage_match_wrapper {
   width: 100%;
   border: 1px solid grey;
   min-height: 250px;
   border-radius: 5px;
   background: rgba(24, 38, 49, 0.8);
 }

 .match_status p:before {
   margin-right: 4px;
   /* content: "\f017" */
 }

 .match_player_img {
   width: 100%;
 }

 .match_player_img img {
   margin: 0 auto;
   display: block;
   width: 120px;
   height: 120px;
   border-radius: 50%;
   object-fit: cover;
 }

 .player1_content,
 .player2_content {
   width: 40%;
   float: left;
   height: 190px;

 }

 .player1_content h1,
 .player2_content h1 {
   /* line-height: 150px; */
   font-size: 18px;
 }

 .player1_content span,
 .player2_content span {
   font-size: 10px;
 }

 .outline {
   outline: 2px solid red;
 }

 .win {
   color: #50b649;
 }

 .tmp_success {
   animation: success 1s;
 }

 @keyframes success {
   from {
     background-color: rgba(80, 182, 73, .3)
   }

   to {
     background-color: rgba(80, 182, 73, 0)
   }
 }

 .loss , .fail{
   color: #e61a1a !important;
 }

 .player1_block,
 .player2_block {
   /* min-height: 100px; */
   width: 100%;
   text-align: center;
   /* outline: 5px solid blue; */
 }

 .pl1_data_block,
 .pl2_data_block {
   padding: 10px 50px;
   width: 50%;
   float: left;
   text-align: center;

   /* outline: 5px solid greenyellow; */
 }

 .players_block {
   padding: 50px;
   width: 80%;
   margin: 0 auto;
 }

 .players_block h1 {
   text-align: left;
   font-size: 22px;
 }

 .players_block .player1_block .pl1_btn_block,
 .players_block .player2_block .pl2_btn_block {
   padding: 10px 50px;
   width: 50%;
   float: left;
   /* outline: 5px solid greenyellow; */
 }

 .players_block .player1_block .pl1_btn_block span,
 .players_block .player2_block .pl2_btn_block span {

   font-weight: bold;
   text-align: center;
   margin-left: 2px;
 }

 .sub_block {
   /* outline: 2px solid greenyellow; */
   min-height: 50px;
   /* margin-bottom: 20px; */
   margin-top: 40px;
 }

 .sub_block_right {
   width: 50%;
   float: right;
   /* padding-right: 70px; */
 }

 .sub_block button {
   float: right;
   font-size: 18px;
   margin-right: 10px;
   text-transform: uppercase;
 }

 .fix {
   clear: both !important;
 }

 /* matches result */

 /* winner btn */

 .winner_btn {
   padding: 10px;

   background-color: #059600;
 }

 #tournament_participiants .del_win.gradient_btn {
   background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(254, 177, 102)), to(rgb(240, 204, 80)));
   background-image: -webkit-linear-gradient(bottom, rgb(254, 102, 102) 0%, rgb(240, 204, 80) 100%);
   background-image: -moz-linear-gradient(bottom, rgb(254, 102, 102) 0%, rgb(240, 204, 80) 100%);
   background-image: -o-linear-gradient(bottom, rgb(254, 102, 102) 0%, rgb(240, 204, 80) 100%);
   background-image: linear-gradient(0deg, rgb(254, 102, 102) 0%, rgb(240, 204, 80) 100%);
 }

 #tournament_participiants .set_win.gradient_btn {
   background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(254, 177, 102)), to(rgb(240, 204, 80)));
   background-image: -webkit-linear-gradient(bottom, rgb(102, 254, 102) 0%, rgb(240, 204, 80) 100%);
   background-image: -moz-linear-gradient(bottom, rgb(102, 254, 102) 0%, rgb(240, 204, 80) 100%);
   background-image: -o-linear-gradient(bottom, rgb(102, 254, 102) 0%, rgb(240, 204, 80) 100%);
   background-image: linear-gradient(0deg, rgb(102, 254, 102) 0%, rgb(240, 204, 80) 100%);
 }

 /* -> logo update  */
 /* 
  brackets winner
*/
 .tournament-bracket__team--winner td {
   color: #00ff00 !important;
 }

 .tournament-bracket__item .bracket_set_win {
   color: #fff;
   float: right;
   font-size: 16px;
   background-color: #00ad00;
   padding-right: 8px;
   padding-left: 8px;
   border-radius: 7px;
   text-decoration: none;
 }

 .tournament-bracket__item .bracket_loss {
   color: #fff;
   float: right;
   font-size: 16px;
   background-color: #ad0000;
   padding-right: 8px;
   padding-left: 8px;
   border-radius: 7px;
   text-decoration: none;
 }

 .tournament-bracket__item .bracket_set_win:hover {
   background-color: #00ff40;
   transition: all 0.3s;
 }

 /* 
  -> brackets winner
*/

 /* 
delete input
 */
 button.del_input_btn {
   /* padding:0 8px;
   position: relative;
   right: -10px;
   float: right;
   border: 2px solid grey;
   background-color:none;
   border-radius: 100%;
   */

   font-weight: bold;
   text-align: center;
   font-size: 22px;
   border: 2px solid rgba(109, 127, 144, 0.5);
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   width: 22px;
   height: 22px;
   align-items: center;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   /* font: normal normal normal 10px/1 FontAwesome; */
   display: flex;
   -webkit-box-pack: center;
   position: absolute;
   display: -webkit-box;
   display: -webkit-flex;
   bottom: 0;
   top: auto;
   margin: 0;
   right: -38px;
 }

 button.del_input_btn:before {
   content: "\f068";
   color: inherit;
   margin-left: 5px;
 }

 /* 
->>>>>>delete input
/* contestant status */

 /*->>>>>>>>> contestant status */

 /* edit player account styles*/
 .edit_player_account {
   font-size: 16px;
 }

 /* edit player account styles*/
 .text-l {
   text-align: left;
 }

 .text-c {
   text-align: center !important;
 }

 .text-r {
   text-align: right;
 }

 /* margins like bootstrap */
 .m-auto{
     margin: auto;
 }
 .mr-1 {
   margin-right: 10px;
 }

 .mr-2 {
   margin-right: 20px;
 }

 .ml-1 {
   margin-left: 10px;
 }

 .ml-2 {
   margin-left: 20px;
 }
 .ml-3{
   margin-left: 30px;
 }
 .ml-4{
   margin-left: 40px;
 }
 .ml-5{
   margin-left: 50px;
 }

 .minh-500 {
   min-height: 500px;
 }

 .minh-200 {
   min-height: 200px;
 }

 .minh-300 {
   min-height: 300px;
 }

 .minh-100 {
   min-height: 100px;
 }
 .minh-70 {
   min-height: 70px;
 }
 .minh-80 {
   min-height: 80px;
 }

 .mt-0_5 {
   margin-top: 5px;
 }

 .mt-1 {
   margin-top: 10px;
 }

 .mt-2 {
   margin-top: 20px;
 }

 .mt-3 {
   margin-top: 30px;
 }

 .mt-4 {
   margin-top: 40px;
 }

 .mt-5 {
   margin-top: 50px;
 }

 .mt-6 {
   margin-top: 60px;
 }

 .mt-10 {
   margin-top: 100px;
 }

 .mb-1 {
   margin-bottom: 10px;
 }

 .mb-2 {
   margin-bottom: 20px;
 }

 .mb-3 {
   margin-bottom: 30px;
 }

 .mb-4 {
   margin-bottom: 40px;
 }

 .pt-1 {
   padding-top: 10px;
 }

 .pt-2 {
   padding-top: 20px;
 }

 .pt-3 {
   padding-top: 30px;
 }

 .pt-4 {
   padding-top: 40px;
 }

 /* -> margins like bootstrap */

 /* width's like bootstrap */
 .w-5 {
   width: 5% !important;
 }

 .w-10 {
   width: 10% !important;
 }

 .w-15 {
   width: 15% !important;
 }

 .w-20 {
   width: 20% !important;
 }
 .w-25 {
   width: 25% !important;
 }

 .w-30 {
   width: 30% !important;
 }

 .w-40 {
   width: 40% !important;
 }

 .w-50 {
   width: 50% !important;
 }

 .w-60 {
   width: 60% !important;
 }

 .w-70 {
   width: 70% !important;
 }
 .w-75 {
   width: 75% !important;
 }

 .w-80 {
   width: 80% !important;
 }

 .w-90 {
   width: 90% !important;
 }

 .w-100 {
   width: 100% !important;
 }

 .h-10p {
   height: 10px !important;
 }

 .h-20p {
   height: 20px !important;
 }

 .h-30p {
   height: 30px !important;
 }

 .h-40p {
   height: 40px !important;
 }

 .h-50p {
   height: 50px !important;
 }

 .h-70p {
   height: 70px !important;
 }

 .h-80p {
   height: 80px !important;
 }

 .h-90p {
   height: 90px !important;
 }

 .h-100p {
   height: 100px !important;
 }

 .h-120p {
   height: 120px !important;
 }

 .h-150p {
   height: 150px !important;
 }

 .h-200p {
   height: 200px !important;
 }

 /* EBD width's like bootstrap */
 /* friend invite */
 div.select_friend {
   background-color: #13161C;
 }

 select.select_friend {
   background-color: #13161C;
 }

 select.select_friend option {
   color: #fff;
   text-align: center;
 }

 /* -> friend invite */

 #history_modal .activity_item {
   padding: 6px 10px;
   border-radius: 5px;
   border: 1px solid gray;
   margin-top: 10px;
 }
 #history_modal .activity_item .activity_description{
   padding-left: 15px;
   padding-right: 15px;
 }
 
 #history_modal .activity_item a {
   color: #FFC107;
 }

 /* select and invite */

 .select2-container {
   width: 100% !important;
 }

 .select2-results__option,
 .select2-search__field {
   color: #13161C;
 }

 .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
   background-color: #122b40;
 }

 li.select2-search.select2-search--inline {
   background-color: #fff !important;
   color: #000 !important;
   list-style: none !important;
 }

 li.select2-selection__choice {
   list-style: none !important;
 }

 /* ->select and invite */
 .team_item_invite {
   border-color: rgba(19, 22, 28, 0.8);
   background: rgba(19, 22, 28, 0.8);
 }

 .team_item_invite:hover {
   border-color: rgba(19, 22, 28, 0.8);
   background: rgba(19, 22, 28, 0.8);
 }

 .unverified_txt {
   color: #ff0054;
 }

 .player_txt {
   color: #ffffff;
 }

 .green_txt {
   color: #059600;
 }
 .stop-scr {  
  overflow: hidden; 
} 
 .copy_btn {
   background-color: #fff !important;
 }
.tournament_issues_activity *{
  list-style: none;
  text-decoration: none;
  font-size: 12px;
}
.tournament_issues_activity li{
  margin-top: 15px;
  border-bottom: 1px solid rgba(173,192,224,0.1); 
}
.t_issues_tbl{
  border-top: 1px solid rgba(173,192,224,0.24);
}
.tournament_issues_activity{
  max-height: 200px;
  overflow-y: auto;
  padding: 5px 10px;
  border: 1px solid rgba(173,192,224,0.24);
  border-radius:5px;
  box-sizing: border-box;
}
 .copy_btn:hover {
   background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(254, 177, 102)), to(rgb(240, 204, 80)));
   background-image: -webkit-linear-gradient(bottom, rgb(254, 177, 102) 0%, rgb(240, 204, 80) 100%);
   background-image: -moz-linear-gradient(bottom, rgb(254, 177, 102) 0%, rgb(240, 204, 80) 100%);
   background-image: -o-linear-gradient(bottom, rgb(254, 177, 102) 0%, rgb(240, 204, 80) 100%);
   background-image: linear-gradient(0deg, rgb(254, 177, 102) 0%, rgb(240, 204, 80) 100%);
 }

 button {
   overflow: visible;
 }

 button,
 select {
   text-transform: none;
 }

 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
   -webkit-appearance: button;
   cursor: pointer;
 }

 button[disabled],
 html input[disabled] {
   cursor: default;
 }

 button::-moz-focus-inner,
 input::-moz-focus-inner {
   border: 0;
   padding: 0;
 }

 input {
   line-height: normal;
 }

 input[type="checkbox"],
 input[type="radio"] {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0;
 }

 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
   height: auto;
 }

 input[type="search"] {
   -webkit-appearance: textfield;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
 }

 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }

 [role="button"] {
   cursor: pointer;
 }

 .btn {
   display: inline-block;
   margin-bottom: 0;
   font-weight: normal;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857143;
   border-radius: 4px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

 .btn:focus,
 .btn:active:focus,
 .btn.active:focus,
 .btn.focus,
 .btn:active.focus,
 .btn.active.focus {
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
 }

 .btn:hover,
 .btn:focus,
 .btn.focus {
   color: #333333;
   text-decoration: none;
 }

 .btn:active,
 .btn.active {
   background-image: none;
   outline: 0;
   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }

 .btn.disabled,
 .btn[disabled],
 fieldset[disabled] .btn {
   cursor: not-allowed;
   filter: alpha(opacity=65);
   opacity: 0.65;
   -webkit-box-shadow: none;
   box-shadow: none;
 }

 a.btn.disabled,
 fieldset[disabled] a.btn {
   pointer-events: none;
 }

 .btn-dark {
   color: #fff;
   background-color: #343a40;
   border-color: #343a40;
 }

 .btn-dark:hover ,  .btn-dark:focus,  .btn-dark.focus{
   color: #ccc;
 }

 .btn-default {
   color: #333333;
   background-color: #ffffff;
   border-color: #cccccc;
 }

 .btn-default:focus,
 .btn-default.focus {
   color: #333333;
   background-color: #e6e6e6;
   border-color: #8c8c8c;
 }

 .btn-default:hover {
   color: #333333;
   background-color: #e6e6e6;
   border-color: #adadad;
 }

 .btn-default:active,
 .btn-default.active,
 .open>.dropdown-toggle.btn-default {
   color: #333333;
   background-color: #e6e6e6;
   background-image: none;
   border-color: #adadad;
 }

 .btn-default:active:hover,
 .btn-default.active:hover,
 .open>.dropdown-toggle.btn-default:hover,
 .btn-default:active:focus,
 .btn-default.active:focus,
 .open>.dropdown-toggle.btn-default:focus,
 .btn-default:active.focus,
 .btn-default.active.focus,
 .open>.dropdown-toggle.btn-default.focus {
   color: #333333;
   background-color: #d4d4d4;
   border-color: #8c8c8c;
 }

 .btn-default.disabled:hover,
 .btn-default[disabled]:hover,
 fieldset[disabled] .btn-default:hover,
 .btn-default.disabled:focus,
 .btn-default[disabled]:focus,
 fieldset[disabled] .btn-default:focus,
 .btn-default.disabled.focus,
 .btn-default[disabled].focus,
 fieldset[disabled] .btn-default.focus {
   background-color: #ffffff;
   border-color: #cccccc;
 }

 .btn-default .badge {
   color: #ffffff;
   background-color: #333333;
 }

 .btn-primary {
   color: #ffffff;
   background-color: #337ab7;
   border-color: #2e6da4;
 }

 .btn-primary:focus,
 .btn-primary.focus {
   color: #ffffff;
   background-color: #286090;
   border-color: #122b40;
 }

 .btn-primary:hover {
   color: #ffffff;
   background-color: #286090;
   border-color: #204d74;
 }

 .btn-primary:active,
 .btn-primary.active,
 .open>.dropdown-toggle.btn-primary {
   color: #ffffff;
   background-color: #286090;
   background-image: none;
   border-color: #204d74;
 }

 .btn-primary:active:hover,
 .btn-primary.active:hover,
 .open>.dropdown-toggle.btn-primary:hover,
 .btn-primary:active:focus,
 .btn-primary.active:focus,
 .open>.dropdown-toggle.btn-primary:focus,
 .btn-primary:active.focus,
 .btn-primary.active.focus,
 .open>.dropdown-toggle.btn-primary.focus {
   color: #ffffff;
   background-color: #204d74;
   border-color: #122b40;
 }

 .btn-primary.disabled:hover,
 .btn-primary[disabled]:hover,
 fieldset[disabled] .btn-primary:hover,
 .btn-primary.disabled:focus,
 .btn-primary[disabled]:focus,
 fieldset[disabled] .btn-primary:focus,
 .btn-primary.disabled.focus,
 .btn-primary[disabled].focus,
 fieldset[disabled] .btn-primary.focus {
   background-color: #337ab7;
   border-color: #2e6da4;
 }

 .btn-primary .badge {
   color: #337ab7;
   background-color: #ffffff;
 }

 .btn-success {
   color: #ffffff;
   background-color: #5cb85c;
   border-color: #4cae4c;
 }

 .btn-success:focus,
 .btn-success.focus {
   color: #ffffff;
   background-color: #449d44;
   border-color: #255625;
 }

 .btn-success:hover {
   color: #ffffff;
   background-color: #449d44;
   border-color: #398439;
 }

 .btn-success:active,
 .btn-success.active,
 .open>.dropdown-toggle.btn-success {
   color: #ffffff;
   background-color: #449d44;
   background-image: none;
   border-color: #398439;
 }

 .btn-success:active:hover,
 .btn-success.active:hover,
 .open>.dropdown-toggle.btn-success:hover,
 .btn-success:active:focus,
 .btn-success.active:focus,
 .open>.dropdown-toggle.btn-success:focus,
 .btn-success:active.focus,
 .btn-success.active.focus,
 .open>.dropdown-toggle.btn-success.focus {
   color: #ffffff;
   background-color: #398439;
   border-color: #255625;
 }

 .btn-success.disabled:hover,
 .btn-success[disabled]:hover,
 fieldset[disabled] .btn-success:hover,
 .btn-success.disabled:focus,
 .btn-success[disabled]:focus,
 fieldset[disabled] .btn-success:focus,
 .btn-success.disabled.focus,
 .btn-success[disabled].focus,
 fieldset[disabled] .btn-success.focus {
   background-color: #5cb85c;
   border-color: #4cae4c;
 }

 .btn-success .badge {
   color: #5cb85c;
   background-color: #ffffff;
 }

 .btn-info {
   color: #ffffff;
   background-color: #5bc0de;
   border-color: #46b8da;
 }

 .btn-info:focus,
 .btn-info.focus {
   color: #ffffff;
   background-color: #31b0d5;
   border-color: #1b6d85;
 }

 .btn-info:hover {
   color: #ffffff;
   background-color: #31b0d5;
   border-color: #269abc;
 }

 .btn-info:active,
 .btn-info.active,
 .open>.dropdown-toggle.btn-info {
   color: #ffffff;
   background-color: #31b0d5;
   background-image: none;
   border-color: #269abc;
 }

 .btn-info:active:hover,
 .btn-info.active:hover,
 .open>.dropdown-toggle.btn-info:hover,
 .btn-info:active:focus,
 .btn-info.active:focus,
 .open>.dropdown-toggle.btn-info:focus,
 .btn-info:active.focus,
 .btn-info.active.focus,
 .open>.dropdown-toggle.btn-info.focus {
   color: #ffffff;
   background-color: #269abc;
   border-color: #1b6d85;
 }

 .btn-info.disabled:hover,
 .btn-info[disabled]:hover,
 fieldset[disabled] .btn-info:hover,
 .btn-info.disabled:focus,
 .btn-info[disabled]:focus,
 fieldset[disabled] .btn-info:focus,
 .btn-info.disabled.focus,
 .btn-info[disabled].focus,
 fieldset[disabled] .btn-info.focus {
   background-color: #5bc0de;
   border-color: #46b8da;
 }

 .btn-info .badge {
   color: #5bc0de;
   background-color: #ffffff;
 }

 .btn-warning {
   color: #ffffff;
   background-color: #f0ad4e;
   border-color: #eea236;
 }

 .btn-warning:focus,
 .btn-warning.focus {
   color: #ffffff;
   background-color: #ec971f;
   border-color: #985f0d;
 }

 .btn-warning:hover {
   color: #ffffff;
   background-color: #ec971f;
   border-color: #d58512;
 }

 .btn-warning:active,
 .btn-warning.active,
 .open>.dropdown-toggle.btn-warning {
   color: #ffffff;
   background-color: #ec971f;
   background-image: none;
   border-color: #d58512;
 }

 .btn-warning:active:hover,
 .btn-warning.active:hover,
 .open>.dropdown-toggle.btn-warning:hover,
 .btn-warning:active:focus,
 .btn-warning.active:focus,
 .open>.dropdown-toggle.btn-warning:focus,
 .btn-warning:active.focus,
 .btn-warning.active.focus,
 .open>.dropdown-toggle.btn-warning.focus {
   color: #ffffff;
   background-color: #d58512;
   border-color: #985f0d;
 }

 .btn-warning.disabled:hover,
 .btn-warning[disabled]:hover,
 fieldset[disabled] .btn-warning:hover,
 .btn-warning.disabled:focus,
 .btn-warning[disabled]:focus,
 fieldset[disabled] .btn-warning:focus,
 .btn-warning.disabled.focus,
 .btn-warning[disabled].focus,
 fieldset[disabled] .btn-warning.focus {
   background-color: #f0ad4e;
   border-color: #eea236;
 }

 .btn-warning .badge {
   color: #f0ad4e;
   background-color: #ffffff;
 }

 .btn-danger {
   color: #ffffff;
   background-color: #d9534f;
   border-color: #d43f3a;
 }

 .btn-danger:focus,
 .btn-danger.focus {
   color: #ffffff;
   background-color: #c9302c;
   border-color: #761c19;
 }

 .btn-danger:hover {
   color: #ffffff;
   background-color: #c9302c;
   border-color: #ac2925;
 }

 .btn-danger:active,
 .btn-danger.active,
 .open>.dropdown-toggle.btn-danger {
   color: #ffffff;
   background-color: #c9302c;
   background-image: none;
   border-color: #ac2925;
 }

 .btn-danger:active:hover,
 .btn-danger.active:hover,
 .open>.dropdown-toggle.btn-danger:hover,
 .btn-danger:active:focus,
 .btn-danger.active:focus,
 .open>.dropdown-toggle.btn-danger:focus,
 .btn-danger:active.focus,
 .btn-danger.active.focus,
 .open>.dropdown-toggle.btn-danger.focus {
   color: #ffffff;
   background-color: #ac2925;
   border-color: #761c19;
 }

 .btn-danger.disabled:hover,
 .btn-danger[disabled]:hover,
 fieldset[disabled] .btn-danger:hover,
 .btn-danger.disabled:focus,
 .btn-danger[disabled]:focus,
 fieldset[disabled] .btn-danger:focus,
 .btn-danger.disabled.focus,
 .btn-danger[disabled].focus,
 fieldset[disabled] .btn-danger.focus {
   background-color: #d9534f;
   border-color: #d43f3a;
 }

 .btn-danger .badge {
   color: #d9534f;
   background-color: #ffffff;
 }

 .btn-link {
   font-weight: 400;
   color: #337ab7;
   border-radius: 0;
 }

 .btn-link,
 .btn-link:active,
 .btn-link.active,
 .btn-link[disabled],
 fieldset[disabled] .btn-link {
   background-color: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
 }

 .btn-link,
 .btn-link:hover,
 .btn-link:focus,
 .btn-link:active {
   border-color: transparent;
 }

 .btn-link:hover,
 .btn-link:focus {
   color: #23527c;
   text-decoration: underline;
   background-color: transparent;
 }

 .btn-link[disabled]:hover,
 fieldset[disabled] .btn-link:hover,
 .btn-link[disabled]:focus,
 fieldset[disabled] .btn-link:focus {
   color: #777777;
   text-decoration: none;
 }

 .btn-lg {
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.3333333;
   border-radius: 6px;
 }

 .btn-sm {
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 3px;
 }

 .btn-xs {
   padding: 1px 5px;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 3px;
 }

 .btn-block {
   display: block;
   width: 100%;
 }

 .btn-block+.btn-block {
   margin-top: 5px;
 }

 input[type="submit"].btn-block,
 input[type="reset"].btn-block,
 input[type="button"].btn-block {
   width: 100%;
 }

 .clearfix:before,
 .clearfix:after {
   display: table;
   content: " ";
 }

 .clearfix:after {
   clear: both;
 }

 .center-block {
   display: block;
   margin-right: auto;
   margin-left: auto;
 }

 .pull-right {
   float: right !important;
 }

 .pull-left {
   float: left !important;
 }

 .hide {
   display: none !important;
 }

 .show {
   display: block !important;
 }

 .invisible {
   visibility: hidden;
 }

 .text-hide {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0;
 }

 .hidden {
   display: none !important;
 }

 .affix {
   position: fixed;
 }

 li.select2-selection__choice:before,
 li.select2-search.select2-search--inline:before,
 li.select2-results__option:before {
   content: none !important;
 }

 li.select2-search {
   padding-left: 5px !important;
 }

 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
   color: #ffffff !important;

   margin-right: 5px !important;
 }

 .typical_table {
   margin-bottom: 150px;
 }

 /* dropdown */
 .sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
 }

 .sr-only-focusable:active,
 .sr-only-focusable:focus {
   position: static;
   width: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   clip: auto;
 }

 [role="button"] {
   cursor: pointer;
 }

 .caret {
   display: inline-block;
   width: 0;
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
   border-top: 4px dashed;
   border-top: 4px solid \9;
   border-right: 4px solid transparent;
   border-left: 4px solid transparent;
 }

 .dropup,
 .dropdown {
   position: relative;
 }

 .dropdown-toggle:focus {
   outline: 0;
 }

 .dropdown-menu li:before {
   width: 0 !important;
   height: 0 !important;
   background: none !important;
 }

 .dropdown-menu {
   position: absolute;
   top: 80%;
   left: -40px;
   z-index: 10000;
   display: none;
   float: left;
   min-width: 160px;
   padding: 5px 0;
   margin: 2px 0 0;
   font-size: 14px;
   text-align: left;
   list-style: none !important;
   background-color: #13151b;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
   border: 1px solid #cccccc;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 4px;
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 }

 .dropdown-menu.pull-right {
   right: 0;
   left: auto;
 }

 .dropdown-menu .divider {
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #e5e5e5;
 }

 .dropdown-menu li a {
   text-transform: uppercase;
   text-decoration: none;
   display: block;
   padding: 3px 0;
   clear: both;
   font-weight: 400;
   line-height: 1.42857143;
   color: #fff;
   white-space: nowrap;
 }

 .dropdown-menu li {
   text-align: center;
   padding-left: 0;
   list-style: none !important;
 }

 .dropdown-menu li a:hover,
 .dropdown-menu li a:focus {
   color: #262626;
   text-decoration: none;
   background-color: #f5f5f5;
 }

 .dropdown-menu>.active>a,
 .dropdown-menu>.active>a:hover,
 .dropdown-menu>.active>a:focus {
   color: #ffffff;
   text-decoration: none;
   background-color: #337ab7;
   outline: 0;
 }

 .dropdown-menu>.disabled>a,
 .dropdown-menu>.disabled>a:hover,
 .dropdown-menu>.disabled>a:focus {
   color: #777777;
 }

 .dropdown-menu>.disabled>a:hover,
 .dropdown-menu>.disabled>a:focus {
   text-decoration: none;
   cursor: not-allowed;
   background-color: transparent;
   background-image: none;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 }

 .open>.dropdown-menu {
   display: block;
 }

 .open>a {
   outline: 0;
 }

 .dropdown-menu-right {
   right: 0;
   left: auto;
 }

 .dropdown-menu-left {
   right: auto;
   left: 0;
 }

 .dropdown-header {
   display: block;
   padding: 3px 20px;
   font-size: 12px;
   line-height: 1.42857143;
   color: #777777;
   white-space: nowrap;
 }

 .dropdown-backdrop {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 990;
 }

 .pull-right>.dropdown-menu {
   right: 0;
   left: auto;
 }

 .dropup .caret,
 .navbar-fixed-bottom .dropdown .caret {
   content: "";
   border-top: 0;
   border-bottom: 4px dashed;
   border-bottom: 4px solid \9;
 }

 .dropup .dropdown-menu,
 .navbar-fixed-bottom .dropdown .dropdown-menu {
   top: auto;
   bottom: 100%;
   margin-bottom: 2px;
 }

 
 .lol_based_forms .form_line{
    position: relative;
 }

 .lol_based_forms .check_summoner{
    position: absolute;
    right: 0;
 }
 /* media queries */

 @media (min-width: 768px) {
     #thanking_modal, #feedback_modal{
         min-width: 800px;
     }
   .navbar-right .dropdown-menu {
     right: 0;
     left: auto;
   }
   
   .navbar-right .dropdown-menu-left {
     right: auto;
     left: 0;
   }

 }

 @media screen and (max-width: 1100px) {
   
  .beta_info_line p , .beta_info_line .close_btn{
    font-size: 16px;
  }
   
  #team_view .team_players .teams_item {
    width: calc((100% / 5) - 30px);
  }
 }
 @media screen and (max-width: 1000px) {
   .profile_main_block {
     width: 100% !important;
   }

   #team_view .team_players .teams_item {
    width: calc((100% / 4) - 30px);
  }
   .code_dashboard #m_code , .code_dashboard #m_name, .code_dashboard #m_room_id, .code_dashboard #m_game_mode , .code_dashboard #m_team_number{
     font-size: 22px;
   }

   .tournament_block_stat_item {
     width: 33.3%;
   }
 }

 @media screen and (max-width: 980px) {
   .double_tables{
     width: 980px;
   }
   #lol_stats{
     overflow-x: scroll;
   }
  .single_news .single_news_title {
     font-size: 24px;
  }
  .login_head .gradient_btn{
    margin-top: 10px;
  }
  /* .gradient_btn_xs .gradient_btn_txt, header .bordered_btn_xs .bordered_btn_txt {
    font-size: 8px !important;
    width: 70px !important;
  } */

  
  .gradient_btn_xs .gradient_btn_txt, .bordered_btn_xs .bordered_btn_txt{
    padding: 0.5em;
  }
   .manage_admins_modal {
     width: 100%;
   }

   .sub_block_right {
     width: 100%;
   }
   .beta_info_line .close_btn, .beta_info_line p{
     font-size: 14px;
   } 
 }

 @media screen and (max-width: 856px) {
   .container_title{
     font-size: 26px;
   }
    .languages_head {
      width: 60px;
  }
  .open_menu{
    width: 32px;
    height: 32px;
    margin-top: 18px;
    margin-left: 6px;
}
.left_head .logo{
  width: 80px;
}
/* .gradient_btn_xs .gradient_btn_txt, header .bordered_btn_xs .bordered_btn_txt {
  font-size: 7px !important;
  width: 50px !important;
  height: 24px;
} */
    .beta_info_line .close_btn, .beta_info_line p{
      font-size: 12px;
    } 
   .beta_info_line {
     padding: 2px;
   }

   .code_dashboard #m_code,
   .code_dashboard h2 {
     font-size: 18px;
   }

   .code_dashboard .copy_tr_code {
     line-height: unset;
   }
 }
 @media  screen and (max-width: 768px) {

  .dashboard .match_status .tournament_status_green_bordered{
    font-size: 18px;
    padding: 5px 34px;
  }
  .dashboard .player1_content h1,
  .dashboard .player2_content h1 {
    font-size: 13px !important;
  }
  .player1_content, .player2_content{
    height: 150px;
  }
  .dashboard .match_player_img img{
    width: 80px;
    height: 80px;
  }
    .profile_top_block_tour_title_left .t_status{
        font-size: 12px;
    }
   .form_line_columned{
    display: block !important;
    width: 100%;
  }
 
  .form_line_columned .form_line:nth-child(2n){
    padding-left: 0;
  }
  .admin_container h1{
    font-size: 18px;
  }
   .form_line{
    width: 100% !important;
    display: block;
  }
  .beta_info_line .close_btn, .beta_info_line p{
    font-size: 8px;
  }  
  .beta_info_line .close_btn{
    padding: 0;
  }
}
@media screen and (max-width: 780px) {
  #team_view .team_players .teams_item {
    width: calc((100% / 3) - 30px);
  }
}

 @media screen and (max-width: 640px) {
    .container_title{
      font-size: 22px;
    }
    #team_view .team_players .teams_item {
      width: calc((100% / 2) - 30px);
    }
    .left_head .logo{
      width: 60px;
    }
    .beta_info_line .close_btn, .beta_info_line p{
      font-size: 6px;
    }  
   .block_subtitle .tournament_join_action,
   .block_subtitle .tournament_leave_action {
     width: 80%;
     margin: 0 auto;
   }

   .tournament_block_stat_item {
     width: 50%;
   }

   .sub_block_right {
     padding-right: 0;
   }

   .gradient_btn_xs .gradient_btn_txt,.bordered_btn_xs .bordered_btn_txt{
     width: 100px;
   }

   .players_block {
     width: 100%;
     padding: 20px;
   }

   .code_dashboard #m_code, .code_dashboard #m_name, .code_dashboard #m_room_id, .code_dashboard #m_game_mode, .code_dashboard #m_team_number {
     font-size: 16px;
   }

   .code_dashboard #m_code,
   .code_dashboard h2 {
     font-size: 16px;
   }
 }
 @media screen and (max-width: 520px) {
      .chat_area{
        width: 75%;
      }
      .code_dashboard .copy_tr_code{
        font-size: 14px;
      }
      .code_dashboard #m_code , .code_dashboard #m_name, .code_dashboard #m_room_id, .code_dashboard #m_game_mode, .code_dashboard #m_team_number{
        font-size: 10px;
      }

      .chat_actions{
        width: 25%;
      }
      ._chat .panel-body{
        min-height: 180px;
      }
      .dashboard .match_status .tournament_status_green_bordered{
        font-size: 11px;
        padding: 5px 24px;
      }
      .dashboard .player1_content h1,
      .dashboard .player2_content h1 {
        font-size: 8px !important;
      }
      .player1_content, .player2_content{
          height: 160px;
          width: 35%;
      }
     .player1_content span, .player2_content span {
         font-size: 7px;
     }
      .dashboard .match_player_img img{
        width: 70px;
        height: 70px;
      }
      .center_vs{
          width: 30%;
      }
      .center_vs p{
        font-size: 16px;
        line-height: 80px;
      }
      .center_vs .block_subtitle h2{
          font-size: 9px;
          line-height: 10px;
      }

     .center_vs h2.countdown{
         font-size: 10px;
         line-height: 10px;
     }

     .center_vs button{
         font-size: 8px;
     }
      .call_admins_bell_btn span{
        font-size: 0.8rem;
      }

      .gradient_btn_xs .gradient_btn_txt,.bordered_btn_xs .bordered_btn_txt{
        min-width: max-content;
        width: 70px;
      }

      header .gradient_btn_xs .gradient_btn_txt, header .bordered_btn_xs .bordered_btn_txt {
        font-size: 9px;
      }

      #team_view .team_players .teams_item {
        width: calc((100%) - 30px);
      }

      .match_status h2{
          font-size: 10px;
      }



 }
 .clearfix:before,
 .clearfix:after {
   display: table;
   content: " ";
 }

 .clearfix:after {
   clear: both;
 }

 .center-block {
   display: block;
   margin-right: auto;
   margin-left: auto;
 }

 .pull-right {
   float: right !important;
 }

 .pull-left {
   float: left !important;
 }

 .hide {
   display: none !important;
 }

 .show {
   display: block !important;
 }

 .invisible {
   visibility: hidden;
 }

 .text-hide {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
   border: 0;
 }

 .hidden {
   display: none !important;
 }

 .affix {
   position: fixed;
 }

 /* dropdown */

 /* ! PRELOADING */
 #loading {
   background-color: rgba(99, 99, 99, 0.5);
   height: 100%;
   width: 100%;
   position: fixed;
   z-index: 30000;
   margin-top: 0px;
   top: 0px;
   display: none;
 }

 #loading-center {
   width: 100%;
   height: 100%;
   position: relative;
 }

 #loading-center-absolute {
   position: absolute;
   left: 50%;
   top: 50%;
   height: 150px;
   width: 150px;
   margin-top: -75px;
   margin-left: -75px;
   -moz-border-radius: 50% 50% 50% 50%;
   -webkit-border-radius: 50% 50% 50% 50%;
   border-radius: 50% 50% 50% 50%;

 }

 .object {
   width: 20px;
   height: 20px;
   background-color: #FFF;
   position: absolute;
   -moz-border-radius: 50% 50% 50% 50%;
   -webkit-border-radius: 50% 50% 50% 50%;
   border-radius: 50% 50% 50% 50%;
   -webkit-animation: animate 0.8s infinite;
   animation: animate 0.8s infinite;
 }


 #object_one {
   top: 19px;
   left: 19px;

 }

 #object_two {
   top: 0px;
   left: 65px;
   -webkit-animation-delay: 0.1s;
   animation-delay: 0.1s;

 }

 #object_three {
   top: 19px;
   left: 111px;
   -webkit-animation-delay: 0.2s;
   animation-delay: 0.2s;

 }

 #object_four {
   top: 65px;
   left: 130px;
   -webkit-animation-delay: 0.3s;
   animation-delay: 0.3s;
 }

 #object_five {
   top: 111px;
   left: 111px;
   -webkit-animation-delay: 0.4s;
   animation-delay: 0.4s;
 }

 #object_six {
   top: 130px;
   left: 65px;
   -webkit-animation-delay: 0.5s;
   animation-delay: 0.5s;
 }

 #object_seven {
   top: 111px;
   left: 19px;
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
 }

 #object_eight {
   top: 65px;
   left: 0px;
   -webkit-animation-delay: 0.7s;
   animation-delay: 0.7s;
 }




 @-webkit-keyframes animate {

   25% {
     -ms-transform: scale(1.5);
     -webkit-transform: scale(1.5);
     transform: scale(1.5);
   }


   75% {
     -ms-transform: scale(0);
     -webkit-transform: scale(0);
     transform: scale(0);
   }


 }

 @keyframes animate {
   50% {
     -ms-transform: scale(1.5, 1.5);
     -webkit-transform: scale(1.5, 1.5);
     transform: scale(1.5, 1.5);
   }

   100% {
     -ms-transform: scale(1, 1);
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
   }

 }

 /* !END PRELOADING */

 /* !ANIMATE */
 @-webkit-keyframes swing {
   15% {
     -webkit-transform: translateX(5px);
     transform: translateX(5px);
   }

   30% {
     -webkit-transform: translateX(-5px);
     transform: translateX(-5px);
   }

   50% {
     -webkit-transform: translateX(3px);
     transform: translateX(3px);
   }

   65% {
     -webkit-transform: translateX(-3px);
     transform: translateX(-3px);
   }

   80% {
     -webkit-transform: translateX(2px);
     transform: translateX(2px);
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 @keyframes swing {
   15% {
     -webkit-transform: translateX(5px);
     transform: translateX(5px);
   }

   30% {
     -webkit-transform: translateX(-5px);
     transform: translateX(-5px);
   }

   50% {
     -webkit-transform: translateX(3px);
     transform: translateX(3px);
   }

   65% {
     -webkit-transform: translateX(-3px);
     transform: translateX(-3px);
   }

   80% {
     -webkit-transform: translateX(2px);
     transform: translateX(2px);
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0);
   }
 }

 /* !END ANIMATE */

 .popup_notif {
   z-index: 10000;
   width: 450px;
   position: fixed;
   bottom: 10px;
   left: 20px;
   display: none;
   background-color: rgba(31, 37, 49, .9);
   border: 2px solid rgba(31, 37, 49, .5);
   border-radius: 5px;
 }

 .popup_notif .notifications_item {
   padding: 20px 15px;
 }

 #notif_list {
   width: 95%;
 }

 #score {
   height: 500px;
   max-height: 500px;
 }

 .first_place {
   background-color: rgb(219, 166, 20);
 }

 .second_place {
   background-color: rgb(142, 141, 141);
 }

 .third_place {
   background-color: rgb(62, 43, 1);
 }

 .score_tbl .js-pscroll {
   position: relative;
   overflow: hidden;
 }

 .score_manage .score_tbl {
   margin: 0 auto !important;
 }

 .score_tbl .table100 .ps__rail-y {
   width: 9px;
   background-color: transparent;
   opacity: 1 !important;
   right: 5px;
 }

 .score_tbl .table100 .ps__rail-y::before {
   content: "";
   display: block;
   position: absolute;
   background-color: #ebebeb;
   border-radius: 5px;
   width: 100%;
   height: calc(100% - 30px);
   left: 0;
   top: 15px;
 }

 .score_tbl .table100 .ps__rail-y .ps__thumb-y {
   width: 100%;
   right: 0;
   background-color: transparent;
   opacity: 1 !important;
 }

 .score_tbl .table100 .ps__rail-y .ps__thumb-y::before {
   content: "";
   display: block;
   position: absolute;
   background-color: #cccccc;
   border-radius: 5px;
   width: 100%;
   height: calc(100% - 30px);
   left: 0;
   top: 15px;
 }

 .score_tbl .limiter {
   width: 1366px;
   margin: 0 auto;
 }

 .score_tbl .container-table100 {
   width: 100%;
   min-height: 100vh;
   background: #fff;

   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   padding: 33px 30px;
 }

 .score_manage .edit_point input {
   background-color: rgba(92, 92, 92, 0.3);
   color: #fff;
   padding: 2px 5px;
   width: 70px !important;
   border: 1px solid rgba(192, 192, 192, 0.1);
   margin: 0 auto;
 }

 .score_manage .edit_point button[type=submit] {
   border: 1px solid rgba(192, 192, 192, 0.1);
   color: #fff;
   margin-left: 5px;
   margin-right: 3px;
   background-color: rgb(92, 92, 92);
   padding: 2px 4px;
   border-radius: 5px;
 }

 .score_manage .edit_point button[type=cancel] {
   border: 1px solid rgba(192, 192, 192, 0.1);
   color: #fff;
   margin-left: 3px;
   margin-right: 3px;
   background-color: rgb(92, 92, 92);
   padding: 2px 5px;
   border-radius: 5px;
 }

 .score_tbl .wrap-table100 {
   width: 1170px;
 }

 .score_tbl {
   margin-bottom: 40px;
   margin-top: 10px;
   /*max-height: 500px;*/
   /*height: 400px;*/
 }

 .score_tbl .table100 {
   background-color: #fff;
 }

 .score_tbl table {
   width: 100%;
   border: 1px solid rgba(192, 192, 192, 0.1);
 }

 .score_tbl th,
 .score_tbl td {
   padding-right: 10px;
   border-right: 1px solid rgba(192, 192, 192, 0.1);
   border-bottom: 1px solid rgba(192, 192, 192, 0.1);
 }

 .score_tbl .place {
   font-weight: 800 !important;
 }

 .score_tbl .column1 {
   width: 6%;
   padding-right: 5px;
 }

 .score_tbl .column2 {
   width: 47%;
   text-align: left;
   padding-left: 20px;
 }

 .score_tbl .column3 {
   width: 20%;
   text-align: center;
 }

 .score_tbl .column4 {
   width: 20%;
 }

 .score_tbl .column5 {
     width: 7%;
 }


 .score_tbl .table100-head th {
   padding-top: 18px;
   padding-bottom: 18px;
 }

 .score_tbl .table100-body td {
   padding-top: 16px;
   padding-bottom: 16px;
 }

 /* pinned msg */
 .pinned_wrap {
   padding-right: 20px;
   padding-left: 20px;
   min-height: 350px;
 }

 .pinned_wrap .pinned_msg {
   padding: 10px;
   height: 187px;
   overflow-y: auto;
   border-radius: 10px;
   background-color: rgba(230, 26, 26, .4);
 }

 .pinned_wrap .pinned_msg p {
   text-align: center;
   font-size: 14px;
 }

 /*==================================================================
[ Fix header ]*/
 .score_tbl .table100 {
   position: relative;
   padding-top: 20px;
 }

 #contestants_mod .score_tbl .table100 {
     position: relative;
     padding-top: 0;
 }

 .hoverable:hover {
   background-color: rgba(192, 192, 192, 0.2);
   -webkit-transition: all 0.3s ease-in;
   -moz-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
 }

 .score_tbl .table100-head {
   position: absolute;
   width: 100%;
   top: 0;
   left: 0;
 }

 .score_tbl .table100-body {
   max-height: 420px;
   overflow: auto;
 }

 #contestants_mod .score_tbl .table100-body {
     max-height: 440px;
 }



 .score_tbl .table100.ver3 {
   background-color: rgb(27, 31, 38, .5);
 }

 .score_tbl .table100.ver3 th {
   font-size: 15px;
   color: #F0CC50;
   line-height: 1.4;
   text-transform: uppercase;
   background-color: rgb(27, 31, 38, 1);
 }

 .score_tbl .table100.ver3 td {
   font-size: 15px;
   font-weight: 600;
   color: #dddddd;
   line-height: 1.4;
 }

 .score_tbl .table100.ver3 {
   border-radius: 10px;
   overflow: hidden;
   box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
   -o-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
   -ms-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
 }

 /* flatpickr dark */

 .flatpickr-calendar {
   background: transparent;
   opacity: 0;
   display: none;
   text-align: center;
   visibility: hidden;
   padding: 0;
   -webkit-animation: none;
   animation: none;
   direction: ltr;
   border: 0;
   font-size: 14px;
   line-height: 24px;
   border-radius: 5px;
   position: absolute;
   width: 307.875px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   background: #13161C;

   -webkit-box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
   box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0, 0, 0, 0.08);
 }

 .flatpickr-calendar.open,
 .flatpickr-calendar.inline {
   opacity: 1;
   max-height: 640px;
   visibility: visible;
 }

 .flatpickr-calendar.open {
   display: inline-block;
   z-index: 10000;
 }

 .flatpickr-calendar.animate.open {
   -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
   animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
 }

 .flatpickr-calendar.inline {
   display: block;
   position: relative;
   top: 2px;
 }

 .flatpickr-calendar.static {
   position: absolute;
   top: calc(100% + 2px);
 }

 .flatpickr-calendar.static.open {
   z-index: 999;
   display: block;
 }

 .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
 }

 .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
   -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
   box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
 }

 .flatpickr-calendar .hasWeeks .dayContainer,
 .flatpickr-calendar .hasTime .dayContainer {
   border-bottom: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }

 .flatpickr-calendar .hasWeeks .dayContainer {
   border-left: 0;
 }

 .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
   height: 40px;
   border-top: 1px solid #20222c;
 }

 .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
   height: auto;
 }

 .flatpickr-calendar:before,
 .flatpickr-calendar:after {
   position: absolute;
   display: block;
   pointer-events: none;
   border: solid transparent;
   content: '';
   height: 0;
   width: 0;
   left: 22px;
 }

 .flatpickr-calendar.rightMost:before,
 .flatpickr-calendar.rightMost:after {
   left: auto;
   right: 22px;
 }

 .flatpickr-calendar:before {
   border-width: 5px;
   margin: 0 -5px;
 }

 .flatpickr-calendar:after {
   border-width: 4px;
   margin: 0 -4px;
 }

 .flatpickr-calendar.arrowTop:before,
 .flatpickr-calendar.arrowTop:after {
   bottom: 100%;
 }

 .flatpickr-calendar.arrowTop:before {
   border-bottom-color: #20222c;
 }

 .flatpickr-calendar.arrowTop:after {
   background: #13161C;
 }

 .flatpickr-calendar.arrowBottom:before,
 .flatpickr-calendar.arrowBottom:after {
   top: 100%;
 }

 .flatpickr-calendar.arrowBottom:before {
   border-top-color: #20222c;
 }

 .flatpickr-calendar.arrowBottom:after {
   background: #13161C;
 }

 .flatpickr-calendar:focus {
   outline: 0;
 }

 .flatpickr-wrapper {
   position: relative;
   display: inline-block;
 }

 .flatpickr-months {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }

 .flatpickr-months .flatpickr-month {
   background: #13161C;
   color: #fff;
   fill: #fff;
   height: 34px;
   line-height: 1;
   text-align: center;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   overflow: hidden;
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
 }

 .flatpickr-months .flatpickr-prev-month,
 .flatpickr-months .flatpickr-next-month {
   text-decoration: none;
   cursor: pointer;
   position: absolute;
   top: 0;
   height: 34px;
   padding: 10px;
   z-index: 3;
   color: #fff;
   fill: #fff;
 }

 .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
 .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
   display: none;
 }

 .flatpickr-months .flatpickr-prev-month i,
 .flatpickr-months .flatpickr-next-month i {
   position: relative;
 }

 .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
 .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
   /*
      /*rtl:begin:ignore*/
   /*
      */
   left: 0;
   /*
      /*rtl:end:ignore*/
   /*
      */
 }

 /*
      /*rtl:begin:ignore*/
 /*
      /*rtl:end:ignore*/
 .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
 .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
   /*
      /*rtl:begin:ignore*/
   /*
      */
   right: 0;
   /*
      /*rtl:end:ignore*/
   /*
      */
 }

 /*
      /*rtl:begin:ignore*/
 /*
      /*rtl:end:ignore*/
 .flatpickr-months .flatpickr-prev-month:hover,
 .flatpickr-months .flatpickr-next-month:hover {
   color: #eee;
 }

 .flatpickr-months .flatpickr-prev-month:hover svg,
 .flatpickr-months .flatpickr-next-month:hover svg {
   fill: #f64747;
 }

 .flatpickr-months .flatpickr-prev-month svg,
 .flatpickr-months .flatpickr-next-month svg {
   width: 14px;
   height: 14px;
 }

 .flatpickr-months .flatpickr-prev-month svg path,
 .flatpickr-months .flatpickr-next-month svg path {
   -webkit-transition: fill 0.1s;
   transition: fill 0.1s;
   fill: inherit;
 }

 .numInputWrapper {
   position: relative;
   height: auto;
 }

 .numInputWrapper input,
 .numInputWrapper span {
   display: inline-block;
 }

 .numInputWrapper input {
   width: 100%;
 }

 .numInputWrapper input::-ms-clear {
   display: none;
 }

 .numInputWrapper input::-webkit-outer-spin-button,
 .numInputWrapper input::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
 }

 .numInputWrapper span {
   position: absolute;
   right: 0;
   width: 14px;
   padding: 0 4px 0 2px;
   height: 50%;
   line-height: 50%;
   opacity: 0;
   cursor: pointer;
   border: 1px solid rgba(255, 255, 255, 0.15);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }

 .numInputWrapper span:hover {
   background: rgba(192, 187, 167, 0.1);
 }

 .numInputWrapper span:active {
   background: rgba(192, 187, 167, 0.2);
 }

 .numInputWrapper span:after {
   display: block;
   content: "";
   position: absolute;
 }

 .numInputWrapper span.arrowUp {
   top: 0;
   border-bottom: 0;
 }

 .numInputWrapper span.arrowUp:after {
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
   border-bottom: 4px solid rgba(255, 255, 255, 0.6);
   top: 26%;
 }

 .numInputWrapper span.arrowDown {
   top: 50%;
 }

 .numInputWrapper span.arrowDown:after {
   border-left: 4px solid transparent;
   border-right: 4px solid transparent;
   border-top: 4px solid rgba(255, 255, 255, 0.6);
   top: 40%;
 }

 .numInputWrapper span svg {
   width: inherit;
   height: auto;
 }

 .numInputWrapper span svg path {
   fill: rgba(255, 255, 255, 0.5);
 }

 .numInputWrapper:hover {
   background: rgba(192, 187, 167, 0.05);
 }

 .numInputWrapper:hover span {
   opacity: 1;
 }

 .flatpickr-current-month {
   font-size: 135%;
   line-height: inherit;
   font-weight: 300;
   color: inherit;
   position: absolute;
   width: 75%;
   left: 12.5%;
   padding: 7.48px 0 0 0;
   line-height: 1;
   height: 34px;
   display: inline-block;
   text-align: center;
   -webkit-transform: translate3d(0px, 0px, 0px);
   transform: translate3d(0px, 0px, 0px);
 }

 .flatpickr-current-month span.cur-month {
   font-family: inherit;
   font-weight: 700;
   color: inherit;
   display: inline-block;
   margin-left: 0.5ch;
   padding: 0;
 }

 .flatpickr-current-month span.cur-month:hover {
   background: rgba(192, 187, 167, 0.05);
 }

 .flatpickr-current-month .numInputWrapper {
   width: 6ch;
   display: inline-block;
 }

 .flatpickr-current-month .numInputWrapper span.arrowUp:after {
   border-bottom-color: #fff;
 }

 .flatpickr-current-month .numInputWrapper span.arrowDown:after {
   border-top-color: #fff;
 }

 .flatpickr-current-month input.cur-year {
   background: transparent;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   color: inherit;
   cursor: text;
   padding: 0 0 0 0.5ch;
   margin: 0;
   display: inline-block;
   font-size: inherit;
   font-family: inherit;
   font-weight: 300;
   line-height: inherit;
   height: auto;
   border: 0;
   border-radius: 0;
   vertical-align: initial;
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
 }

 .flatpickr-current-month input.cur-year:focus {
   outline: 0;
 }

 .flatpickr-current-month input.cur-year[disabled],
 .flatpickr-current-month input.cur-year[disabled]:hover {
   font-size: 100%;
   color: rgba(255, 255, 255, 0.5);
   background: transparent;
   pointer-events: none;
 }

 .flatpickr-current-month .flatpickr-monthDropdown-months {
   appearance: menulist;
   background: #13161C;
   border: none;
   border-radius: 0;
   box-sizing: border-box;
   color: inherit;
   cursor: pointer;
   font-size: inherit;
   font-family: inherit;
   font-weight: 300;
   height: auto;
   line-height: inherit;
   margin: -1px 0 0 0;
   outline: none;
   padding: 0 0 0 0.5ch;
   position: relative;
   vertical-align: initial;
   -webkit-box-sizing: border-box;
   -webkit-appearance: menulist;
   -moz-appearance: menulist;
   width: auto;
 }

 .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
 .flatpickr-current-month .flatpickr-monthDropdown-months:active {
   outline: none;
 }

 .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
   background: rgba(192, 187, 167, 0.05);
 }

 .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
   background: #13161C;

   outline: none;
   padding: 0;
 }

 .flatpickr-weekdays {
   background: transparent;
   text-align: center;
   overflow: hidden;
   width: 100%;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
   height: 28px;
 }

 .flatpickr-weekdays .flatpickr-weekdaycontainer {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
 }

 span.flatpickr-weekday {
   cursor: default;
   font-size: 90%;
   background: #13161C;
   color: #fff;
   line-height: 1;
   margin: 0;
   text-align: center;
   display: block;
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
   font-weight: bolder;
 }

 .dayContainer,
 .flatpickr-weeks {
   padding: 1px 0 0 0;
 }

 .flatpickr-days {
   position: relative;
   overflow: hidden;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -webkit-align-items: flex-start;
   -ms-flex-align: start;
   align-items: flex-start;
   width: 307.875px;
 }

 .flatpickr-days:focus {
   outline: 0;
 }

 .dayContainer {
   padding: 0;
   outline: 0;
   text-align: left;
   width: 307.875px;
   min-width: 307.875px;
   max-width: 307.875px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   display: inline-block;
   display: -ms-flexbox;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   -ms-flex-pack: justify;
   -webkit-justify-content: space-around;
   justify-content: space-around;
   -webkit-transform: translate3d(0px, 0px, 0px);
   transform: translate3d(0px, 0px, 0px);
   opacity: 1;
 }

 .dayContainer+.dayContainer {
   -webkit-box-shadow: -1px 0 0 #20222c;
   box-shadow: -1px 0 0 #20222c;
 }

 .flatpickr-day {
   background: none;
   border: 1px solid transparent;
   border-radius: 150px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   color: rgba(255, 255, 255, 0.95);
   cursor: pointer;
   font-weight: 400;
   width: 14.2857143%;
   -webkit-flex-basis: 14.2857143%;
   -ms-flex-preferred-size: 14.2857143%;
   flex-basis: 14.2857143%;
   max-width: 39px;
   height: 39px;
   line-height: 39px;
   margin: 0;
   display: inline-block;
   position: relative;
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   text-align: center;
 }

 .flatpickr-day.inRange,
 .flatpickr-day.prevMonthDay.inRange,
 .flatpickr-day.nextMonthDay.inRange,
 .flatpickr-day.today.inRange,
 .flatpickr-day.prevMonthDay.today.inRange,
 .flatpickr-day.nextMonthDay.today.inRange,
 .flatpickr-day:hover,
 .flatpickr-day.prevMonthDay:hover,
 .flatpickr-day.nextMonthDay:hover,
 .flatpickr-day:focus,
 .flatpickr-day.prevMonthDay:focus,
 .flatpickr-day.nextMonthDay:focus {
   cursor: pointer;
   outline: 0;
   background: #646c8c;
   border-color: #646c8c;
 }

 .flatpickr-day.today {
   border-color: #eee;
 }

 .flatpickr-day.today:hover,
 .flatpickr-day.today:focus {
   border-color: #eee;
   background: #eee;
   color: #3f4458;
 }

 .flatpickr-day.selected,
 .flatpickr-day.startRange,
 .flatpickr-day.endRange,
 .flatpickr-day.selected.inRange,
 .flatpickr-day.startRange.inRange,
 .flatpickr-day.endRange.inRange,
 .flatpickr-day.selected:focus,
 .flatpickr-day.startRange:focus,
 .flatpickr-day.endRange:focus,
 .flatpickr-day.selected:hover,
 .flatpickr-day.startRange:hover,
 .flatpickr-day.endRange:hover,
 .flatpickr-day.selected.prevMonthDay,
 .flatpickr-day.startRange.prevMonthDay,
 .flatpickr-day.endRange.prevMonthDay,
 .flatpickr-day.selected.nextMonthDay,
 .flatpickr-day.startRange.nextMonthDay,
 .flatpickr-day.endRange.nextMonthDay {
   background: #80cbc4;
   -webkit-box-shadow: none;
   box-shadow: none;
   color: #fff;
   border-color: #80cbc4;
 }

 .flatpickr-day.selected.startRange,
 .flatpickr-day.startRange.startRange,
 .flatpickr-day.endRange.startRange {
   border-radius: 50px 0 0 50px;
 }

 .flatpickr-day.selected.endRange,
 .flatpickr-day.startRange.endRange,
 .flatpickr-day.endRange.endRange {
   border-radius: 0 50px 50px 0;
 }

 .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
 .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
 .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
   -webkit-box-shadow: -10px 0 0 #80cbc4;
   box-shadow: -10px 0 0 #80cbc4;
 }

 .flatpickr-day.selected.startRange.endRange,
 .flatpickr-day.startRange.startRange.endRange,
 .flatpickr-day.endRange.startRange.endRange {
   border-radius: 50px;
 }

 .flatpickr-day.inRange {
   border-radius: 0;
   -webkit-box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
   box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
 }

 .flatpickr-day.flatpickr-disabled,
 .flatpickr-day.flatpickr-disabled:hover,
 .flatpickr-day.prevMonthDay,
 .flatpickr-day.nextMonthDay,
 .flatpickr-day.notAllowed,
 .flatpickr-day.notAllowed.prevMonthDay,
 .flatpickr-day.notAllowed.nextMonthDay {
   color: rgba(255, 255, 255, 0.3);
   background: transparent;
   border-color: transparent;
   cursor: default;
 }

 .flatpickr-day.flatpickr-disabled,
 .flatpickr-day.flatpickr-disabled:hover {
   cursor: not-allowed;
   color: rgba(255, 255, 255, 0.1);
 }

 .flatpickr-day.week.selected {
   border-radius: 0;
   -webkit-box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
   box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
 }

 .flatpickr-day.hidden {
   visibility: hidden;
 }

 .rangeMode .flatpickr-day {
   margin-top: 1px;
 }

 .flatpickr-weekwrapper {
   float: left;
 }

 .flatpickr-weekwrapper .flatpickr-weeks {
   padding: 0 12px;
   -webkit-box-shadow: 1px 0 0 #20222c;
   box-shadow: 1px 0 0 #20222c;
 }

 .flatpickr-weekwrapper .flatpickr-weekday {
   float: none;
   width: 100%;
   line-height: 28px;
 }

 .flatpickr-weekwrapper span.flatpickr-day,
 .flatpickr-weekwrapper span.flatpickr-day:hover {
   display: block;
   width: 100%;
   max-width: none;
   color: rgba(255, 255, 255, 0.3);
   background: transparent;
   cursor: default;
   border: none;
 }

 .flatpickr-innerContainer {
   display: block;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   overflow: hidden;
 }

 .flatpickr-rContainer {
   display: inline-block;
   padding: 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }

 .flatpickr-time {
   text-align: center;
   outline: 0;
   display: block;
   height: 0;
   line-height: 40px;
   max-height: 40px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   overflow: hidden;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }

 .flatpickr-time:after {
   content: "";
   display: table;
   clear: both;
 }

 .flatpickr-time .numInputWrapper {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
   width: 40%;
   height: 40px;
   float: left;
 }

 .flatpickr-time .numInputWrapper span.arrowUp:after {
   border-bottom-color: rgba(255, 255, 255, 0.95);
 }

 .flatpickr-time .numInputWrapper span.arrowDown:after {
   border-top-color: rgba(255, 255, 255, 0.95);
 }

 .flatpickr-time.hasSeconds .numInputWrapper {
   width: 26%;
 }

 .flatpickr-time.time24hr .numInputWrapper {
   width: 49%;
 }

 .flatpickr-time input {
   background: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: 0;
   border-radius: 0;
   text-align: center;
   margin: 0;
   padding: 0;
   height: inherit;
   line-height: inherit;
   color: rgba(255, 255, 255, 0.95);
   font-size: 14px;
   position: relative;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
 }

 .flatpickr-time input.flatpickr-hour {
   font-weight: bold;
 }

 .flatpickr-time input.flatpickr-minute,
 .flatpickr-time input.flatpickr-second {
   font-weight: 400;
 }

 .flatpickr-time input:focus {
   outline: 0;
   border: 0;
 }

 .flatpickr-time .flatpickr-time-separator,
 .flatpickr-time .flatpickr-am-pm {
   height: inherit;
   float: left;
   line-height: inherit;
   color: rgba(255, 255, 255, 0.95);
   font-weight: bold;
   width: 2%;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-align-self: center;
   -ms-flex-item-align: center;
   align-self: center;
 }

 .flatpickr-time .flatpickr-am-pm {
   outline: 0;
   width: 18%;
   cursor: pointer;
   text-align: center;
   font-weight: 400;
 }

 .flatpickr-time input:hover,
 .flatpickr-time .flatpickr-am-pm:hover,
 .flatpickr-time input:focus,
 .flatpickr-time .flatpickr-am-pm:focus {
   background: #6a7395;
 }

 .flatpickr-input[readonly] {
   cursor: pointer;
 }

 @-webkit-keyframes fpFadeInDown {
   from {
     opacity: 0;
     -webkit-transform: translate3d(0, -20px, 0);
     transform: translate3d(0, -20px, 0);
   }

   to {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }

 @keyframes fpFadeInDown {
   from {
     opacity: 0;
     -webkit-transform: translate3d(0, -20px, 0);
     transform: translate3d(0, -20px, 0);
   }

   to {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }

 #thanking_modal, #feedback_modal{
     border: 1px solid white;
     background-color: #18232C;
 }
 #thanking_modal .thanking_title {
     color: #ECBE4A;
     text-align: center
 }

 #feedback_modal .feedback_title{
     color: #ECBE4A;
     /*font-size: 19px;*/
     text-align: center;
 }

 #thanking_modal .modal_txt {
     text-align: center;
     padding-top: 10px;
     font-size: 18px;
 }
 #feedback_modal .modal_txt {
     word-spacing: 5px;
     padding-bottom: 10px;
     padding-top: 10px;
     font-size: 16px;
 }

 #feedback_modal .logo img{
     background-color: black;
     display: block;
     margin-left: auto;
     margin-right: auto;
 }
 #feedback_modal .logo{
     padding-bottom: 15px;
 }
 .checkbox-inline {
     padding-left: 10px;
     padding-right: 10px;
 }

 #thanking_modal .modal_txt a{
     text-align: center;
     color: #ECBE4A;
     font-size: 20px;
     text-decoration: none;
 }

 .modal_form{
     padding-top: 10px;
     padding-bottom: 10px;
 }
 #feedback_modal .modal_form .form_line_submit {
     justify-content: center;
 }
 @media (min-width : 1000px) {
     #thanking_modal, #feedback_modal{
         min-width: 840px;
     }
     #feedback_modal .feedback_title{
         font-size: 18px;
     }
 }

 .fa-rawa{
     width: 17px;
     height: 17px;
 }

 #activation_modal {
     background-color: #191919;
 }

 #activation_modal *{
     text-align: center;
 }

 #activation_modal h3 {
     border-bottom: 2px solid #FF7523;
 }

 #activation_modal .modal_txt {
     font-size: 18px;
     padding-top: 15px;
     text-transform: uppercase;
 }

 .text-center {
     text-align: center;
 }
 .terms-text{
     color: #f0cc50;
     margin-top: 7px;
 }

 .date-dropdowns .jq-selectbox {
     width: 30%;
     padding-right: 3%;
 }

 .date-dropdowns .jq-selectbox .jq-selectbox__dropdown ul{
     max-height: 150px;
     background: #182632;
 }

 .date-dropdowns select.invalid {
     color: #E9403C;
 }

 .score_tabs_block .profile_tabs_block_topline {
     padding-top: 0;
 }
 .score_tabs_block .tabs {
     margin-left: -10px;
 }

 .sq_active{
     background: #F0CC50;
 }

 #check_in_input_container, #match_check_in_input_container {
     position: relative
 }

 #check_in_input_container i, #match_check_in_input_container i{
     top: 15px;
     position:absolute;
     bottom:2px;
     left:5px;
     width:24px;
     height:24px;
     font-size: 15px;
 }

 .formstyler-select {
     position: relative;
     display: block;
     z-index: 200;
 }

 .formstyler-select select {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
     opacity: 0;
 }

 .formstyler-select .formstyler-select-container {
     position: relative;
     cursor: pointer;
     overflow: hidden;
     padding: 0 30px 0 0;
     background: 0 0;
     border: 0;
     display: block;
     width: 100%;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     border-bottom: 1px solid rgba(178,192,222,.24);
     height: 48px;
     line-height: 48px;
     font-size: 18px;
 }

 .formstyler-select .formstyler-select-container .formstyler-select-value.formstyler-select-placeholder {
     color: #5d6c80;
 }

 .formstyler-select .formstyler-select-container .formstyler-select-trigger {
     position: absolute;
     top: 0;
     right: 0;
     width: 36px;
     height: 36px;
 }

 .formstyler-select .formstyler-select-container .formstyler-select-trigger .formstyler-select-trigger-icon {
     font-size: 14px;
     line-height: 14px;
     color: #ced4da;
     text-align: center;
 }

 .formstyler-select .formstyler-select-dropdown {
     display: none;
     position: absolute;
     left: 0;
     margin: 0;
     border-radius: 4px;
     -webkit-box-shadow: none;
     box-shadow: none;
     overflow-x: hidden;
     overflow-y: auto;
     -webkit-transition: margin .15s ease-in-out;
     transition: margin .15s ease-in-out;
     right: 0;
     width: 100%;
     background: rgba(24,38,49,.95);
     font-size: 18px;
     color: #fff;
     -webkit-animation: fadeIn .3s ease-in;
     -moz-animation: fadeIn .3s ease-in;
     -o-animation: fadeIn .3s ease-in;
     animation: fadeIn .3s ease-in;
 }

 .formstyler-select .formstyler-select-dropdown .formstyler-select-list:last-child {
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
 }
 .formstyler-select .formstyler-select-dropdown .formstyler-select-list:first-child {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
 }
 .formstyler-select .formstyler-select-dropdown .formstyler-select-list {
     position: relative;
     margin: 0;
     padding: 0;
     list-style: none;
     overflow: auto;
     overflow-x: hidden;
     -webkit-overflow-scrolling: touch;
     max-height: 200px;
     z-index: 99999;
 }

 .formstyler-select .formstyler-select-dropdown .formstyler-select-list .formstyler-select-option.formstyler-multiple {
     padding-left: 38px;
 }
 .formstyler-select .formstyler-select-dropdown .formstyler-select-list .formstyler-select-option {
     position: relative;
     cursor: pointer;
 }
 .formstyler-select .formstyler-select-dropdown .formstyler-select-list .formstyler-select-optgroup, .formstyler-select .formstyler-select-dropdown .formstyler-select-list .formstyler-select-option {
     margin: 0;
     text-overflow: ellipsis;
     overflow: hidden;
     list-style: none;
     min-height: 40px;
     border: 1px solid rgba(128,128,128,.2);
     line-height: 24px;
     padding: 5px 20px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     white-space: nowrap;
     color: #fff;
     font-size: 18px;
 }

 .formstyler-select .formstyler-select-dropdown .formstyler-select-list .formstyler-select-option.formstyler-multiple .formstyler-select-option-icon {
     width: 22px;
     height: 22px;
     font-size: 14px;
     line-height: 22px;
     text-align: center;
     color: #007bff;
     -webkit-transition: color .15s ease-in-out,opacity .15s ease-in-out;
     transition: color .15s ease-in-out,opacity .15s ease-in-out;
 }

 .formstyler-select .formstyler-select-dropdown .formstyler-select-list .formstyler-select-option:hover {
     background-color: rgba(255,255,255,.2);
     color: #f0cc50;

 }
 .formstyler-select .formstyler-select-dropdown .formstyler-select-list .formstyler-select-option.formstyler-selected {
     color: #f0cc50;
 }

 .formstyler-select .formstyler-select-dropdown .formstyler-select-list .formstyler-select-option.formstyler-selected .formstyler-select-option-icon{
     color: #f0cc50;
 }
 .formstyler-select .formstyler-select-dropdown .formstyler-select-search {
     padding: 3px 8px;
     margin: 5px;
 }
 .formstyler-select .formstyler-select-dropdown .formstyler-select-search .formstyler-select-search-input {
     width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     margin: 0;
     outline: 0;
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
     -webkit-appearance: textfield;
     padding: 0 30px 0 0;
     border: 0;
     display: block;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     border-bottom: 1px solid rgba(174,193,224,.24);
     height: 44px;
     line-height: 44px;
     font-size: 18px;
 }
 .formstyler-select .formstyler-select-dropdown .formstyler-select-toggle {
     position: relative;
     margin: 0;
     padding: 3px 8px 3px 38px;
     /*background-color: #fff;*/
     font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif;
     font-size: 14px;
     line-height: 22px;
     font-weight: bold;
     color: #fff;
     cursor: pointer;
     -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; }

 .formstyler-select .formstyler-select-dropdown .formstyler-select-toggle .formstyler-select-toggle-icon {
     position: absolute;
     opacity: 0; }
 .formstyler-select .formstyler-select-dropdown .formstyler-select-toggle .formstyler-select-toggle-icon {
     top: 3px;
     left: 8px;
     width: 22px;
     height: 22px;
     font-size: 14px;
     line-height: 22px;
     text-align: center;
     color: #007bff;
     -webkit-transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out;
     transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out; }

 .formstyler-select .formstyler-select-dropdown .formstyler-select-toggle.formstyler-selected {
     /*background-color: #fff;*/
     color: #007bff; }
 .formstyler-select .formstyler-select-dropdown .formstyler-select-toggle:hover {
     background-color: #f8f9fa;
     color: #003e80; }
 .formstyler-select .formstyler-select-dropdown .formstyler-select-toggle:hover .formstyler-select-toggle-icon {
     color: #003e80; }
 .formstyler-select .formstyler-select-dropdown .formstyler-select-toggle:hover.formstyler-styled::before {
     border-color: #003e80; }
 .formstyler-select .formstyler-select-dropdown .formstyler-select-toggle.formstyler-styled::before {
     content: '';
     top: 7px;
     left: 12px;
     width: 14px;
     height: 14px;
     border: 3.5px solid #007bff;
     border-radius: 50%;
     -webkit-transition: border-color 0.15s ease-in-out, opacity 0.15s ease-in-out;
     transition: border-color 0.15s ease-in-out, opacity 0.15s ease-in-out; }

 #empire_content {
     position: relative;
     height: 100vh;
     /* background-color: #222; */
 }
 #empire_content .empire_content {
     position: absolute;
     left: 50%;
     top: 30%;
     -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     width: 80%;
     text-align: center;
     line-height: 1.4;
 }

 #empire_content .empire_content .form_line {
     left: 30%;
 }

 .admin_form_block.manage_admin_form_block {
     min-height: 617px;
 }
.swal2-bottom-end{
  align-items: center !important;
  justify-content: center !important;
}
.swal2-container.swal2-bottom-end>:first-child{
  margin-top: initial !important;
}
.swal2-title{
  line-height: 32px !important;
}
 .table100-body::-webkit-scrollbar, .create_steps::-webkit-scrollbar {
     width: 3px;
     height: 6px;
 }

 .padding0 {
     padding: 0;
 }


 .table100-body thead {
     position: sticky;
     top: -1px;
     height: 60px;
     border: 1px solid rgba(192,192,192,.1);
     z-index: 999;
 }

 .table100-body tfoot {
     position: sticky;
     bottom: -1px;
     height: 60px;
     border: 1px solid rgba(192,192,192,.1);
     z-index: 999;

 }
 .table100-body tfoot td{
     font-size: 15px;
     line-height: 1.4;
     text-transform: uppercase;
     background-color: #1b1f26;
 }

 #contestants_mod{
     min-width: 840px;
 }

 #live-preview-seeding .tournament-bracket__table td,#live-preview-seeding .tournament-bracket__table th {
     border-bottom: 1px solid rgba(192,192,192,.1);
 }

 #live-preview-seeding .tournament-bracket__table th {
     font-size: 15px;
     color: #f0cc50;
     line-height: 1.4;
     text-transform: uppercase;
     background-color: #1b1f26
 }

 #live-preview-seeding .seeding-list .table100-body.typical_scroll {
     max-height: 550px;
     overflow-y: auto;
     overflow-x: hidden
 }

 #live-preview-seeding .seeding-bracket .table100-body.typical_scroll {
     height: 550px;
     max-height: 550px;
     overflow-y: auto;
 }

 #live-preview-seeding .bracket_item {
     border-radius: 0;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
 }

 .match_period_add, .match_period_remove {
     width: 35px;
     height: 35px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border: 2px solid rgba(109,127,144,.5)
 }

 .btn-save{
     color: black;
     background-color: #F9B95F;
 }

 .empty_score{
     float: right;
     padding: 3px;
     text-align: center;
     box-sizing: border-box;
 }

 .active_round{
     color: #f0cc50!important;
 }

 .winner {
     color: #50b649 !important;
 }
 .loser{
     color: #e61a1a !important;
 }
 .cursor-pointer{
     cursor: pointer;
 }

 .cursor-grab{
     cursor: grab;
 }

 #free_members_form button.check_summoner{
     right: 0;
 }

 .text-success {
     color: #50b649 !important;
 }

 .box-modal#matches_modal {
     width: 50%;
 }

 #matches_modal .matches {
     justify-content: center;
     max-height: 400px;
     overflow-x: auto;
 }

 #matches_modal .matches .match_item {
     margin: 10px 0 5px 0;
 }

 #matches_modal .matches .match_item .match_content {
     width: 100%;
     margin: 0 auto;
     cursor: pointer;
     border: 1px solid rgba(178, 192, 222, 0.4);
     box-sizing: border-box;
     border-radius: 10px;
     float: left;
     text-align: center;
 }

 #matches_modal .matches .match_item .match_start {
     font-size: 15px;
 }
 .grecaptcha-badge {
     visibility: hidden !important;
 }
 .inner_page_filter_item{
     z-index: 999;
 }
 #score_tbl{
     z-index: 1;
 }
 .bug_reports_delete {
     margin-top: 30px;
 }


/*   error */

#http_err {
    position: relative;
    height: 100vh;
    /* background-color: #222; */
  }
  
  #http_err .http_err {
    position: absolute;
    left: 50%;
    top: 30%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  
  .http_err {
    
    width: 80%;
    text-align: center;
    line-height: 1.4;
  }
  
  .http_err .http_err_code {
    height: 158px;
    line-height: 153px;
  }
  
  .http_err .http_err_code h1 {
    font-family: 'Josefin Sans', sans-serif;
    color: #222;
    font-size: 220px;
    letter-spacing: 10px;
    margin: 0px;
    font-weight: 700;
    text-shadow: 2px 2px 0px #c9c9c9, -2px -2px 0px #c9c9c9;
  }
  
  .http_err .http_err_code h1>span {
    text-shadow: 2px 2px 0px #ffab00, -2px -2px 0px #ffab00, 0px 0px 8px #ff8700;
  }
  
  .http_err p {
    font-family: 'Josefin Sans', sans-serif;
    color: #c9c9c9;
    font-size: 20px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 15px;
  }
  
  .http_err a {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    background: transparent;
    color: #c9c9c9;
    border: 2px solid #c9c9c9;
    display: inline-block;
    padding: 10px 25px;
    font-weight: 700;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
  }
  
  .http_err a:hover {
    color: #ffab00;
    border-color: #ffab00;
  }
  
  @media only screen and (max-width: 480px) {
    .http_err .http_err_code {
      height: 122px;
      line-height: 122px;
    }
  
    .http_err .http_err_code h1 {
        font-size: 122px;
    }
  }
/* end   error */