html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

[hidden],
template {
  display: none
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  font-weight: 400
}

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

ol li,
ul li {
  list-style: none;
  list-style-type: none
}

figcaption,
figure {
  margin: 0
}

* {
  box-sizing: border-box;
  outline-color: #bfbfbf;
  outline-width: 1px
}

body {
  position: relative;
  min-width: 320px;
  width: 100%;
  margin: 0;
  font-family: Ubuntu, sans-serif;
  color: #b8d9ff;
  font-size: 14px;
  line-height: 1.5;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility
}

body.main-page {
  background-image: url(../img/main-bg.png)
}

body.cs-page {
  background-image: url(../img/cs-bg.png)
}

body.dota-page {
  background-image: url(../img/dota-bg.png)
}

body.overwatch-page {
  background-image: url(../img/overwatch-bg.png)
}

body.lol-page {
  background-image: url(../img/lol-bg.png)
}

body.hearthstone-page {
  background-image: url(../img/hearthstone-bg.png)
}

body.error-page {
  background-image: url(../img/error-bg.jpg);
  background-size: cover
}

body.hidden {
  overflow: hidden
}

@media (max-width:768px) {
  body {
    background-size: 1024px auto
  }
}

@media (max-width:640px) {
  body {
    font-size: 12px
  }
}

body:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(17, 17, 17, .9);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s, opacity .3s
}

b,
strong {
  font-weight: 700
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Oswald, sans-serif;
  color: #ffc83a;
  text-transform: uppercase
}

h1,
h2 {
  font-size: 24px
}

@media (max-width:640px) {

  h1,
  h2 {
    font-size: 22px
  }
}

h3 {
  font-size: 18px
}

@media (max-width:640px) {
  h3 {
    font-size: 16px
  }
}

h4 {
  font-size: 16px
}

@media (max-width:640px) {
  h4 {
    font-size: 14px
  }
}

h5 {
  font-size: 14px
}

@media (max-width:640px) {
  h5 {
    font-size: 12px
  }
}

h6 {
  font-size: 12px
}

img {
  width: 100%;
  height: auto
}

iframe,
img {
  vertical-align: top
}

a {
  color: #ffc83a;
  text-decoration: underline;
  transition: all .3s
}

.button,
a:hover,
button {
  text-decoration: none
}

.button,
button {
  display: inline-block;
  padding: 6px 35px 8px;
  background: 0 0;
  border: 1px solid #ffc83a;
  color: #ffc83a;
  cursor: pointer;
  opacity: 1;
  transition: all .3s
}

.button:hover,
button:hover {
  opacity: .75
}

label {
  display: block
}

input:not([type=submit]),
textarea {
  display: block;
  padding: 13px 20px;
  width: 100%;
  background: #0e1318;
  border: 1px solid rgba(156, 185, 219, .3);
  border-radius: 3px;
  color: #b8d9ff
}

input:not([type=submit])[type=search],
textarea[type=search] {
  padding: 4px 30px 4px 7px;
  line-height: 20px;
  background: rgba(14, 34, 60, .4);
  border: 1px solid rgba(156, 185, 219, .3);
  border-radius: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAS1BMVEUAAAC///+ZmcyqxuOUrtehrtehvNebvOmmvN6Vtd+ftdSbtuSkv9ukv+Siudiatd2avN2hvN2dt9udt+Ceudyct92et9+eu9+eud2baOBSAAAAGXRSTlMABAUJExMTFxcYGBwcHCEmJiY5OUJDR0dMms0ssAAAAFZJREFUCNddykkOwjAAwMBJl7AUKM3W/P+lHIKEhE+2ZCyp9bQB7xKDe9lhKwGmsiJfxxAT+nDTiRa+1ZHX4beEWAOE+oCjXoSlnjN45t5SPOrsx1+9PgFtAzE94ZFZAAAAAElFTkSuQmCC);
  background-position: right 10px center;
  background-repeat: no-repeat
}

textarea {
  height: 150px;
  resize: none
}

select {
  width: 100%;
  background: rgba(14, 34, 60, .4);
  border: 1px solid rgba(156, 185, 219, .3);
  color: #b8d9ff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 22px 4px 7px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAMAAADXT/YiAAAAHlBMVEUAAAC///+qxuOkttukv+Shtd2hvN2fvOKct92eud1R+e3VAAAACnRSTlMABAkOHCYmPUNMVn2mCgAAACpJREFUeAFjwA8Y4RQLO4jNxMHMwMDGzghksAK5QCYziAFmcrLCdDGDCAANNgBtgDr9+wAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: right 11px center
}

select::-ms-expand {
  display: none
}

select option {
  height: 20px;
  background-color: #1c222f;
  color: #b8d9ff
}

select option[value=""][disabled] {
  display: none
}

@media (max-width:640px) {
  select {
    font-size: 12px
  }
}

@media (min-width:641px) {
  .mobile {
    display: none !important
  }
}

@media (max-width:640px) {
  .desktop {
    display: none !important
  }
}

.wrapper {
  position: relative;
  min-height: 100vh;
  padding: 50px
}

@media (max-width:1280px) {
  .wrapper {
    padding-right: 0
  }
}

