@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=cyrillic');

body, html {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    background: #292929;
    color: #fff;
}

#preloader_preload {
    text-align: center;
    display: block;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #292929 url('../img/loader.svg') center center no-repeat;
    background-size: 160px;
}

a {
    text-decoration: none;
    color: #bdbdbd;
}

* {
    box-sizing: border-box;
}

.container {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
}

.header {
    background: #1C1C1C;
}

.header .xs-menu {
    display: none;
    cursor: pointer;
    width: 44px;
}

.header .xs-menu img {
    width: 100%;
    height: auto;
}

.header .topheader {
    display: none;
}

.xs-logo {
    display: none;
}

.logo {
    position: absolute;
    top: 0;
    max-width: 202px;
    left: 0;
}

.header .container {
    position: relative;
}

.top-menu {
    padding: 12px 0 12px 300px;
    text-align: right;
}

.top-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-around;
}

.top-menu ul .sub-menu {
    position: absolute;
    display: none;
    z-index: 2;
    top: 100%;
    left: 0;
    background: #292929;
    padding: 0;
    width: 100%;
    min-width: 200px;
    border-top: 2px solid #e85319;
}

.top-menu ul .sub-menu li {
    width: 100%;
    flex-wrap: wrap;
    text-align: left;
    border-bottom: 1px solid #444;
}

.top-menu .top-menu-item {
    position: relative;
}

.top-menu .top-menu-item.with-sub-menu:hover .sub-menu {
    display: block;
    transition: 0.2s;
}