@media (max-width:1024px) {
  .wrapper {
    padding-left: 0
  }
}

@media (max-width:640px) {
  .wrapper {
    padding-bottom: 0
  }
}

.container {
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
  max-width: 1294px
}

.container--big {
  max-width: 1612px
}

.container--small {
  max-width: 1135px
}

@media (max-width:1280px) {
  .container {
    max-width: 1135px
  }
}

@media (max-width:768px) {
  .container {
    padding: 0 10px
  }
}

.main {
  padding: 15px 0 80px
}

@media (max-width:1024px) {
  .main {
    padding-bottom: 40px
  }
}

.menu li {
  display: inline-block;
  vertical-align: middle
}

.menu a {
  display: block
}

.mobile-menu {
  position: fixed;
  width: 280px;
  height: 100%;
  right: 0;
  top: 0;
  background: #000;
  transform: translateX(280px);
  overflow: auto;
  z-index: 99;
  transition: all .3s
}

.mobile-menu.opened {
  transform: translateX(0)
}

.mobile-menu__main {
  padding: 45px 17px
}

.mobile-menu__main li {
  margin-top: 25px
}

.mobile-menu__main a {
  font-size: 15px;
  line-height: 18px;
  font-weight: 600
}

.text-section {
  padding-top: 10px
}

.text-section h2,
.text-section h3,
.text-section h4,
.text-section h5,
.text-section h6,
.text-section ol,
.text-section ul {
  margin: 30px 0 20px
}

.text-section ol li,
.text-section ul li {
  margin-top: 5px
}

.text-section ul li {
  list-style: disc;
  list-style-position: inside
}

section.table-section {
  margin-bottom: 80px
}

section.table-section:last-of-type {
  margin-bottom: 60px
}

section.table-section:last-child {
  margin-bottom: 0
}

@media (max-width:640px) {

  section.table-section,
  section.table-section:last-of-type {
    margin-bottom: 40px
  }

  section.table-section:last-child {
    margin-bottom: 0
  }
}

section.faq-section {
  padding: 30px;
  background: rgba(14, 34, 60, .4);
  border: 1px solid rgba(156, 185, 219, .3)
}

section.faq-section h1 {
  margin-bottom: 25px
}

@media (max-width:768px) {
  section.faq-section {
    padding: 10px
  }

  section.faq-section h1 {
    margin-bottom: 15px
  }
}

.faq-list li {
  margin-bottom: 35px
}

.faq-list li:last-child {
  margin-bottom: 0
}

.faq-list li p {
  margin-top: 10px
}

.faq-list li h5 {
  text-transform: none
}

@media (max-width:768px) {
  .faq-list li {
    margin-bottom: 20px
  }
}

.contacts-form {
  margin-top: 15px;
  max-width: 936px;
  padding: 25px 35px;
  background: rgba(14, 34, 60, .4);
  border: 1px solid rgba(156, 185, 219, .3);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}


.contacts-form input:not([type=submit]),
.contacts-form textarea {
  margin-top: 6px
}

.contacts-form textarea {
  height: 245px
}

.contacts-form .half-width {
  padding-left: 10px;
  width: 50%
}

.contacts-form .half-width:first-child {
  padding-left: 0;
  padding-right: 10px
}

@media (max-width:640px) {
  .contacts-form .half-width {
    width: 100%;
    padding: 0 !important
  }

  .contacts-form .half-width:nth-child(2) {
    margin-top: 10px
  }
}

.contacts-form .row {
  margin-top: 30px
}

.contacts-form .row:first-child {
  margin-top: 0
}

.contacts-form .btn-container {
  margin-top: 40px;
  width: 100%;
  text-align: center
}
div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing,
div.wpcf7-response-output{
  max-width: 936px;
  margin-left: 0;
  margin-top: 30px;
}
@media (max-width:768px) {
  .contacts-form {
    padding: 20px 10px
  }

  .contacts-form form textarea {
    height: 205px
  }

  .contacts-form .half-width {
    padding-left: 5px
  }

  .contacts-form .half-width:first-child {
    padding-left: 0;
    padding-right: 5px
  }

  .contacts-form .row {
    margin-top: 10px
  }

  .contacts-form .btn-container {
    margin-top: 20px
  }
}

.error-section {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  min-height: 100vh;
  text-align: center;
  overflow: hidden
}

.error-section h2 {
  margin-top: 20px;
  font-size: 36px
}

@media (max-width:640px) {
  .error-section h2 {
    font-size: 26px
  }
}

.error-section img {
  margin-top: 80px;
  width: 100%;
  height: auto
}

@media (max-width:1024px) {
  .error-section img {
    width: 1024px
  }
}

.error-section .button {
  position: absolute;
  left: 50%;
  top: 75%;
  transform: translateX(-50%)
}

.logo {
  display: inline-flex;
  align-items: center;
  color: #ffc83a;
  text-decoration: none;
  vertical-align: top
}

.logo__img {
  width: 50px;
  height: 50px;
  background: url(../img/logo.jpg) no-repeat;
  background-size: 100% 100%
}

.logo__txt {
  padding-left: 7px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700
}

.logo__txt span {
  text-transform: uppercase
}

@media (max-width:1024px) {
  .logo__txt {
    padding-left: 0;
    padding-right: 10px
  }
}

.burger {
  display: none;
  position: absolute;
  left: 20px;
  top: 18px;
  width: 24px;
  height: 20px;
  z-index: 101
}

.burger.opened .bar {
  background-color: #fff
}

.burger.opened .bar:first-child,
.burger.opened .bar:nth-child(2) {
  top: 12px;
  transform: rotate(45deg)
}

.burger.opened .bar:nth-child(2) {
  transform: rotate(-45deg)
}

.burger.opened .bar:last-child {
  width: 0
}

.burger .bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  width: 100%;
  border-radius: 2px;
  background: #fff;
  transition: all .3s
}

.burger .bar:nth-child(2) {
  top: 40%
}

.burger .bar:last-child {
  top: 80%
}

@media (max-width:1024px) {
  .burger {
    display: block
  }
}

@media (max-width:768px) {
  .burger {
    left: 10px
  }
}

.c-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 51px;
  background: #14171f;
  border-bottom: 1px solid rgba(218, 234, 255, .3);
  z-index: 11
}

.c-header .logo {
  position: absolute;
  left: 0;
  top: 0
}

@media (max-width:1024px) {
  .c-header .logo {
    left: auto;
    right: 0;
    flex-direction: row-reverse
  }
}

.c-header .container {
  display: flex;
  align-self: center;
  height: 100%;
  align-items: center;
  justify-content: flex-end
}

.c-header .lang-menu>li {
  position: relative
}

.c-header .lang-menu>li>a {
  display: inline-block;
  position: relative;
  padding-right: 14px;
  font-family: Oswald, sans-serif;
  font-size: 24px;
  line-height: 50px;
  color: #fff;
  text-decoration: none
}

.c-header .lang-menu>li>a:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  right: 0;
  top: 50%;
  border-top: 1px solid #9cb9db;
  border-right: 1px solid #9cb9db;
  transform: translateY(-50%) rotate(135deg);
  transition: all .3s
}

.c-header .lang-menu>li:hover>.sub-menu {
  display: block
}

.c-header .lang-menu>li:hover>a:before {
  transform: translateY(-50%) rotate(-45deg)
}

.c-header .lang-menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 100px;
  padding: 5px;
  font-family: Oswald, sans-serif;
  font-size: 20px;
  line-height: 30px;
  background: rgba(28, 34, 47, .6)
}

.c-header .lang-menu .sub-menu>li {
  padding: 10px;
  text-align: right
}

@media (max-width:1024px) {
  .c-header .lang-menu {
    display: none
  }
}

.c-sidebar {
  margin-top: 50px;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #0d1520;
  z-index: 10
}

@media (max-width:1024px) {
  .c-sidebar {
    left: -402px;
    margin-top: 0;
    z-index: 100;
    transition: all .3s
  }
}

.c-sidebar__mobile {
  position: relative;
  display: none;
  align-items: center
}

.c-sidebar__mobile li {
  margin-left: 20px
}

.c-sidebar__mobile .logo__img {
  height: 50px
}

.c-sidebar__mobile .burger {
  position: absolute;
  top: 50%;
  right: 10px;
  left: auto;
  transform: translateY(-50%)
}

@media (max-width:1024px) {
  .c-sidebar__mobile {
    display: flex
  }
}

.c-sidebar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50px;
  width: 1px;
  height: 100%;
  background: rgba(218, 234, 255, .3)
}

.c-sidebar svg path {
  fill: #9cb9db;
  transition: all .3s
}

.c-sidebar a {
  position: relative;
  display: flex;
  align-items: center;
  font-family: Oswald, sans-serif;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  text-decoration: none;
  color: #d1e6ff;
  white-space: nowrap
}

@media (max-width:640px) {
  .c-sidebar a {
    font-size: 14px
  }
}

.c-sidebar a .item-text {
  width: 0;
  overflow: hidden;
  transition: all .3s
}

.c-sidebar a .item-text span {
  padding-left: 18px;
  font-style: normal
}

@media (max-width:640px) {
  .c-sidebar a .item-text span {
    padding-left: 10px
  }
}

@media (max-width:1024px) {
  .c-sidebar a .item-text {
    flex: 1;
    padding-right: 10px;
    width: auto
  }
}

.c-sidebar .menu-expander {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 10px;
  height: 100%;
  background: rgba(218, 234, 255, .2);
  transition: all .3s
}

.c-sidebar .menu-expander:hover {
  background: rgba(218, 234, 255, .4)
}

.c-sidebar .menu-expander:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
  border-top: 1px solid #9cb9db;
  border-left: 1px solid #9cb9db;
  transition: all .3s
}

.c-sidebar .menu-expander--expanded:before {
  left: 3px;
  transform: translateY(-50%) rotate(315deg)
}

@media (max-width:1024px) {
  .c-sidebar .menu-expander {
    display: none
  }
}

.c-sidebar .primary-nav {
  padding-right: 10px
}

@media (max-width:1024px) {
  .c-sidebar .primary-nav {
    padding-right: 0;
    border-top: 1px solid rgba(150, 196, 255, .3)
  }
}