.top-menu .top-menu-item a {
    color: #fff;
    display: block;
    padding: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

.top-menu .top-menu-item .sub-menu a {
    padding: 10px 7px;
}

.top-menu .top-menu-item a:hover {
    color: #DE550B;
}

.first-screen {
    background: url('../img/blur-bg.png') center center no-repeat;
    background-size: cover;
}

.news .container {
    display: flex;
    justify-content: space-between;
}

.owl-carousel .owl-item {
    margin: 0 auto;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.owl-carousel .owl-item.active.center {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.video-block {
    margin: 20px auto;
    width: 100%;
    max-width: 600px;
}

.news-block {
    width: 60%;
}

.item .image img {
    width: 100%;
    height: auto;
}

.news-block .item, .anons .item {
    background: #1C1C1C;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    margin: 20px auto;
}

.news-block .item .text {
    width: calc(100% - 320px);
}

.item .thumb {
    margin-right: 15px;
    width: 300px;
}

.item .thumb img {
    width: 100%;
    min-width: 300px;
    height: 100%;
}

h2.title {
    font-weight: 300;
    font-size: 2.75em;
    margin: 1em 0 0.5em;
}

h3.title {
    font-weight: 500;
    color: #f2f2f2;
    font-size: 1.2em;
    line-height: 1.6em;
    margin: 0 0 0.6em;
    max-height: 60px;
    overflow: hidden;
}

.item .description {
    color: #BDBDBD;
    font-size: 0.9em;
    line-height: 1.5em;
}

.anons .item .description {
    height: 83px;
    overflow: hidden;
}

.item .text .date {
    color: #828282;
    border-bottom: 1px solid #828282;
    font-size: 0.9em;
    font-weight: bold;
    padding: 0 0 3px;
    display: flex;
    margin: 15px 0 10px;
    justify-content: space-between;
}

.news-block .item a {
    display: flex;
    color: #fff;
}

.anons {
    width: 30%;
}

.button {
    display: inline-block;
    text-transform: uppercase;
    padding: 15px 40px;
    font-weight: 500;
}

.button-more {
    background: #BDBDBD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #1C1C1C;
}

.portfolio-slider {
    padding: 5% 0;
    max-width: 100%;
    overflow: hidden;
}

.portfolio-slider .item {
    background: #333333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    max-width: 720px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.65);
}

.portfolio-slider .item .title, .event-list_item .item .title {
    margin: 0;
    padding: 5px 15px;
}

.event-list_item {
    padding: 3% 0;
    background: transparent;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.event-list_item .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #292929 url('../img/slide1.png') center center no-repeat;
    background-size: cover;
    -webkit-filter: grayscale(100%) blur(8px); /* Chrome, Safari, Opera */
    filter: grayscale(100%) blur(8px);
}

.event-list_item .item {
    width: 100%;
    position: relative;
    z-index: 10;
    max-width: 740px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 20px auto;
    background: #333333;
}

.portfolio-slider .item .title, .event-list_item .item .title {
    margin: 0;
    padding: 5px 15px;
}

.portfolio-slider .item .description, .event-list_item .item .description {
    padding: 5px 15px;
}

.portfolio-slider .item .date, .event-list_item .item .date {
    display: flex;
    justify-content: space-between;
    padding: 5px 15px 20px;
    font-size: 0.9em;
    color: #828282;
}

.portfolio-slider .item .image img, .event-list_item .item .image img {
    width: 100%;
    height: auto;
}

.slick-dots {
    position: static;
    margin-top: 30px;
}

.slick-dots li button:before, .slick-dots li button:before {
    font-size: 15px;
    color: #fff;
    opacity: 1;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
}

.footer {
    background: #1C1C1C;
    text-align: center;
    padding: 40px 0;
    margin-top: 40px;
}

.footer h2 {
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
    font-size: 2em;
}

.center {
    text-align: center;
}

h2.title {
    font-size: 1.5em;
    font-weight: 500;
    text-transform: uppercase;
}

section.title {
    text-transform: uppercase;
    padding: 3% 0;
    font-weight: 500;
    text-align: center;
}

.past-event-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.past-event-list .item {
    width: 31%;
    background: #1C1C1C;
    padding: 15px;
    margin: 1% 1%;
    box-sizing: border-box;
}

.past-event-list .item .image {
    overflow: hidden;
    width: 100%;
    height: 200px;
    background: #fff url('../img/zaglushka.png') center center no-repeat;
    background-size: cover;
}

.past-event-list .item .title {
    font-size: 1.1em;
    margin-top: 15px;
}

.profile-info {
    padding: 5% 0 3%;
}

.profile-info .container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 1000px;
}

.profile-info .thumb {
    width: 150px;
    height: 150px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.profile-info .thumb img {
    height: 100%;
    width: auto;
}

.profile-info .name {
    font-size: 2em;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 0.8em;
}

.profile-info .tth {
    color: #828282;
    text-transform: uppercase;
    font-weight: 300;
}

.profile-info .tth .result {
    color: #fff;
    font-weight: 700;
    margin-left: 10px;
}

.profile-info .left {
    text-align: left;
    padding-left: 5%;
    width: calc(100% - 300px);
}

.profile-info .flag {
    width: 150px;
}

.profile-info .flag img {
    width: 100%;
    height: auto;
}

.dark {
    background: #1C1C1C;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.profile-statistic .dark {
    display: flex;
    padding: 15px;
    margin-bottom: 15px;
}

.profile-statistic .dark .it {
    width: 50%;
    display: flex;
    align-items: center;
}

.dark .it .right {
    margin-left: 10%;
}

.dark .it .right p span {
    font-weight: 700;
    color: #6FCF97;
    margin-right: 5px;
}

.dark .it .lose p span {
    color: #EB5757;
}

.it .circle {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #6FCF97;
    align-items: center;
    text-align: center;
}

.flex {
    display: flex;
    justify-content: space-between;
}

.it .lose .circle {
    border-color: #EB5757;
}

.circle span {
    display: block;
    text-transform: uppercase;
}

.circle span.result {
    margin-top: 18%;
    font-size: 2.2em;
    font-weight: 700;
}

.w-50 {
    width: 50%;
}

.profile-statistic-news .w-50 {
    width: 48%;
}

.profile-statistic-news .date {
    margin: 10px 0 0;
    border-bottom: 1px solid #828282;
    padding-bottom: 5px;
    font-weight: 500;
}

.place {
    width: 100%;
}

.profile-statistic-news .stat-table {
    padding: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.profile-statistic-news .stat-table .grey {
    background: #333333;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    align-items: center;
}

.profile-statistic-news .stat-table .grey a {
    background: #BDBDBD;
    border-radius: 5px;
    border: 1px solid #bdbdbd;
    display: inline-block;
    color: #000;
    padding: 10px;
    text-transform: uppercase;
}

.profile-statistic-news .stat-table .score {
    padding: 15px;
    text-transform: uppercase;
}

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

.pd20 {
    padding: 20px 0;
}

.mr20 {
    margin-right: 20px;
}

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

.stat-table .score .name {
    width: 50%;
    font-weight: 500;
}

.stat-table .score .erw {
    background: #8E969A;
    min-width: 100px;
    width: 30%;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    padding: 8px;
    border-radius: 15px;
}

.stat-table .score .erw-win {
    background: #6FCF97;
}

.stat-table .score .erw-lose {
    background: #EB5757;
}

.stat-table .score .table .row {
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0;
}

.stat-table .score .table .row .td:first-child {
    width: 120px;
}

.stat-table .score .table .row .td:nth-child(2) {
    width: calc(70% - 120px);
    font-size: 0.9em;
}

.stat-table .score .table .row .td:nth-child(3) {
    width: 30%;
    font-size: 0.9em;
    color: #828282;
}

.academy-page-top {
    justify-content: space-around;
}

.academy-page-top h1 {
    color: #fff;
    text-transform: uppercase;
    margin: 7% 0;
}

.academy-page-top .button {
    background: #BDBDBD;
    color: #111;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.academies-list .sort form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.academies-list .sort form .input {
    width: 26%;
    background: transparent;
    border: 1px solid #BDBDBD;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px;
    font-size: 1em;
    color: #bdbdbd;
    text-transform: uppercase;
}

.academies-list .sort form .input option {
    background: #828282;
    color: #333;
}

.academies-list {
    background: #1C1C1C;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.academies-list .sort form .send-btn {
    display: inline-block;
    padding: 10px;
    color: #333;
    background: #BDBDBD;
    border-radius: 5px;
    width: 16%;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #bdbdbd;
    font-size: 1.1em;
    cursor: pointer;
}

.academies-list .result {
    background: #292929;
    margin-top: 15px;
    padding: 10px;
    text-transform: uppercase;
    color: #828282;
}

.academies-list .result .row {
    border-bottom: 1px solid #828282;
    padding: 8px 0;
    margin-bottom: 10px;
}

.event-profile-top {
    display: flex;
    align-items: stretch;
    background: #1C1C1C;
}

.event-profile-top .image {
    width: calc(100% - 350px);
    margin-right: 30px;
}

.event-profile-top .anons {
    width: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.event-profile-top .image img {
    width: 100%;
    height: 100%;
}

.event-profile-top .anons .row {
    display: flex;
    align-items: center;
}

.event-profile-top .anons .row .thumb {
    width: 50px;
    margin-right: 15px;
    text-align: center;
}

.event-profile-top .anons .row .text p {
    margin: 2px 0;
    color: #bdbdbd;
}

.event-profile-top .anons .row .text p.result {
    font-weight: 700;
    color: #f0f0f0
}

.event-nav .tab > ul {
    display: flex;
    margin: 0;
    list-style: none;
    padding: 0;
    justify-content: flex-start;
    background: #333333;
    height: 50px;
    align-items: stretch;
}

.event-nav .tab .tip {
    display: flex;
    align-items: center;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
}

.event-nav .tab .tip a {
    display: block;
    padding: 10px 15px;
}

.event-nav .tab .tip:last-child {
    margin-left: auto;
}

.event-nav .tab .tip .reg-btn, .blue-btn {
    color: #fff;
    background-color: #179de0;
    border-color: #179de0;
    padding: 8px 20px;
    font-size: 1em;
    font-weight: 400;
    text-transform: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.event-nav .tab .tip:hover, .event-nav .active {
    background: #1C1C1C;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.event-btm-1 {
    display: flex;
}

.event-btm-1_content {
    width: calc(100% - 390px);
    margin-right: 30px;
}

.event-btm h1.title {
    font-weight: 400;
    font-size: 2em;
    line-height: 1.5em;
}

.event-btm-1 .text p {
    color: #BDBDBD;
}

.event-btm .text a {
    text-decoration: underline;
}

.event-btm-1_sidebar {
    display: block;
    width: 360px;
}

.event-btm-1_sidebar .bl {
    margin: 40px 0 0;
    background: #1C1C1C;
    border-radius: 5px;
}

.event-btm-1_sidebar .bl .nazv {
    background: #333333;
    border-radius: 5px 5px 0 0;
    display: flex;
    padding: 5px;
    text-transform: uppercase;
    align-items: center;
}

.event-btm-1_sidebar .bl .nazv img {
    margin-right: 10px;
}

.event-btm-1_sidebar .bl .txt {
    padding: 15px;
    font-size: 0.95em;
    line-height: 1.6em;
    color: #BDBDBD
}

.color-blue {
    color: #56CCF2;
    margin: 5px 0;
}

.bl .txt-itm {
    display: flex;
    align-items: center;
    margin: 15px 0 20px;
}

.bl .txt-itm img {
    margin-right: 10px;
}

.bl .txt-itm .price {
    display: block;
    padding: 5px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #C4C4C4;
    color: #1C1C1C;
    font-weight: bold;
    margin-left: 10px;
}

.event-btm-2 .title {
    margin-bottom: 0;
    padding-bottom: 15px;
}

.event-btm-2 .search-participant {
    width: 70%;
    padding: 20px;
}

.event-btm-2 .search-participant input, .event-btm-2 .search-participant select, .event-btm-2 .search-participant select option, .event-btm-3 .select-time select, .event-btm-3 .select-time select option {
    display: block;
    padding: 10px;
    width: 100%;
    margin: 15px 0;
    background: transparent;
    border: 1px solid #BDBDBD;
    box-sizing: border-box;
    border-radius: 5px;
    color: #bdbdbd;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.event-btm-2 .search-participant select option, .event-btm-3 .select-time select option {
    color: #000;
    background: #bdbdbd;
    display: block;
    text-transform: uppercase;
    padding: 10px;
}

.event-btm-2 .search-participant input.send-btn {
    display: inline-block;
    width: auto;
    padding: 10px 5%;
    text-transform: uppercase;
    background: #bdbdbd;
    color: #000;
    font-weight: 700;
}

.participants-list .row {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}

.participants-list .row .item {
    width: 31%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.participants-list .row .item h3.name {
    background: #333333;
    border-radius: 5px 5px 0px 0px;
    margin: 0;
    padding: 15px 50px 15px 25px;
    position: relative;
    font-weight: 500;
}

.participants-list .item .admin-block {
    position: absolute;
    top: 15px;
    right: -2px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.participants-list .item .admin-block .btn-delete, .participants-list .item .admin-block .btn-create {
    width: 20px;
    cursor: pointer;
    outline: none;
    height: 20px;
    background-color: transparent;
    border: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
}

.participants-list .item .admin-block .btn-delete {
    background-image: url('../img/icons/adm-delete.png')
}

.participants-list .item .admin-block .btn-create {
    background-image: url('../img/icons/adm-edit.png')
}

.participants-list .item .name a {
    padding-right: 50px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.participants-list .item.not-paid .name a {
    color: #e44839;
}

.participants-list .item.moved .name:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 22px;
    left: 7px;
    background: #fea24c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.participants-list .row .item .info {
    padding: 15px;
    cursor: pointer;
}

.participants-list .row .item .info p {
    margin: 5px 0;
}

.participants-list .row .item .personal-info {
    margin-top: 30px;
    display: none;
    padding-top: 20px;
    border-top: 1px solid #bdbdbd;
}

.participants-list .row .item .personal-info .cde {
    margin-right: 10px;
    font-weight: 500;
    color: #fff;
}

.participants-list .row .item .personal-info .result {
    font-weight: 300;
    color: #bdbdbd;
}

.auth-page {
    padding: 8rem 0;

}

.payment-bg {
    width: 100%;
    background: url("../img/pattern.svg");
}

.auth-page .container {
    max-width: 600px;
}

.auth-page .nav {
    display: flex;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 8%;
    border: 2px solid #f0f0f0;
}

.auth-page .nav a {
    display: block;
    width: 50%;
    text-align: center;
    padding: 15px;
    text-transform: uppercase;
}

.auth-page .nav a:hover {
    background: rgba(255, 255, 255, 0.1);
}

.auth-page .nav a.active {
    background: #f0f0f0;
    color: #1C1C1C;
}

.auth-page .enter-form {
    padding: 5%;
}

.auth-page .enter-form form {
    max-width: 400px;
    margin: 10px auto;
}

.auth-page .enter-form .input {
    display: block;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
    color: #f0f0f0;
    margin: 10px auto 30px;
    padding: 15px;
    background: transparent;
    border: 2px solid #828282;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.auth-page .enter-form select.input, .auth-page .enter-form select.input option {
    background: #1c1c1c
}

.auth-page .enter-form .send-btn {
    background-color: #127db2;
    border: 2px solid #127db2;
    cursor: pointer;
    color: #fff;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: 700;

}

.auth-page .enter-form .send-btn:hover {
    background-color: #0f6691;
    border: 2px solid #0f6691;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.auth-page .create-account form {
    max-width: 100%;
}

.auth-page .create-account .w-50 {
    width: 47%;
}

.auth-page .create-account label {
    color: #bdbdbd;
}

.auth-page .center {
    padding: 10% 8%;
    color: #bdbdbd;
    text-transform: uppercase;
}

.auth-page .center.back-btn {
    padding: 0;
}

.auth-page .center p {
    text-transform: none;
    line-height: 1.6em;
}

.auth-page .center span {
    color: #828282;
    text-transform: none;
    font-size: 0.8em;
}

.auth-page .center .image {
    max-width: 128px;
    margin: 0 auto 30px;
}

.auth-page .center .image img {
    width: 100%;
    height: auto;
}

.event-btm-3 .nav {
    display: flex;
    list-style: none;
    margin: 40px 0;
    padding: 0;
    width: 100%;
    justify-content: space-between;
}

.event-btm-3 .nav li {
    width: 32%;
}

.event-btm-3 .nav li a {
    display: block;
    background: #333333;
    color: #bdbdbd;
    text-align: center;
    font-size: 1.1em;
    padding: 15px;
    font-weight: 500;
}

.event-btm-3 .nav li a:hover {
    background: #444;
    color: #fff;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.event-btm-3 .nav li a.active {
    background: #f0f0f0;
    color: #333;
}

.event-btm-3 .select-time {
    max-width: 400px;
    width: 100%;
}

.icon-warning {
    background: #179de0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 300;
    padding: 5px 15px;
    font-size: 1em;
}

.icon-warning .image {
    margin-right: 15px;
}

.math-list .row {
    display: flex;
    padding: 20px 0;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.math-list .row .math-item {
    width: 49%;
    margin-bottom: 2%;
    font-size: 0.95em;
}

.math-list.current-matches .row .math-item {
    width: 32%;
}

.math-item .math-item_header {
    background: #333333;
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 10px 15px;
}

.math-item .math-item_footer {
    background: #333333;
    border-radius: 0 0 5px 5px;
    margin: 0;
    padding: 10px 15px;
}

.math-item .math-item_header span {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.8em;
}

.math-item .math-item_header span a {
    background: #BDBDBD;
    border-radius: 5px;
    color: #333;
    padding: 10px 15px;
    font-weight: 700;
    display: block;
    margin: 0;
}

.math-item .math-item_title {
    display: flex;
    font-size: 1em;
    color: #828282;
    padding: 10px;
}

.math-item .math-item_title .title-match, .math-item .math-item_title .title-time, .math-item .bracketlist .list-item .matches, .math-item .bracketlist .list-item .time {
    width: 95px;
    text-align: center;
}

.math-item .math-item_title .title-cat, .math-item .bracketlist .list-item .name {
    width: calc(100% - 190px);
    text-align: left;
}

.current-matches .math-item .bracketlist .list-item .name {
    width: 100%;
}

.math-item .bracketlist {
    margin: 0;
    list-style: none;
    padding: 10px;
}

.math-item .bracketlist .list-item {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
    position: relative;
    padding-left: 20px;
}

.math-item .bracketlist .be-ready.list-item:before {
    content: url('../img/icons/process.png');
    position: absolute;
    width: 16px;
    height: 16px;
    object-fit: contain;
    left: -2px;
    top: 10px;
}

.math-item .bracketlist .active-match.list-item:before {
    content: url('../img/icons/active-match.png');
    position: absolute;
    width: 16px;
    height: 16px;
    object-fit: contain;
    left: -2px;
    top: 10px;
}

.current-matches .math-item .bracketlist .list-item .category-name {
    font-size: 0.875em;
    width: 100%;
    margin-bottom: 2px;
    color: #666;
}

.result-event .search-result form {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    margin-bottom: 20px;
}

.result-event .search-result .w-50 {
    width: 49%;
}

.icon-info {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 0;
}

.icon-info .item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 30px;
}

.icon-info .item > img {
    margin: 5px 10px 5px 0;
}

.result-event .search-result input, .result-event .search-result select, .result-event .search-result select option {
    display: block;
    padding: 10px;
    width: 100%;
    margin: 15px 0;
    background: transparent;
    border: 1px solid #BDBDBD;
    box-sizing: border-box;
    border-radius: 5px;
    color: #bdbdbd;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.result-event .search-result select option {
    color: #000;
    background: #bdbdbd;
    display: block;
    text-transform: uppercase;
    padding: 10px;
}

.result-event .search-result input.send-btn {
    display: inline-block;
    width: auto;
    padding: 10px 5%;
    text-transform: uppercase;
    background: #bdbdbd;
    color: #000;
    font-weight: 700;
}

.result-event h2.title {
    padding: 3% 0 1%;
}

.result-event .medals {
    display: flex;
    padding: 15px;
    justify-content: space-between;
}

.result-event .medals .itm {
    width: 32%;
    text-align: center;
    padding: 20px;
    font-size: 1.5em;
    font-weight: 700;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.result-event .medals .gold, .medals-categorieslist .item .place .gold {
    background: #EFA10B;
}

.result-event .medals .silver, .medals-categorieslist .item .place .silver {
    background: #8E969A;
}

.result-event .medals .bronze, .medals-categorieslist .item .place .bronze {
    background: #C58251;
}

.medals-categorieslist {
    margin: 40px 0;
}

.medals-categorieslist .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title .bracket-link {
    display: block;
    text-transform: uppercase;
    background: #BDBDBD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0.9em;
    color: #333;
    padding: 4px 35px;
}

.medals-categorieslist .item {
    margin-bottom: 40px;
}

.medals-categorieslist .item .elmt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px;
    font-size: 0.95em;
}

.medals-categorieslist .item .place {
    width: 50px;
    margin-right: 20px;
    height: 50px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
}

.medals-categorieslist .item .place span {
    vertical-align: center;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 50px;
    font-size: 1.5em;
    font-weight: 700;
}

.item .elmt .text .name a {
    color: #fff;
    font-weight: 700;
    font-size: 1.2em;
    margin-right: 20px;
}

.item .elmt .text .country a {
    color: #828282;
    text-transform: uppercase;
}

.item .elmt .text .label {
    margin-bottom: 5px;
}

.item .elmt .text .club a {
    color: #828282;
}

.select-profile {
    padding: 5% 0;
    text-align: center;
}

.select-profile h1 {
    text-transform: uppercase;
    font-size: 2em;
}

.select-profile .profile-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.select-profile .profile-list .item {
    width: 30%;
    padding: 4% 1%;
    border: 1px solid #292929;
    cursor: pointer;
    opacity: 0.6;
    margin: 2% 1%;
    transform: scale(1);
}

.select-profile .profile-list .active-profile, .select-profile .profile-list .item:hover {
    opacity: 1;
    transform: scale(1.03);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.select-profile .profile-list .item .image img {
    width: 100%;
    height: 100%;
}

.select-profile .profile-list .item .image {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    max-width: 220px;
    margin: 10px auto;
    overflow: hidden;
}

.select-profile .profile-list .item .name {
    font-weight: 500;
    font-size: 1.5em;
    color: #fff;
    margin: 1em 0;
    display: block;
}

.profile-info .my-profile-nav {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 10px auto 50px;
    width: 100%;
    padding: 0;
    list-style: none;
    background: #333333;
    max-width: 1120px;
}

.profile-info .my-profile-nav .item {
    width: 25%;
}

.profile-info .my-profile-nav .item a {
    display: block;
    padding: 15px;
    background: #333333;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
    text-align: center;

}

.profile-info .my-profile-nav .item a.active, .profile-info .my-profile-nav .item a:hover {
    background: #4F4F4F;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.profile-info .flag .edit-profile {
    display: block;
    text-transform: uppercase;
    color: #1c1c1c;
    background: #BDBDBD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    margin: 10px 0;
    padding: 10px 5px;
    font-size: 0.9em;
    font-weight: 700;
}

.scoreboard {
    height: 100vh;
    font-size: 1.5em;
    overflow: hidden;
    font-family: 'Roboto Condensed', sans-serif;
}

.flex-row {
    display: flex;
}

.scoreboard .flex-row {
    display: flex;
    height: 37%;
    justify-content: flex-start;
    align-items: center;
}

.scoreboard-admin .flex-row {
    justify-content: flex-start;
    align-items: center;
}

.participant-item {
    margin-right: auto;
    padding-left: 2%;
    display: flex;
    width: calc(100% - 600px);
    flex-wrap: wrap;
    align-items: center;
}

.participant-flag {
    max-width: 110px;
}

.participant-flag img {
    width: 100%;
    height: auto;
}

.participant-name {
    font-size: 2.6em;
    text-transform: uppercase;
    color: #B59447;
    width: calc(100% - 130px);
    font-weight: bold;
    margin-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scoreboard-admin .participant-name, .scoreboard-admin .participant-club {
    font-size: 1.5em;
}

.participant-club {
    width: 100%;
    color: #C8C9CB;
    text-transform: uppercase;
    font-size: 1.4em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scoreboard .score-footer {
    height: 26%;
    background: #1C1C1C;
}

.participant-score {
    width: 360px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-family: 'Oswald', 'Roboto Condensed', sans-serif;
}

.participant-score span {
    font-size: 11em;
    line-height: 1em;
}

.scoreboard-admin .participant-score span, .scoreboard-admin .show-null {
    font-size: 5em;
}

.participant-score .score-input {
    background: none;
    color: #fff;
    border: none;
    font-size: 5em;
    max-width: 120px;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 1em;
    font-family: 'Oswald', 'Roboto Condensed', sans-serif;
    font-weight: bold;
}

.participant-bonus .score-input, .participant-rebuke .score-input {
    font-family: 'Oswald', 'Roboto Condensed', sans-serif;
    font-weight: bold;
    background: none;
    font-size: 5em;
    height: auto;
    width: 100%;
    max-width: 100px;
    text-align: center;
    color: #FFFF00;
    border: none;
}

.scoreboard-admin .show-null {
    font-style: normal;
    line-height: 1em;
    width: 100%;
    margin-right: -30px;
    display: block;
    text-align: center;
}

.show-null.hidden {
    display: none;
}

.participant-one__score, .participant-one__score .counter {
    background: #E12830;
}

.participant-two__score, .participant-two__score .counter {
    background: #000CB9;
}

.scoreboard-admin .participant-score {
    width: auto;
    background: none;
}

.participant-details {
    text-align: center;
    width: 240px;
    padding: 10px;
    font-family: 'Oswald', 'Roboto Condensed', sans-serif;
}

.participant-details .tw {
    font-size: 0.75em;
    text-transform: uppercase;
}

.participant-details .counter span {
    font-size: 4em;
    font-weight: 500;
    line-height: 1em;
}

.score-footer, .score-header {
    display: flex;
    padding: 10px 2%;
    justify-content: space-between;
    align-items: center;
}

.score-footer .timer, .score-header .timer {
    margin-right: 40px;
}

.score-footer .timer span, .score-header .timer span {
    font-size: 6em;
    line-height: 1em;
    font-weight: bold;
}

.scoreboard-admin .participant-score .counter {
    padding: 10px 20px;
    width: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.score-footer .category span, .score-header .category span {
    font-size: 1.6em;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: bold;
}

.score-footer .category span.category-name, .score-header .category span.category-name {
    color: #B59447;
    margin-right: 20px;
}

.score-footer .score-logo, .score-header .score-logo {
    max-width: 200px;
    margin-left: auto;
}

.score-logo img {
    width: 100%;
    height: auto;
}

.scoreboard-admin {
    background: #1c1c1c;
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: space-between;
}

.scoreboard-admin .flex-row {
    justify-content: space-around;
}

.scoreboard-admin .score-header {
    background: #262629;
}

.scoreboard-admin-title {
    display: flex;
    width: 100%;
    margin: 30px auto;
    justify-content: flex-start;
}

.scoreboard-admin-title .sat {
    font-size: 2.25em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.scoreboard-admin .participant-item {
    display: flex;
    overflow: hidden;
    margin-right: 0;
    margin-top: 50px;
    margin-bottom: 50px;
    width: auto;
    align-items: center;
}

.scoreboard-admin .participant-flag {
    width: 90px;
}

.scoreboard-admin .participant-name, .scoreboard-admin .participant-club {
    margin-left: 10px;
}

.scoreboard-admin .sa-block {
    width: calc(100% - 100px);
    text-align: left;
}

.scoreboard-admin .btn-list .sa-add {
    background: transparent;
    display: block;
    padding: 10px;
    margin: 10px;
    color: #bdbdbd;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    transition: all ease 0.05s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.scoreboard-admin .btn-list .sa-add:active, .timer-control__button:active, .close-match__btn:active {
    color: #B59447;
    font-weight: bold;
    border-color: #B59447;
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform: scale(0.92);
}

.ball-plus, .ball-minus {
    display: flex;
    margin-left: 15px;
    justify-content: space-around;
}

.sa-block {
    width: auto;
}

.participant-rebuke .score-input {
    color: #E12830;
}

.participant-rebuke, .participant-bonus {
    display: flex;
}

.participant-rebuke {
}

.participant-bonus .counter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.scoreboard-admin .participant-name {
    width: auto;
}

.scoreboard-admin .w-28 {
    width: 28%;
    display: flex;
    justify-content: center;
}

.scoreboard-admin .w-27 {
    width: 27%;
    display: flex;
    justify-content: center;
}

.scoreboard-admin .w-25 {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scoreboard-admin .w-20 {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.score-footer {
    background: #262629;
    padding: 30px;
    display: flex;
    justify-content: flex-start;
}

.score-footer .timer-control {
    margin-right: auto;
    display: flex;

}

.timer-control__button, .close-match__btn {
    display: block;
    padding: 12px 20px;
    margin: 10px;
    border: 1px solid;
    cursor: pointer;
    outline: none;
    font-size: 1em;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
}

.timer-control__button.hidden {
    display: none;
}

.timer-control__button-start {
    background: #2F3BDE;
    color: #fff;
    border-color: #2F3BDE;
}

.timer-control__button-pause {
    background: #ABABAB;
    color: #111;
    border-color: #ABABAB;
}

.close-match__btn {
    background: #E12830;
    color: #fff;
    border-color: #E12830;
}

.btn.delete__btn {
    background: transparent;
    color: #e16362;
    font-size: 1.3em;
    display: inline-block;
    border: 1px solid #e16362;
    border-radius: 10px;
    padding: 10px 20px;
}

.btn.edit__btn {
    background: transparent;
    color: #008922;
    font-size: 1.3em;
    display: inline-block;
    border: 1px solid #008922;
    border-radius: 10px;
    padding: 10px 20px;
}

@media only screen and (max-width: 1280px) {
    .participant-score {
        width: 300px;
    }

    .participant-item {
        width: calc(100% - 500px);
    }

    .participant-details {
        width: 200px;
    }
}

@media only screen and (max-height: 760px) {
    .scoreboard {
        font-size: 1.25em;
    }

    .score-footer .score-logo {
        max-width: 200px;
    }

}

@media only screen and (max-height: 630px) {
    .participant-details .counter input {
        font-size: 3.2em;
    }

    .scoreboard {
        font-size: 1.1em;
    }
}

.color-red {
    color: #E12830;
}

.color-yellow {
    color: #FFFF00;
}

/*BRACKET STYLES*/
.bracket-container {
    margin: 50px auto;
}

.bracket-container .bracket-name {
    font-size: 1.6em;
    font-weight: 900;
}

.bracket-container .mat-name {
    text-transform: uppercase;
    font-size: 1.6em;
    color: #acacac;
    font-weight: 900;
}

.rounds-container {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 50px 0;
}

.rounds-container .round {
    width: 200px;
    margin-right: 50px;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: space-around;
}

.mp-image {
    width: 38px;
    margin: 5px 10px 5px 12px;
    height: 38px;
    object-fit: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.match-container {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #1c1c1c;
    margin-bottom: 10px;
    position: relative;
}

.match-container.third-place {
    position: absolute;
    top: calc(50% + 80px);
}

.match-container .match-participiant:first-child {
    border-bottom: 1px solid #444;
}

.match-participiant {
    padding-right: 5px;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.match-container .match-result {
    position: absolute;
    width: 120px;
    top: 0;
    left: 100%;
    z-index: 999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f2f2f2;
    padding: 10px;
    min-height: 100%;
    flex-direction: column;
    display: none;
}

.match.match-container .match-result {
    left: 0;
    top: auto;
    bottom: 100%;
    height: auto;
    min-height: auto;
    width: 150px;
}

.match-container:hover .match-result {
    display: flex;
}

.match-result .text span {
    white-space: nowrap;
    overflow: hidden;
    padding: 2px;
    font-size: 0.75em;
    width: 100%;
    color: #333;
    display: block;
    text-overflow: ellipsis;
}

.match-container .match-result:after {
    content: '';
    position: absolute;
    right: 100%;
    top: calc(50% - 5px);
    border: 5px solid transparent;
    border-right: 10px solid #f2f2f2;
}

.match.match-container .match-result:after {
    top: 100%;
    right: calc(50% - 5px);
    border-right: none;
    border-width: 10px;
    border-top: 10px solid #f2f2f2;
}

.match-container .match-result .start-match {
    display: block;
    background: #179DE0;
    padding: 2px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: .875em;
    width: 100%;
    text-align: center;
    margin-top: auto;
    text-decoration: none;
}

.match-participiant .mp-status {
    position: absolute;
    width: 6px;
    height: 100%;
    background: #fff;
}

.match-participiant.win .mp-status {
    background: #6FCF97;
}

.mp-text {
    width: 100%;
    max-width: 140px;
}

.mp-name {
    font-size: 0.75em;
    color: #fff;
    padding: 3px 0;
    font-weight: 400;
    display: block;
    max-width: 100%;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mp-club {
    padding: 3px 0;
    font-size: 0.75em;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    max-width: 100%;
    width: 100%;
    text-overflow: ellipsis;
}

.add-bracket .select-player {
    padding: 5px 10px;
    background: #bdbdbd;
    border: 1px solid #262629;
    width: 100%;
    margin: 10px;
}

.round:nth-child(1) .match-container:after {
    content: "";
    width: 24px;
    display: inline-block;
    height: 107px;
    position: absolute;
    border: 1px solid #444;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    left: 100%;
    z-index: 99;
}

.round:nth-child(2) .match-container:after {
    content: "";
    width: 24px;
    display: inline-block;
    height: 214px;
    position: absolute;
    border: 1px solid #444;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    left: 100%;
    z-index: 99;
}

.round:nth-child(3) .match-container:after {
    content: "";
    width: 24px;
    display: inline-block;
    height: 427px;
    position: absolute;
    border: 1px solid #444;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    left: 100%;
    z-index: 99;
}

.round:nth-child(4) .match-container:after {
    content: "";
    width: 24px;
    display: inline-block;
    height: 856px;
    position: absolute;
    border: 1px solid #444;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    left: 100%;
    z-index: 99;
}

.round .match-container:nth-child(2n):after {
    border-right: 0;
}

.round:last-child .match-container:after, .round:last-child .match-container.third-place:before {
    width: 0;
    height: 0;
}

.round:last-child .match-container.third-place .match-participiant.win:after {
    width: 30px;
    height: 30px;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #CD7F32;
    content: '3';
    left: calc(100% + 10px);
}

.round:last-child .match-container.final .match-participiant:not(.win):after {
    width: 30px;
    height: 30px;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #C0C0C0;
    content: '2';
    left: calc(100% + 10px);
}

.round:last-child .match-container.final .match-participiant.win:after {
    width: 30px;
    height: 30px;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #FFD700;
    content: '1';
    left: calc(100% + 10px);
}

.round:nth-child(2) .match-container:before {
    content: "";
    width: 25px;
    display: inline-block;
    height: 53px;
    position: absolute;
    border: 1px solid #444;
    border-right: 0;
    border-bottom: 0;
    top: 50%;
    right: 100%;
    z-index: 99;
}

.round:nth-child(3) .match-container:before {
    content: "";
    width: 25px;
    display: inline-block;
    height: 107px;
    position: absolute;
    border: 1px solid #444;
    border-right: 0;
    border-bottom: 0;
    top: 50%;
    right: 100%;
    z-index: 99;
}

.round:nth-child(4) .match-container:before {
    content: "";
    width: 25px;
    display: inline-block;
    height: 214px;
    position: absolute;
    border: 1px solid #444;
    border-right: 0;
    border-bottom: 0;
    top: 50%;
    right: 100%;
    z-index: 99;
}

.round:nth-child(5) .match-container:before {
    content: "";
    width: 25px;
    display: inline-block;
    height: 1px;
    position: absolute;
    border: 1px solid #444;
    border-right: 0;
    border-bottom: 0;
    top: 50%;
    right: 100%;
    z-index: 99;
}

.match-winner {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.match-winner.active {
    display: block;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.match-winner .content {
    margin: 10% auto 0;
    display: block;
    padding: 50px;
    width: 50%;
    text-align: center;
    background: #1c1c1c;
}

.hide-match-winner {
    display: inline-block;
    padding: 5px 10px;
    cursor: pointer;
    margin: 10px auto;
    text-align: center;
}

.match-winner h2.title {
    text-transform: uppercase;
    font-size: 2em;
    margin-bottom: 50px;
    color: #555;
}

.input-label {
    display: block;
    position: relative;
    margin-bottom: 25px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left;
    border: 1px solid #444;
    padding: 10px 35px 10px 15px;
}

.input-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 28%;
    right: 10px;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.input-label:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.input-label input:checked ~ .checkmark {
    background-color: #4CAF50;
}

.input-label input ~ .participant-name {
    color: #555;
}

.input-label input:checked ~ .participant-name {
    color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.input-label input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.input-label .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.match-winner .save-result {
    display: inline-block;
    margin: 30px auto 10px;
    width: 50%;
    cursor: pointer;
    padding: 15px 40px;
    text-transform: uppercase;
    font-size: 1.3em;
    color: #fff;
    background: #4CAF50;
    border: none;
    text-align: center;
}

.match-winner-select .input-label:before {
    content: '';
    width: 32px;
    height: 32px;
    background: #000bff;
    top: 15px;
    left: -40px;
    position: absolute;
}

.match-winner-select .input-label.player-1:before {
    background: #f00;
}

.match-table .team span {
    display: block;
    text-align: center;
}

.match-table {
    border-collapse: collapse;
}

.match-table th, .match-table, .match-table td {
    border: 1px solid #bdbdbd;
}

.match-table td, .match-table th {
    padding: 12px 15px;
    text-align: center;
    color: #fff;
}

.match-table .team, .match-table .team a {
    color: #fff;
}

.match-table .team .club {
    font-size: 0.75em;
    font-weight: normal;
}

.qmatch-table {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.qmatch-table .qbox {
    border: 1px solid #bdbdbd;
    padding: 8px 15px;
    height: 70px;
    display: flex;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
}

.match .qbox:not(.match-name) {
    background: #f0f0f0;
    color: #333;
}

.match .qbox.match-greyed {
    background: #bdbdbd;
}

.winner {
    display: none;
}

.winner.finished {
    display: block;
}

.winner .place.place-1:after {
    content: '1';
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #FFD700;
}

.winner .place.place-2:after {
    content: '2';
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #C0C0C0;
}

.winner .place.place-3:after {
    content: '3';
    background: #CD7F32;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.adm-select select {
    padding: 5px;
    background: transparent;
    color: #fff;
    font-size: 1em;
}

.adm-select select option {
    background: #444;

}

.qmatch-table .player span {
    display: block;
    width: 100%;
    text-align: center;
}

.qbox .btn {
    cursor: pointer;
}

.match-table .team .name {
    font-size: 1.1em;
    margin: 10px 0;
    display: block;
}

.match-table .match td {
    background: #f0f0f0;
    color: #333;
}

.match-table .match .match-greyed {
    background: #bdbdbd;
}


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


.select2-container--default .select2-selection--single {
    background-color: #1c1c1c;
}

.select2-search--dropdown {
    background-color: #1c1c1c;
}

.select2-results {
    background-color: #1c1c1c;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #5897fb;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;

}

.select2-container .select2-selection--single {
    padding: 15px;
    height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 100%;
}

.select2-search__field {
    background-color: #292929;
    color: #ffffff;
}
.select2-container {
    margin: 10px auto 30px;
}


/*phone number validation*/




.iti {
    width: 100%;
    margin: 10px auto 30px;
}

.iti__country.iti__highlight {
    background-color: #5897fb;
}

.intl-tel-input {
    width: 100%;

}


.iti__flag {
    background-image: url("../img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("../img/flags@2x.png");
    }
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    display: block;
    border: 2px solid #828282;
    box-sizing: border-box;
    margin-left: 0;
    padding:  15px 15px 15px 52px;
    background: transparent;
    width: 100%;
    font-size: 1.1em;
    color: #f0f0f0;
    border-radius: 5px;

}

.iti .iti--allow-dropdown {
    width: 100%;
}
.hide{
    display: none;
}
.iti__dial-code {
    color: #ffffff;
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #1c1c1c;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}