.c-sidebar .primary-nav li .item-img {
  display: block;
  width: 50px;
  height: 50px
}

.c-sidebar .primary-nav li .item-img svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10
}

.c-sidebar .primary-nav li .item-text {
  line-height: 50px
}

.c-sidebar .primary-nav li .item-img,
.c-sidebar .primary-nav li .item-text {
  position: relative
}

.c-sidebar .primary-nav li .item-img:before,
.c-sidebar .primary-nav li .item-text:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(45deg, hsla(0, 0%, 100%, 0) 40%, #ffb03a);
  opacity: 0;
  transition: all .3s
}

.c-sidebar .primary-nav li .item-text:before {
  background: linear-gradient(45deg, hsla(0, 0%, 100%, 0) 5%, #ffb03a)
}

@media (max-width:1024px) {
  .c-sidebar .primary-nav li .item-text:before {
    display: none
  }
}

.c-sidebar .primary-nav li:hover svg path {
  fill: #ffc83a
}

.c-sidebar .primary-nav li:hover>a {
  color: #ffc83a
}

.c-sidebar .primary-nav li:hover .sub-menu {
  display: block
}

@media (max-width:1024px) {
  .c-sidebar .primary-nav li:hover .sub-menu {
    display: none
  }
}

.c-sidebar .primary-nav li.current-menu-item svg path {
  fill: #ffc83a
}

.c-sidebar .primary-nav li.current-menu-item>a {
  color: #ffc83a
}

.c-sidebar .primary-nav li.current-menu-item .item-img:before,
.c-sidebar .primary-nav li.current-menu-item .item-text:before {
  opacity: 1
}

.c-sidebar .primary-nav--expanded .item-text {
  width: 260px
}

.c-sidebar .sub-menu {
  display: none;
  padding:0 20px;
  position: absolute;
  top: 0;
  left: calc(100% - 10px);
  height: 100%;
  width:auto;
  overflow: hidden
}

.c-sidebar .sub-menu:before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 10px;
  background: #1c222f
}

@media (max-width:1024px) {
  .c-sidebar .sub-menu:before {
    left: 0;
    border-left: 1px solid rgba(150, 196, 255, .3);
    border-top: 1px solid rgba(150, 196, 255, .3)
  }
}

.c-sidebar .sub-menu li {
  position: relative;
  z-index: 10
}

.c-sidebar .sub-menu li a {
  line-height: 50px
}

@media (max-width:1024px) {
  .c-sidebar .sub-menu {
    position: fixed;
    margin-top: 50px;
    height: 100vh;
    left: 204px;
    background: #0d1520
  }
}

@media (max-width:640px) {
  .c-sidebar .sub-menu {
    padding-left: 10px;
    left: 164px;
  }
}

@media (max-width:1024px) {
  .c-sidebar .menu-item-has-children {
    position: relative;
    padding-right: 30px
  }
}

@media (max-width:640px) {
  .c-sidebar .menu-item-has-children {
    padding-right: 20px
  }
}

.c-sidebar .menu-item-has-children.opened .toggler {
  transform: translateY(-50%) rotate(90deg)
}

.c-sidebar .menu-item-has-children.opened>a {
  color: #ffc83a
}

.c-sidebar .menu-item-has-children.opened svg path {
  fill: #ffc83a
}

.c-sidebar .toggler {
  display: none;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%)
}

@media (max-width:1024px) {
  .c-sidebar .toggler {
    display: block
  }
}

@media (max-width:640px) {
  .c-sidebar .toggler {
    right: 5px
  }
}

.menu-visible .c-sidebar {
  left: 0
}

.menu-visible:after {
  opacity: 1;
  visibility: visible;
  z-index: 12
}

.c-footer {
  padding: 10px 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #14171f;
  z-index: 11
}

@media (max-width:640px) {
  .c-footer {
    padding: 20px 0;
    position: static
  }
}

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

@media (max-width:640px) {
  .c-footer .container {
    display: block
  }
}

.c-footer__logo {
  display: block;
  width: 115px;
  height: 30px;
  background: url(../img/logo-footer.png) no-repeat
}

.c-footer__menu li {
  margin: 0 35px
}

@media (max-width:768px) {
  .c-footer__menu li {
    margin: 0 15px
  }
}

.c-footer__menu a {
  color: #3b4356;
  text-transform: uppercase;
  text-decoration: none
}

.c-footer__menu a:hover {
  color: #5d7795
}

@media (max-width:640px) {
  .c-footer__menu {
    margin-bottom: 30px;
    max-width: 300px
  }

  .c-footer__menu li {
    width: 49%;
    padding: 0 10px;
    margin: 20px 0 0
  }
}

.c-footer__copyright {
  font-size: 10px;
  color: #4b4e55
}

.c-breadcrumbs {
  margin: 10px 0 30px
}

.c-breadcrumbs li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px
}

.c-breadcrumbs li:last-child {
  margin-right: 0
}

.c-breadcrumbs li a,
.c-breadcrumbs li span {
  font-size: 14px;
  color: #d1e6ff;
  text-decoration: none
}

.c-text-section p {
  margin-top: 10px
}

.c-text-section h1,
.c-text-section h2,
.c-text-section h3,
.c-text-section h4,
.c-text-section h5,
.c-text-section h6 {
  margin-top: 30px
}

.c-text-section ol,
.c-text-section ul:not(.menu) {
  padding-top: 10px
}

.c-text-section ol li,
.c-text-section ul:not(.menu) li {
  margin-top: 15px
}

.c-text-section ol li {
  list-style: decimal;
  list-style-position: inside
}

.c-text-section ul:not(.toc_list):not(.menu) li {
  position: relative;
  padding-left: 15px
}

.c-text-section ul:not(.toc_list):not(.menu) li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #ffc83a;
  border-radius: 50%
}

.c-table {
  margin-top: 10px;
  border: 1px solid rgba(156, 185, 219, .3)
}

@media (max-width:640px) {
  .c-table {
    font-size: 11px
  }
}

.c-table table {
  width: 100%;
  text-align: left;
  border-collapse: collapse
}

.c-table td,
.c-table th {
  padding: 5px
}

.c-table th {
  background: #353d4a;
  font-weight: 400;
  color: #fff
}

.c-table td {
  background: rgba(14, 34, 60, .4);
  transition: all .3s
}

.c-table tr:hover td {
  background: rgba(45, 82, 129, .4)
}

.c-table a {
  color: #b8d9ff;
  text-decoration: none
}

.c-table a:hover {
  color: #ffc83a
}

.c-table img {
  margin-right: 13px;
  max-width: 23px;
  max-height: 23px;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width:640px) {
  .c-table img {
    display: none !important;
    margin-right: 5px;
    max-width: 14px;
    max-height: 14px
  }
}

.c-table--double tbody,
.c-table--double thead {
  width: 100%;
  display: block;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  grid-column-gap: 2px;
  -webkit-column-gap: 2px;
  -moz-column-gap: 2px;
  column-gap: 2px
}

@media (max-width:768px) {

  .c-table--double tbody,
  .c-table--double thead {
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto
  }
}

@media (max-width:768px) {
  .c-table--double thead tr:nth-child(2) {
    display: none
  }
}

.c-table--double tr {
  display: flex;
  width: 100%
}

.c-table--double tr td,
.c-table--double tr th {
  width: 31%
}

.c-table--double tr td:first-child,
.c-table--double tr th:first-child {
  width: 7%
}

.c-table--transfers {
  margin-top: 25px
}

@media (max-width:640px) {
  .c-table--transfers svg {
    width: 12px
  }
}

.c-table--player-earnings {
  margin-top: 25px
}

@media (max-width:640px) {
  .c-table--player-earnings {
    overflow: auto
  }
}

.c-table--player-earnings tr:hover td tr td {
  background: 0 0
}

.c-table--player-earnings th {
  text-align: center
}

.c-table--player-earnings td,
.c-table--player-earnings th {
  padding: 5px 20px
}

.c-table--player-earnings td:first-child,
.c-table--player-earnings th:first-child {
  text-align: center
}

.c-table--player-earnings td tr td,
.c-table--player-earnings th tr td {
  width: 33.333%;
  padding: 0 10px;
  background: 0 0
}

.c-table--player-earnings td tr td:first-child,
.c-table--player-earnings th tr td:first-child {
  text-align: right
}

.c-table--player-earnings td tr td:nth-child(2),
.c-table--player-earnings th tr td:nth-child(2) {
  text-align: center
}

@media (max-width:640px) {

  .c-table--player-earnings td,
  .c-table--player-earnings th {
    padding: 5px
  }

  .c-table--player-earnings td tr td,
  .c-table--player-earnings th tr td {
    padding: 0 5px
  }
}

.c-table--player-matches td.lose {
  color: #ff3a3a
}

.c-table--player-matches td.win {
  color: #2b9d63
}

.c-table--player-matches td:last-child,
.c-table--player-matches th:last-child {
  text-align: center
}

.c-table--player-matches th:first-child,
.c-table--player-matches th:nth-child(3) {
  padding-left: 36px
}

@media (max-width:640px) {

  .c-table--player-matches th:first-child,
  .c-table--player-matches th:nth-child(3) {
    padding-left: 0
  }
}

.c-table--recent-tournament-winners {
  margin-top: 25px;
  max-width: 620px
}

.c-table--team-achievements {
  margin-top: 25px;
  max-width: 780px
}

.c-table--team-achievements img {
  max-width: 36px;
  max-height: 36px
}

@media (max-width:640px) {
  .c-table--team-achievements img {
    display: none
  }
}

.c-table--team-matches {
  margin-top: 25px;
  max-width: 780px
}
.c-table--team-matches .menu{
  display: flex;
}
.c-table--team-matches th:nth-child(2) {
  text-align: center
}

.c-table--team-matches td.lose {
  color: #ff3a3a
}

.c-table--team-matches td.win {
  color: #2b9d63
}
.c-table--team-matches td.draw,
.c-table td.draw{
  color:#FFC83E;
}
.c-table--team-matches ul li {
  width: 45%;
  padding: 0 10px
}

.c-table--team-matches ul li:first-child {
  text-align: right
}

.c-table--team-matches ul li:first-child img {
  margin-left: 13px;
  margin-right: 0
}

.c-table--team-matches ul li:nth-child(2) {
  width: 10%;
  text-align: center
}

@media (max-width:640px) {
  .c-table--team-matches ul li img {
    display: none
  }
}

@media (max-width:640px) {
  .c-table--team-matches ul li {
    padding: 0 5px
  }
}

.c-table--tournament-winners {
  margin-top: 60px
}

.c-table--tournament-winners tr:hover td tr td {
  background: 0 0
}

.c-table--tournament-winners th {
  padding: 5px 30px
}

@media (max-width:640px) {
  .c-table--tournament-winners th {
    padding: 5px
  }
}

.c-table--tournament-winners td {
  vertical-align: top;
  padding: 5px 20px
}

.c-table--tournament-winners td tr td {
  padding: 5px 10px;
  background: 0 0
}

@media (max-width:640px) {
  .c-table--tournament-winners td {
    padding: 5px
  }

  .c-table--tournament-winners td tr td {
    padding: 0 0 5px
  }
}

.c-table--tournament-winners img {
  width: 14px;
  margin-right: 5px
}

.c-table--tournament-winners li {
  margin-right: 10px
}

@media (max-width:640px) {
  .c-table--tournament-winners {
    margin-top: 30px
  }
}

@media (max-width:640px) {

  .c-table--players-rankings tr td:last-child,
  .c-table--players-rankings tr td:nth-child(4),
  .c-table--players-rankings tr th:last-child,
  .c-table--players-rankings tr th:nth-child(4),
  .c-table--teams-earnings tr td:last-child,
  .c-table--teams-earnings tr th:last-child {
    display: none
  }
}

.c-comments {
  margin-top: 80px
}

.c-comments .comments-list {
  margin-top: 20px;
  padding: 40px 25px;
  background: rgba(156, 185, 219, .3)
}

.c-comments .comments-list li {
  margin-bottom: 40px
}

.c-comments .comments-list p {
  margin-top: 10px
}

.c-comments .comments-form {
  display: flex;
  flex-flow: row wrap;
  max-width: 854px
}

.c-comments .comments-form p {
  margin-top: 25px
}

.c-comments .comments-form .comment-form-author,
.c-comments .comments-form .comment-form-email {
  flex: 50%;
  margin-top:0;
  margin-bottom: 25px;
}

.c-comments .comments-form .comment-form-author {
  padding-right: 10px
}

.c-comments .comments-form .comment-form-email {
  padding-left: 10px
}

.c-comments .comments-form .comment-form-comment {
  flex: 100%
}

@media (max-width:768px) {
  .c-comments {
    margin-top: 40px
  }

  .c-comments .comments-list {
    padding: 10px
  }

  .c-comments .comments-list li {
    margin-bottom: 20px
  }

  .c-comments .comments-form p {
    margin-top: 15px
  }
}

@media (max-width:640px) {
  .c-comments .comments-form {
    flex-flow: column wrap
  }

  .c-comments .comments-form .comment-form-author,
  .c-comments .comments-form .comment-form-email {
    flex: 100%;
    padding: 0
  }

  .c-comments .comments-form .form-submit {
    text-align: center
  }
}

.c-filter-by-year {
  margin-top: 22px;
  background: rgba(14, 34, 60, .4);
  border: 1px solid rgba(156, 185, 219, .3)
}

.c-filter-by-year ul {
  display: flex;
  white-space: nowrap;
  overflow: auto
}

.c-filter-by-year a {
  padding: 14px 30px;
  line-height: 30px;
  color: #b8d9ff;
  text-decoration: none
}

.c-filter-by-year a:hover {
  color: #ffc83a
}
.c-table-filter-search ul.dota_position li{
  flex: 33.333%;
}
.c-table-filter-search ul li{
  flex: 50%;
}
@media (max-width:1280px) {
  .c-filter-by-year a {
    padding: 10px 20px
  }
}

.c-filter-by-year .current-menu-item a {
  color: #ffc83a;
  background: linear-gradient(135deg, rgba(138, 100, 44, 0), #8b652c)
}

.c-table-filter-search {
  margin: 10px 0 25px
}

.c-table-filter-search ul {
  display: flex;
  flex-direction: row
}

.c-table-filter-search ul li {
  flex: 33.3333%
}

@media (max-width:640px) {
  .c-table-filter-search ul {
    flex-direction: column
  }

  .c-table-filter-search ul li {
    flex: 100%;
    margin-top: 10px
  }
}

.c-user-profile {
  margin-bottom: 40px
}

@media (max-width:640px) {
  .c-user-profile {
    margin-bottom: 0
  }
}

.c-user-profile__header {
  padding: 8px 10px 10px;
  background: #353d4a;
  color: #fff
}

.c-user-profile__body {
  padding: 15px 10px 30px;
  background: rgba(14, 34, 60, .4)
}

.c-user-profile .profile-data {
  display: flex;
  flex-direction: row
}

.c-user-profile .profile-data__avatar img {
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
  object-fit: contain
}

.c-user-profile .profile-data__info {
  padding-left: 20px
}

.c-user-profile .profile-data__info h3,
.c-user-profile .profile-data__info h6 {
  text-transform: none
}

.c-user-profile .profile-data__info h6 {
  margin-top: 10px;
  color: #fff
}

.c-user-profile .profile-data__info ul {
  max-width: 700px
}

.c-user-profile .profile-data__info ul li {
  width: 50%;
  padding: 8px 50px 8px 0;
  display: inline-flex;
  vertical-align: top
}

.c-user-profile .profile-data__info ul li:nth-child(2n) label {
  width: 180px
}

.c-user-profile .profile-data__info ul label {
  width: 100px;
  padding-right: 10px
}

.c-user-profile .profile-data__info ul p {
  color: #fff
}

.c-user-profile .profile-data__info ul img {
  width: 20px;
  margin-right: 10px
}

@media (max-width:640px) {
  .c-user-profile .profile-data__avatar img {
    width: 70px;
    height: 70px
  }

  .c-user-profile .profile-data__info {
    padding-left: 10px
  }

  .c-user-profile .profile-data__info ul li {
    width: 100%;
    padding-right: 0
  }

  .c-user-profile .profile-data__info ul label {
    width: 48% !important
  }
}

.c-user-profile .profile-text {
  padding-top: 30px
}

.c-user-profile .profile-text p {
  max-width: 1030px
}

@media (max-width:640px) {
  .c-user-profile .profile-text {
    padding-top: 20px
  }
}

.c-team-profile {
  margin-top: 40px;
  padding: 30px;
  display: flex;
  flex-direction: row;
  background: rgba(14, 34, 60, .4);
  border: 1px solid rgba(156, 185, 219, .3)
}

.c-team-profile__logo {
  flex: 30%;
  text-align: center
}

.c-team-profile__logo img {
  max-width: 320px;
  max-height: 200px;
  width: auto
}

@media (max-width:640px) {
  .c-team-profile__logo {
    text-align: left
  }

  .c-team-profile__logo img {
    width: 100%
  }
}

.c-team-profile__info {
  flex: 70%;
  padding-left: 50px
}

.c-team-profile__info h2 {
  margin-bottom: 20px;
  text-transform: none
}

.c-team-profile__info ul {
  max-width: 500px
}

.c-team-profile__info ul li {
  width: 50%;
  padding: 8px 10px 8px 0;
  display: inline-flex;
  vertical-align: top
}

@media (max-width:640px) {
  .c-team-profile__info ul li {
    width: 100%;
    padding-left: 0
  }
}

.c-team-profile__info ul label {
  width: 80px;
  padding-right: 10px
}

.c-team-profile__info ul p {
  color: #fff
}

.c-team-profile__info ul img {
  width: 20px;
  margin-right: 10px
}

@media (max-width:640px) {
  .c-team-profile__info {
    padding-left: 0;
    margin-top: 20px
  }

  .c-team-profile__info h2 {
    margin-bottom: 15px
  }
}

@media (max-width:768px) {
  .c-team-profile {
    padding: 10px
  }
}

@media (max-width:640px) {
  .c-team-profile {
    flex-direction: column
  }
}

.c-team-players {
  margin: 40px 0 60px
}

@media (max-width:768px) {
  .c-team-players {
    margin-bottom: 40px
  }
}

.c-team-players__header {
  padding: 8px 10px 10px;
  background: #353d4a;
  color: #fff
}

.c-team-players__body {
  padding: 30px 0 30px 30px;
  background: rgba(14, 34, 60, .4)
}

@media (max-width:768px) {
  .c-team-players__body {
    padding: 0 10px 20px
  }
}

@media (max-width:640px) {
  .c-team-players__body {
    padding: 0 0 20px
  }
}

.c-team-players__body ul {
  display: flex;
  flex-flow: row wrap
}

.c-team-players__body ul li {
  margin-right: 30px
}

.c-team-players__body ul li .user-photo {
  position: relative
}

.c-team-players__body ul li img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover
}

.c-team-players__body ul li img.flag {
  display: block;
  position: absolute;
  right: 5px;
  bottom: -6px;
  width: 16px;
  height: 16px;
  -o-object-fit: cover;
  object-fit: cover
}

.c-team-players__body ul li .user-info a {
  text-decoration: none
}

.c-team-players__body ul li .user-info a:hover {
  text-decoration: underline
}

.c-team-players__body ul li .user-info h3 {
  margin-top: 5px;
  text-transform: none
}

.c-team-players__body ul li .user-info p {
  color: #fff
}

@media (max-width:768px) {
  .c-team-players__body ul li {
    margin-top: 20px
  }
}

@media (max-width:640px) {
  .c-team-players__body ul li {
    margin: 20px 0 0;
    padding: 0 10px;
    width: 33.3333%
  }

  .c-team-players__body ul li .user-photo {
    max-width: 100px
  }

  .c-team-players__body ul li img {
    width: 100%;
    height: auto
  }
}

.c-tournament-profile {
  padding: 30px;
  display: flex;
  flex-direction: row;
  background: rgba(14, 34, 60, .4);
  border: 1px solid rgba(156, 185, 219, .3)
}

@media (max-width:640px) {
  .c-tournament-profile {
    flex-direction: column
  }
}

.c-tournament-profile__logo {
  max-width: 430px;
  width: 42%
}

@media (max-width:640px) {
  .c-tournament-profile__logo {
    width: 100%;
    margin: 0 auto
  }
}

.c-tournament-profile__info {
  width: 58%;
  padding-left: 60px
}

.c-tournament-profile__info h2 {
  text-transform: none
}

.c-tournament-profile__info ul {
  margin-top: 10px
}

.c-tournament-profile__info ul li {
  width: 50%;
  padding: 8px 10px 8px 0;
  display: inline-flex;
  vertical-align: top
}

@media (max-width:640px) {
  .c-tournament-profile__info ul li {
    width: 100%
  }
}

.c-tournament-profile__info ul label {
  width: 80px;
  padding-right: 10px
}

.c-tournament-profile__info ul p {
  margin-top: 0;
  color: #fff
}

.c-tournament-profile__info p {
  margin-top: 25px
}

@media (max-width:640px) {
  .c-tournament-profile__info {
    width: 100%;
    padding-left: 0;
    margin-top: 15px
  }

  .c-tournament-profile__info p {
    margin-top: 15px
  }
}

@media (max-width:768px) {
  .c-tournament-profile {
    padding: 10px
  }
}

.c-tournament-results {
  margin-top: 40px
}

.c-tournament-results h2 {
  text-align: center
}

.c-tournament-results>.wrap {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-evenly;
}
.c-tournament-results>.wrap>.item .top_place_team{
  font-size: 18px;
  font-family: Oswald, sans-serif;
  color: #ffc83a;
  text-transform: uppercase;
  text-decoration: none;
}
@media (max-width:640px) {
  .c-tournament-results>.wrap {
    flex-direction: column;
    margin-top: 0
  }
}

.c-tournament-results>.wrap>.item {
  position: relative;
  width: 32%;
  padding: 15px 100px 25px 15px;
  background-color: rgba(16, 18, 21, .6);
  background-repeat: no-repeat;
  background-position: 100% 0;
  border: 1px solid #ffc83a;
  min-height:160px;
}

@media (max-width:640px) {
  .c-tournament-results>.wrap>.item {
    width: 100%;
    margin-top: 10px
  }
}

.c-tournament-results>.wrap>.item:after {
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  position: absolute;
  bottom: 0;
  left: 0
}

.c-tournament-results>.wrap>.item.second,
.c-tournament-results>.wrap>.item.third {
  margin-top: 60px
}

@media (max-width:640px) {

  .c-tournament-results>.wrap>.item:first-child,
  .c-tournament-results>.wrap>.item:last-child {
    margin-top: 10px
  }
}

.c-tournament-results>.wrap>.item.first {
  background-image: url(../img/m1.png);
  order: 1;
}

.c-tournament-results>.wrap>.item.first:after {
  background: linear-gradient(90deg, #ffb03a, #060e18)
}

@media (max-width:640px) {
  .c-tournament-results>.wrap>.item.first {
    order: 1
  }
}

.c-tournament-results>.wrap>.item.second {
  background-image: url(../img/m2.png);
  order: 0;
}

.c-tournament-results>.wrap>.item.second:after {
  background: linear-gradient(90deg, #b8d9ff, #060e18)
}

@media (max-width:640px) {
  .c-tournament-results>.wrap>.item.second {
    order: 2
  }
}

.c-tournament-results>.wrap>.item.third {
  background-image: url(../img/m3.png);
  order: 2;
}

.c-tournament-results>.wrap>.item.third:after {
  background: linear-gradient(90deg, #be5f29, #060e18)
}

@media (max-width:640px) {
  .c-tournament-results>.wrap>.item.third {
    order: 3
  }
}

.c-tournament-results>.wrap>.item>ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 15px
}

.c-tournament-results>.wrap>.item>ul li {
  margin-top: 10px;
  width: 50%
}

.c-tournament-results>.wrap>.item>ul li img {
  margin-right: 5px;
  width: 14px
}

.c-tournament-results>.wrap>.item>ul li a {
  align-items: center;
  display: flex;
  text-decoration: none;
  color: #b8d9ff
}

.c-tournament-results>.wrap>.item>ul li a:hover {
  text-decoration: underline
}
.comment-form-cookies-consent{
  display: none;
}
.reset_button{
  max-width: 30px;
  padding: 0;
}
.reset_button button{
  padding: 0;
  height: 100%;
  width: 100%;
  background: rgba(14, 34, 60, .4);
  border: 1px solid rgba(156, 185, 219, .3);
}
.reset_button button svg{
  height: 20px;
  transition: transform .3s;
}
.reset_button button:hover svg{
  transform: rotate(45deg);
}
#load_more_team_recent_matches,
#load_more_player_recent_matches{
  margin:50px auto 0 auto;
  display:block;
}
.wrap_load_more_team_recent_matches{
  max-width:780px;
  width:100%;
}
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.empty_link_to_player{
  align-items: center;
  display: flex;
}
.lang_switcher{
	display:flex;
	align-items:center;
    width: fit-content;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
	
}
.lang_switcher li a{
	padding:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.lang_switcher .current-lang{
	background-color:rgba(255,255,255,0.4);
}
@media screen and (max-width:1024px){
	.lang_switcher{
		right:200px;
	}
}