@font-face {
  font-family: 'Candara Regular';
  src: url('../fonts/candara_regular.woff2') format('woff2'), url('../fonts/candara_regular.woff') format('woff'), url('../fonts/candara_regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Candara Bold';
  src: url('../fonts/candara_bold.woff2') format('woff2'), url('../fonts/candara_bold.woff') format('woff'), url('../fonts/candara_bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
.error_shaiya{
  color: red !important;
  background: #ff000017;
  text-align: center;
  margin-bottom: 25px;
  font-size: 18px !important;
}
.success_shaiya{
  color: green !important;
  background: #00800021;
  text-align: center;
  margin-bottom: 25px;
  font-size: 18px !important;
}
.input_news {
  margin-bottom: 10px;
  background-color: #0e0c0b;
  color: #ffc999;
  font-size: 18px;
  padding: 8px;
  display: block;
  width: 100%;
  font-family: 'Candara Regular', sans-serif;
}
* {
  padding: 0;
  margin: 0;
  border: none;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
:focus,
:active {
  outline: none;
}
html, body {
  position: relative;
  overflow-x: hidden;
}
html {
  background-color: #0f0d0c;
  scroll-behavior: smooth;
}
body * {
  font-family: 'Candara Regular', sans-serif;
  color: #ffffff;
}
body.sgk-noscroll {
  overflow: hidden;
}
a {
  text-decoration: none;
}
a:hover,
a:focus,
a:active {
  outline: none;
  text-decoration: none;
}
a,
a:link,
a:visited {
  text-decoration: none;
  display: inline-block;
}
a:hover {
  text-decoration: none;
}
aside,
nav,
footer,
header,
section,
main {
  display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: inherit;
  font-weight: inherit;
  font-style: normal;
  color: #ff9c00;
}
ul,
ol {
  margin: 0;
}
ul,
ul li {
  list-style: none;
}
img {
  display: block;
  vertical-align: top;
}
img,
svg {
  max-width: 100%;
  height: auto;
}
address {
  font-style: normal;
}
input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input,
textarea,
button,
select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

select.form-select {
  font-family: inherit;
  font-size: inherit;
  margin-bottom: 10px;
  background-color: #0e0c0b;
  color: #ffc999;
  padding: 15px;

}
select.form-select option:checked {
  background-color: #ffc999;
  color: #0e0c0b;
}

input::-ms-clear {
  display: none;
}
button,
input[type="submit"] {
  display: inline-block;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}
input:focus,
input:active,
button:focus,
button:active {
  outline: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
label {
  cursor: pointer;
}
legend {
  display: block;
}
a,
input,
button {
  -webkit-transition: .3s;
  transition: .3s;
}
p,
a,
span,
input,
textarea {
  font-family: 'Candara Regular', sans-serif;
  color: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Candara Bold', sans-serif;
}
input.sgk-btn,
button.sgk-btn {
  cursor: pointer;
}
.sgk-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  min-width: 0;
}
@media (min-width: 576px) {
  .col-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(91.66666667%);
            flex: 0 0 calc(91.66666667%);
  }
  .col-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(83.33333333%);
            flex: 0 0 calc(83.33333333%);
  }
  .col-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(75%);
            flex: 0 0 calc(75%);
  }
  .col-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(66.66666667%);
            flex: 0 0 calc(66.66666667%);
  }
  .col-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(58.33333333%);
            flex: 0 0 calc(58.33333333%);
  }
  .col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50%);
            flex: 0 0 calc(50%);
  }
  .col-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(41.66666667%);
            flex: 0 0 calc(41.66666667%);
  }
  .col-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333333%);
            flex: 0 0 calc(33.33333333%);
  }
  .col-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25%);
            flex: 0 0 calc(25%);
  }
  .col-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(16.66666667%);
            flex: 0 0 calc(16.66666667%);
  }
  .col-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(8.33333333%);
            flex: 0 0 calc(8.33333333%);
  }
}
.sgk-container {
  max-width: 1170px;
  padding: 0 15px;
  margin: 0 auto;
  position: relative;
}
.sgk-container-fluid {
  width: 100%;
  position: relative;
}
.sgk-clearfix::after {
  content: '';
  clear: both;
  display: table;
}
.sgk-btn,
a.sgk-btn,
input.sgk-btn,
button.sgk-btn {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: 'Candara Bold', sans-serif;
  margin: 0 auto;
  text-transform: uppercase;
  color: #ffc999;
  filter: drop-shadow(0px 10px 10px rgba(96, 15, 15, 0.9));
}
.sgk-btn:hover,
a.sgk-btn:hover,
input.sgk-btn:hover,
button.sgk-btn:hover {
  filter: drop-shadow(0px 10px 10px rgba(96, 15, 15, 0.9)) brightness(140%);
}
.sgk-btn-small,
a.sgk-btn-small,
input.sgk-btn-small,
button.sgk-btn-small {
  padding-top: 2px;
  background: url('../img/webp100/btn-small.webp') no-repeat center center / auto;
  width: 96px;
  height: 35px;
  font-size: 14px;
}
.sgk-btn-big,
a.sgk-btn-big,
input.sgk-btn-big,
button.sgk-btn-big {
  background: url('../img/webp100/btn-big.webp') no-repeat center center / auto;
  width: 145px;
  height: 52px;
  font-size: 16px;
}
.sgk-btn-large,
a.sgk-btn-large,
input.sgk-btn-large,
button.sgk-btn-large {
  background: url('../img/webp100/btn-large.webp') no-repeat center center / auto;
  width: 177px;
  height: 52px;
  font-size: 16px;
}
.sgk-scrollToTop {
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
}
.sgk-scrollToTop:hover {
  -webkit-filter: brightness(140%);
          filter: brightness(140%);
}
img.sgk-line {
  margin: 50px auto;
}
.sgk-lineTitle {
  position: relative;
  z-index: 1;
}
.sgk-lineTitle span {
  position: absolute;
  top: 13px;
  left: 0;
  color: #ff4200;
  text-transform: uppercase;
  font-size: 24px;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background-color: #181413;
}
::-webkit-scrollbar-thumb {
  background-color: #ff9c00;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #e58a00;
}
body {
  scrollbar-color: #ff9c00 #181413;
  scrollbar-face-color: #ff9c00;
  scrollbar-track-color: #181413;
}
.sgk-wrapperBG {
  position: relative;
  background: #181413 url('../img/webp100/texture_top.webp') repeat-x top center / auto;
  padding: 40px 50px;
  margin-top: 20px;
}
.sgk-wrapperBG::after {
  position: absolute;
  content: url('../img/webp100/top-crown.webp');
  top: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sgk-wrapperBG::before {
  content: '';
  display: block;
  height: 24px;
  width: 100%;
  background: #181413 url(../img/webp100/texture_bott.webp) repeat-x top center / auto;
  position: absolute;
  left: 0;
  bottom: 0px;
}
.sgk-wrapperBG__header {
  text-align: center;
  color: #ff9c00;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 25px;
  position: relative;
  text-shadow: 0px 0px 20px rgba(255, 87, 48, 1);
  z-index: 1;
}
.sgk-wrapperBG__body h1 {
  position: relative;
  font-size: 16px;
  margin-bottom: 20px;
}
.sgk-wrapperBG__body p {
  font-size: 14px;
  color: #ffc999;
  line-height: 2;
}
.sgk-wrapperBG__body img {
  max-width: 100%;
  margin: 30px auto;
}
.sgk-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 55px auto 40px;
  padding: 10px;
  font-family: 'Candara Bold', sans-serif;
}
.sgk-pagination__page,
.sgk-pagination__arrow {
  border: none;
  font-size: 14px;
  color: #876b53;
  margin: 0 10px;
  cursor: pointer;
  background-color: #151211;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-pagination__page:hover,
.sgk-pagination__arrow:hover,
.sgk-pagination__page--active,
.sgk-pagination__arrow--active {
  color: #8f7f61;
  background-color: #0f0d0c;
}
.sgk-pagination__arrow {
  opacity: .8;
}
.sgk-pagination__arrow--prev {
  background: #151211 url(../img/webp100/pag_arr_prev.webp) no-repeat center center / auto;
}
.sgk-pagination__arrow--next {
  background: #151211 url(../img/webp100/pag_arr_next.webp) no-repeat center center / auto;
}
.sgk-pagination__arrow:hover {
  opacity: 1;
}
.sgk-checkbox {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-top: 30px;
}
.sgk-checkbox input[type="checkbox"] {
  display: none;
}
.sgk-checkbox input[type="checkbox"]:checked + label::after {
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.sgk-checkbox label {
  padding-left: 20px;
  cursor: pointer;
  position: relative;
  color: #8f7f61;
}
.sgk-checkbox label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 10px;
  height: 10px;
  border: 1px solid #8f7f61;
}
.sgk-checkbox label::after {
  content: '';
  position: absolute;
  left: 2px;
  top: 6px;
  width: 7px;
  height: 12px;
  background-image: url('../img/webp100/checkmark.webp');
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.sgk-form {
  max-width: 350px;
  margin: 0 auto;
  font-family: 'Candara Regular', sans-serif;
}
.sgk-form img {
  margin: 0 auto;
}
.sgk-form .sgk-wrapperBG {
  padding: 50px 60px;
}
.sgk-form .sgk-wrapperBG::before {
  content: none;
}
.sgk-form__title {
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  color: #ff9c00;
  margin-bottom: 30px;
}
.sgk-form .sgk-username label,
.sgk-form .sgk-email label,
.sgk-form .sgk-password label,
.sgk-form .sgk-username input,
.sgk-form .sgk-email input,
.sgk-form .sgk-password input {
  display: block;
  text-align: center;
  width: 100%;
}
.sgk-form .sgk-username label,
.sgk-form .sgk-email label,
.sgk-form .sgk-password label {
  font-size: 12px;
  color: #ff6000;
  text-transform: uppercase;
  margin-bottom: 5px;
  -webkit-transition: .3s;
  transition: .3s;
  font-family: 'Candara Bold', sans-serif;
  position: absolute;
  left: -75px;

  height: 50px;
  margin-top: 7px;
  width: 100px;
  display: flex;
  align-items: center;
  text-align: left;
}
@media (max-width:600px) {
  .sgk-form .sgk-username label,
  .sgk-form .sgk-email label,
  .sgk-form .sgk-password label {
    position: relative;
    left: auto;
    width: 100%;
    justify-content: center;
    margin-top: 0px;
  }
}
.regWrapper {
  padding-bottom: 50px;
}
.s-reg {
  padding-top: 24px;
  position: relative;
}
/* --- BİLGİSAYAR GÖRÜNÜMÜ (Mevcut ayarların) --- */
.s-reg:before {
    position: absolute;
    right: -25px;
    transform: translateY(-18%);
    left: auto;
    margin-left: 0;
}
.s-reg input {
    padding-right: 75px !important;
}

/* --- MOBİL GÖRÜNÜM (768 piksel ve altı ekranlar için) --- */
@media screen and (max-width: 768px) {
    .s-reg:before {
        right: -9px;
        transform: translateY(65%) scale(0.8);
        transform-origin: right center;
    }
    
    .s-reg input {
        padding-right: 45px !important; /* İkon küçüldüğü için input içindeki boşluğu da azaltıyoruz */
    }
}
.sgk-username:before {
  content: url('../img/webp100/username.webp');
}
.sgk-email:before {
  content: url('../img/webp100/email.webp');
}
.sgk-password:before {
  content: url('../img/webp100/password.webp');
}
.sgk-form .sgk-username label:hover,
.sgk-form .sgk-email label:hover,
.sgk-form .sgk-password label:hover {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
}
.sgk-form .sgk-username input,
.sgk-form .sgk-email input,
.sgk-form .sgk-password input,
.sgk-form .sgk-username input:focus,
.sgk-form .sgk-email input:focus,
.sgk-form .sgk-password input:focus {
  margin-bottom: 10px;
  background-color: #0e0c0b;
  color: #ffc999;
  font-size: 18px;
  padding: 15px;
}
.sgk-form .sgk-checkbox {
  margin-bottom: 10px;
}
.sgk-form .sgk-checkboxRegistration {
  font-size: 14px;
  color: #8f7f61;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sgk-form .sgk-checkboxRegistration label {
  margin-right: 5px;
}
.sgk-form .sgk-checkboxRegistration a {
  color: #ff6000;
  text-decoration: underline;
}
.sgk-form .sgk-checkboxRegistration .sgk-formLinks a {
  margin-left: 5px;
  color: #8f7f61;
  text-decoration: none;
}
.sgk-form .sgk-checkboxRegistration .sgk-formLinks a:hover {
  color: #ff6000;
}
.sgk-formBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 30px;
}
.sgk-form .sgk-formLinks {
  color: #8f7f61;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sgk-form .sgk-formLinks__link {
  color: #8f7f61;
  font-size: 14px;
  margin-right: 5px;
}
.sgk-form .sgk-formLinks__link:last-child {
  margin-right: 0;
  margin-left: 5px;
}
.sgk-form .sgk-formLinks__link:hover {
  color: #ff6000;
}
.sgk-formRegistration .sgk-wrapperBG {
  padding: 50px 60px 15px;
}
.sgk-formRegistration .sgk-formBtn {
  margin: 30px auto;
}
.sgk-popups {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  overflow-y: auto;
}
.sgk-popups .sgk-form {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.sgk-popups .sgk-close-popup {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-popups .sgk-close-popup:hover {
  -webkit-filter: brightness(140%);
          filter: brightness(140%);
}
.tab-content {
  display: none;
}
.tab-content.sgk-activeTabs {
  display: block;
}
.sgk-slick-prev,
.sgk-slick-next {
  position: absolute;
  top: 45px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  opacity: .5;
  width: 54px;
  height: 60px;
  z-index: 1;
}
.sgk-slick-prev:hover,
.sgk-slick-next:hover {
  opacity: 1;
  -webkit-filter: brightness(200%);
          filter: brightness(200%);
}
.sgk-slick-prev {
  left: 70px;
  background-image: url('../img/webp100/slider_arrow_prev.webp');
}
.sgk-slick-next {
  right: 70px;
  background-image: url('../img/webp100/slider_arrow_next.webp');
}
.sgk-radial-stat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background: url(../img/webp100/counter.webp) no-repeat;
  width: 266px;
  height: 205px;
  padding-top: 8px;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -133px;
  z-index: 101;
}
.sgk-radial-stat .sgk-circle-online {
  width: 125px;
  height: 125px;
  text-align: center;
  position: relative;
  display: inline-block;
}
.sgk-radial-stat .sgk-serverInfo {
  position: absolute;
  width: 90px;
  height: 90px;
  left: 18px;
  padding-top: 20px;
}
.sgk-radial-stat .sgk-serverInfo span {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
}
.sgk-radial-stat .sgk-serverInfo__name {
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 7px;
}
.sgk-radial-stat .sgk-serverInfo__x {
  color: #bee61f;
  font-size: 22px;
  font-weight: bold;
  font-style: italic;
}
.sgk-radial-stat .sgk-circlestat {
  position: relative;
  left: 14px;
  top: -7px;
}
body {
  background: url('../img/webp100/home-main-bg.webp') no-repeat top center / auto;
}
.sgk-headerWrapper {
  background-color: #0f0d0c;
}
.sgk-headerWrapper .sgk-header {
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}
.sgk-headerWrapper .sgk-headerMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 2;
}
.sgk-headerWrapper .sgk-headerMenuLeft,
.sgk-headerWrapper .sgk-headerMenuRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
}
.sgk-headerWrapper .sgk-headerMenuLeft {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.sgk-headerWrapper .sgk-headerMenuRight {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sgk-headerWrapper .sgk-headerMenu a,
.sgk-headerWrapper .sgk-headerMenu span {
  color: #ffc999;
  font-family: 'Candara Bold', sans-serif;
}
.sgk-headerWrapper .sgk-headerMenu nav {
  font-size: 0;
}
.sgk-headerWrapper .sgk-headerMenu nav a {
  text-transform: uppercase;
  display: inline-block;
  padding: 25px;
  background-color: transparent;
  font-size: 16px;
  -webkit-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease;
}
.sgk-headerWrapper .sgk-headerMenu nav a.sgk-active,
.sgk-headerWrapper .sgk-headerMenu nav a:hover {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, from(#5b2a08), to(#1a110b));
  background: linear-gradient(to bottom, #5b2a08, #1a110b);
}
.sgk-headerWrapper .sgk-headerMenu .sgk-dropdown {
  position: relative;
  display: inline-block;
}
.sgk-headerWrapper .sgk-headerMenu .sgk-dropdown > a {
  position: relative;
}
.sgk-headerWrapper .sgk-headerMenu .sgk-dropdown > a::after {
  content: url('../img/webp100/dropdown.webp');
  position: absolute;
  top: 23px;
  right: 5px;
}
.sgk-headerWrapper .sgk-headerMenu .sgk-dropdown .sgk-dropdown-content {
  background-color: #0f0d0c;
  width: 190px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-headerWrapper .sgk-headerMenu .sgk-dropdown .sgk-dropdown-content a {
  padding: 10px 23px;
  display: block;
}
.sgk-headerWrapper .sgk-headerMenu .sgk-dropdown:hover .sgk-dropdown-content {
  opacity: 1;
  visibility: visible;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn {
  position: absolute;
  top: 0;
  right: -160px;
  z-index: 999;
  height: 100%;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn:hover {
  background-color: #231e1c;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn .sgk-panelDropdownLink {
  position: relative;
  padding: 10px 15px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn .sgk-panelDropdownLink::before {
  content: url('../img/webp100/panel-ava.webp');
  margin-right: 15px;
  width: 50px;
  height: 50px;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn .sgk-panelDropdownLink::after {
  content: url('../img/webp100/dropdown.webp');
  margin-left: 15px;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn .sgk-panel-dropdowWrapper {
  padding: 40px 25px 20px;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn .sgk-panel-dropdown {
  width: 255px;
  position: absolute;
  top: 70px;
  /*left: -98px;*/
  padding: 0;
  background-color: #231e1c;
  font-family: 'Candara Regular', sans-serif;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn .sgk-panel-dropdown_title {
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn .sgk-panel-dropdown_my-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #ff9c00;
  margin-bottom: 20px;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn .sgk-panel-dropdown .sgk-color-green {
  color: #b0d90e !important;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn .sgk-panel-dropdown_list {
  margin-bottom: 5px;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn .sgk-panel-dropdown_list li {
  margin-bottom: 20px;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn .sgk-panel-dropdown_list li a {
  color: #ffffff;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn .sgk-panel-dropdown_list li a:hover {
  color: #ff9c00;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn.open {
  background-color: #231e1c;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn.open .sgk-panelDropdownLink {
  color: #ffffff;
}
.sgk-headerWrapper .sgk-headerMenuAccountLogIn.open .sgk-panel-dropdown {
  max-height: 720px;
}
.sgk-headerWrapper .sgk-header .sgk-headerMenuAccount {
  position: absolute;
  top: 8px;
  right: -170px;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sgk-headerWrapper .sgk-header .sgk-headerMenuAccount > span {
  padding: 0 10px;
  color: #ffc999;
}
.sgk-headerWrapper .sgk-header .sgk-headerMenuAccount a {
  color: #ffc999;
}
.sgk-headerWrapper .sgk-header .sgk-headerMenuAccount a:hover {
  color: #ffffff;
}
.sgk-burger-menu {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 30px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10002;
}
.sgk-burger-menu span {
  height: 3px;
  width: 100%;
  background-color: #ffffff;
  display: block;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-mainScreen {
  padding-top: 200px;
}
.sgk-mainScreenLogo {
  width: 100%;
  opacity: 0;
}
.sgk-mainScreenLogo .sgk-logo {
  margin: 0 auto 20px;
}
.sgk-mainScreenLogo--home {
  opacity: 1;
}
.sgk-mainScreenBanner {
  width: 100%;
}
.sgk-infoBanner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.sgk-infoBanner__item {
  cursor: pointer;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  height: 115px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-infoBanner__item a {
  width: 100%;
  height: 115px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sgk-infoBanner__item a p {
  position: relative;
  left: 38px;
  text-transform: uppercase;
  font-size: 26px;
  line-height: 26px;
  font-family: 'Candara Bold', sans-serif;
  -webkit-background-clip: text;
  color: transparent;
}
.sgk-infoBanner__download a p {
  font-size: 30px;
}
.sgk-infoBanner__item a p::before {
  position: absolute;
  top: -22px;
  left: -60px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sgk-infoBanner__item a p span {
  -webkit-background-clip: text;
  color: transparent;
  text-transform: none;
  font-size: 14px;
}
.sgk-infoBanner__item:hover {
  -webkit-filter: brightness(140%);
          filter: brightness(140%);
}
.sgk-infoBanner__registration {
  background: url('../img/webp100/registration-bg.webp') no-repeat center center / cover;
}
.sgk-infoBanner__registration p {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fdd611), color-stop(#ff8f04), color-stop(65%, #ff5900));
  background-image: linear-gradient(to bottom, #fdd611, #ff8f04, #ff5900 65%);
}
.sgk-infoBanner__registration p::before {
  content: url('../img/webp100/registration.webp');
}
.sgk-infoBanner__registration p span {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5252), to(#d54a48));
  background-image: linear-gradient(to bottom, #ee5252, #d54a48);
}
.sgk-infoBanner__download {
  background: url('../img/webp100/download-bg.webp') no-repeat center center / cover;
}
.sgk-infoBanner__download p {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c185ff), color-stop(#d43eff), color-stop(65%, #e304ff));
  background-image: linear-gradient(to bottom, #c185ff, #d43eff, #e304ff 65%);
}
.sgk-infoBanner__download p::before {
  content: url('../img/webp100/download.webp');
}
.sgk-infoBanner__download p span {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b1459a), to(#b6479c));
  background-image: linear-gradient(to bottom, #b1459a, #b6479c);
}
.sgk-infoBanner__donate {
  background: url('../img/webp100/donate-bg.webp') no-repeat center center / cover;
}
.sgk-infoBanner__donate p {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dec11f), to(#d99815));
  background-image: linear-gradient(to bottom, #dec11f, #d99815);
}
.sgk-infoBanner__donate p::before {
  content: url('../img/webp100/donate.webp');
}
.sgk-infoBanner__donate p span {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d4710c), to(#cf4601));
  background-image: linear-gradient(to bottom, #d4710c, #cf4601);
}
.sgk-infoBanner__vote {
  background: url('../img/webp100/vote-bg.webp') no-repeat center center / cover;
}
.sgk-infoBanner__vote p {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c185ff), to(#cd5aff));
  background-image: linear-gradient(to bottom, #c185ff, #cd5aff);
}
.sgk-infoBanner__vote p::before {
  content: url('../img/webp100/vote.webp');
}
.sgk-infoBanner__vote p span {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d830ff), to(#e402ff));
  background-image: linear-gradient(to bottom, #d830ff, #e402ff);
}
.sgk-infoBanner__registration,
.sgk-infoBanner__download {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
}
.sgk-infoBanner__donate,
.sgk-infoBanner__vote {
  height: 140px;
}
.sgk-infoBanner__donate a,
.sgk-infoBanner__vote a {
  height: 140px;
}
.sgk-infoBanner__donate a p,
.sgk-infoBanner__vote a p {
  font-size: 24px;
  line-height: 24px;
}
.sgk-infoBanner__donate a p span,
.sgk-infoBanner__vote a p span {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: bold;
}
.sgk-infoBanner__donate a p span span,
.sgk-infoBanner__vote a p span span {
  font-size: 15px;
}
.sgk-promo {
  position: relative;
}
.sgk-promo::before {
  position: absolute;
  content: url('../img/webp100/fire.webp');
  bottom: -170px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.sgk-promo > .sgk-row {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sgk-promoLeft {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58%;
          flex: 0 0 58%;
}
.sgk-promoRight {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  max-height: 520px;
}
.sgk-promo .sgk-promoServerSlider {
  max-width: 100%;
  height: 340px;
}
.sgk-promo .sgk-promoServerSlider .slick-dots {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  width: 100%;
}
.sgk-promo .sgk-promoServerSlider .slick-dots li {
  display: inline-block;
  margin: 0 10px;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-promo .sgk-promoServerSlider .slick-dots li:first-child {
  margin-left: 0;
}
.sgk-promo .sgk-promoServerSlider .slick-dots li:last-child {
  margin-right: 0;
}
.sgk-promo .sgk-promoServerSlider .slick-dots li button {
  font-size: 0;
  background: #5e5959;
  border-radius: 0;
  width: 50px;
  height: 2px;
  border: none;
  outline: none;
  -webkit-transition: background;
  transition: background;
}
.sgk-promo .sgk-promoServerSlider .slick-dots li:hover button,
.sgk-promo .sgk-promoServerSlider .slick-dots li.slick-active button {
  background-color: #ff6000;
}
.sgk-promo .sgk-promoServerSlider .sgk-promoServerSlider__itemWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: url('../img/webp100/server-bg.webp') no-repeat center center / cover;
  padding-bottom: 75px;
  -webkit-transition: .3s;
  transition: .3s;
  max-height: 380px;
}
.sgk-promo .sgk-promoServerSlider .sgk-promoServerSlider__itemWrapper div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.sgk-promo .sgk-promoServerSlider .sgk-promoServerSlider__itemWrapper div img {
  margin: 0 auto;
}
.sgk-promo .sgk-promoServerSlider__item p {
  padding: 0 10px;
  font-family: 'Candara Bold', sans-serif;
  text-transform: uppercase;
  font-size: 46px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fdd611), color-stop(#ff8f04), color-stop(65%, #ff5900));
  background-image: linear-gradient(to bottom, #fdd611, #ff8f04, #ff5900 65%);
  -webkit-background-clip: text;
  color: transparent;
  font-style: italic;
}
.sgk-promo .sgk-promoServerSlider__item span {
  font-size: 26px;
  color: #ffffff;
  text-transform: uppercase;
}
.sgk-promo .sgk-promoServerSlider__item:hover {
  -webkit-filter: brightness(140%);
          filter: brightness(140%);
}
.sgk-promo .sgk-promoDonateAndVote {
  height: 140px;
  margin-bottom: 0;
}
.sgk-promoNewsBlock {
  height: 100%;
  padding: 42px;
  margin-top: 0;
}
.sgk-promoNewsBlock__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}
.sgk-promoNewsBlock__header p {
  font-size: 18px;
  color: #ff9c00;
}
.sgk-promoNewsBlock__header a {
  font-size: 14px;
  color: #8f7f61;
}
.sgk-promoNewsBlock__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 0;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #302c2b), color-stop(50%, transparent));
  background-image: linear-gradient(90deg, #302c2b 50%, transparent 50%);
  background-size: 10px 1px;
  background-repeat: repeat-x;
  background-position: bottom;
}
.sgk-promoNewsBlock__rowTop,
.sgk-promoNewsBlock__rowBott {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.sgk-promoNewsBlock__rowBott {
  padding-left: 55px;
  margin-bottom: 10px;
}
.sgk-promoNewsBlock__rowImg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 11%;
          flex: 0 0 11%;
  margin-right: 12px;
}
.sgk-promoNewsBlock__row span.sgk-promoNewsDate {
  color: #8f7f61;
}
.sgk-promoNewsBlock__row a.sgk-promoNewsTag {
  color: #d251e8;
  -webkit-transition: .3s;
  transition: .3s;
  font-size: 16px;
}
.sgk-promoNewsBlock__row a.sgk-promoNewsTag-events {
  color: #d251e8;
}
.sgk-promoNewsBlock__row a.sgk-promoNewsTag-news {
  color: #ffc999;
}
.sgk-promoNewsBlock__row a.sgk-promoNewsTag-active,
.sgk-promoNewsBlock__row a.sgk-promoNewsTag:hover {
  color: #ff6000;
}
.sgk-promoNewsBlock__row a.sgk-promoNewsLink {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  padding-left: 30px;
  width: 100%;
}
.sgk-promoNewsBlock__row a.sgk-promoNewsLink::before {
  position: absolute;
  content: '•';
  left: 10px;
  color: #ffc999;
}
.sgk-promoNewsBlock__row a.sgk-promoNewsLink::after {
  position: absolute;
  right: 8px;
  content: url('../img/webp100/footer_li.webp');
}
.sgk-promoNewsBlock__row a.sgk-promoNewsLink-active,
.sgk-promoNewsBlock__row a.sgk-promoNewsLink:hover {
  text-decoration: underline;
  color: #f08d2f;
}
.sgk-promoNewsBlock__row a.sgk-promoNewsLink-active::after,
.sgk-promoNewsBlock__row a.sgk-promoNewsLink:hover::after {
  content: url('../img/webp100/footer_li_hover.webp');
}
.sgk-top .sgk-topItemWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sgk-topItem {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32%;
          flex: 0 0 32%;
  max-width: 375px;
  margin-top: 50px;
  padding: 0;
}
.sgk-topItem:last-child {
  margin-right: 0;
}
.sgk-topItem * {
  color: #ffffff;
}
.sgk-topItem__header {
  text-transform: uppercase;
  color: #ff9c00;
  font-size: 18px;
  text-align: center;
  margin: 40px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
}
.sgk-topItem__body {
  padding: 0 40px;
}
.sgk-topItem__body .sgk-topItem__header {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-bottom: 20px;
  text-align: left;
}
.sgk-topItem__body .sgk-topItem__header .sgk-topItem__col {
  font-family: 'Candara Bold', sans-serif;
  font-size: 14px;
  color: #ff6000;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
.sgk-topItem__body .sgk-topItem__header .sgk-topItem__col:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
}
.sgk-topItem__body .sgk-topItem__header .sgk-topItem__col:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}
.sgk-topItem__body .sgk-topItem__header .sgk-topItem__col:nth-child(3) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
}
.sgk-topItem__body .sgk-topItem__header .sgk-topItem__col:nth-child(4) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
}
.sgk-topItem__body .sgk-topItem__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sgk-topItem__body .sgk-topItem__row .sgk-topItem__col {
  font-family: 'Candara Regular', sans-serif;
  font-size: 14px;
  color: #ffc999;
  margin-bottom: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
.sgk-topItem__body .sgk-topItem__row .sgk-topItem__col:nth-child(1) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
}
.sgk-topItem__body .sgk-topItem__row .sgk-topItem__col:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}
.sgk-topItem__body .sgk-topItem__row .sgk-topItem__col:nth-child(3) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
}
.sgk-topItem__body .sgk-topItem__row .sgk-topItem__col:nth-child(4) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
}
.sgk-topItem__btn {
  margin: 30px auto;
}
.sgk-top .sgk-topLinks .sgk-topItem__body nav a {
  display: block;
  color: #ffc999;
  margin-bottom: 20px;
  position: relative;
  padding-left: 30px;
}
.sgk-top .sgk-topLinks .sgk-topItem__body nav a::before {
  position: absolute;
  content: '';
  border: 1px solid #ffc999;
  padding: 4px;
  top: 4px;
  left: 0;
}
.sgk-top .sgk-topLinks .sgk-topItem__body nav a:hover {
  color: #ff6000;
}
.sgk-top .sgk-topLinks .sgk-topItem__body nav a:hover::before {
  border-color: #ff6000;
}
.sgk-top .sgk-topLinks .sgk-topSocial {
  border-top: 2px solid #000000;
}
.sgk-top .sgk-topLinks .sgk-topSocial nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px;
}
.sgk-top .sgk-topLinks .sgk-topSocial nav a img {
  -webkit-transition: .3s;
  transition: .3s;
  margin-bottom: 10px;
}
.sgk-top .sgk-topLinks .sgk-topSocial nav a span {
  -webkit-transition: .3s;
  transition: .3s;
  display: block;
  text-align: center;
  color: #ffffff;
}
.sgk-top .sgk-topLinks .sgk-topSocial nav a:hover img {
  -webkit-filter: brightness(140%);
          filter: brightness(140%);
}
.sgk-top .sgk-topLinks .sgk-topSocial nav a:hover span {
  color: #ff6000;
}
.sgk-marketSlider .slick-list {
  padding: 50px 10px;
  z-index: 2;
}
.sgk-marketSlider .sgk-marketSlider__itemWrapper {
  padding: 30px;
  width: 185px;
  height: 232px;
  -webkit-transition: .3s;
  transition: .3s;
  background: url('../img/webp100/market-item-bg.webp') no-repeat center center / cover;
}
.sgk-marketSlider .sgk-marketSlider__itemWrapper:hover {
  position: relative;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-box-shadow: 0px 25px 35px 0px rgba(255, 59, 0, 0.17);
          box-shadow: 0px 25px 35px 0px rgba(255, 59, 0, 0.17);
}
.sgk-marketSlider__item-img {
  margin: 0 auto;
}
.sgk-marketSlider__item-title,
.sgk-marketSlider__item-price,
.sgk-marketSlider__item a {
  text-align: center;
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
}
.sgk-marketSlider__item-title {
  color: #ffc999;
}
.sgk-marketSlider__item-price {
  color: #d2ff00;
  margin-bottom: 20px;
}
.sgk-marketSlider__item a {
  font-family: 'Candara Bold', sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 auto;
  background: url('../img/webp100/market-btn.webp') no-repeat center center / cover;
  width: 96px;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sgk-marketSlider__item a:hover {
  -webkit-filter: brightness(140%);
          filter: brightness(140%);
}
.sgk-marketSlider::after {
  position: absolute;
  content: url('../img/webp100/fire.webp');
  bottom: -100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
.sgk-market .sgk-slick-prev,
.sgk-market .sgk-slick-next {
  top: 125px;
}
.sgk-market .sgk-slick-prev {
  left: -70px;
}
.sgk-market .sgk-slick-next {
  right: -70px;
}
.sgk-videoSlider {
  position: relative;
}
.sgk-videoSlider::after {
  position: absolute;
  content: url('../img/webp100/fire.webp');
  bottom: -170px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.sgk-videoSlider .sgk-videoSlider-for {
  position: relative;
  background: url('../img/webp100/video_placeholder_bg.webp') center no-repeat;
}
.videoSlider-nav {
  background: url('../img/webp100/char-slide-active-border.webp') center no-repeat;
  background-color: #17110f;
  position: relative;
  z-index: 2;
}
.videoSlider-nav .sgk-slick-next {
  right: -80px;
}
.videoSlider-nav .sgk-slick-prev {
  left: -80px;
}
@media (max-width:1350px) {
  .videoSlider-nav .sgk-slick-next {
    right: 10px;
  }
  .videoSlider-nav .sgk-slick-prev {
    left: 10px;
  }
}
.sgk-videoSlider .sgk-videoSlider-nav {
  height: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
}
.sgk-videoSlider .sgk-videoSlider-nav .slick-list {
  margin: 0 auto;
}
.sgk-videoSlider .sgk-videoSlider-nav .slick-track img {
  margin: 0 auto;
}
.sgk-videoSlider .sgk-videoSlider-nav .slick-slide {
  position: relative !important;
  padding: 20px 0;
}
.sgk-videoSlider .sgk-videoSlider-nav .slick-slide img {
  -webkit-transition: .3s;
  transition: .3s;
  opacity: .5;
  cursor: pointer;
  background-position: center center;
}
.sgk-videoSlider .sgk-videoSlider-nav .slick-slide img:hover {
  opacity: 1;
}
.sgk-videoSlider .sgk-videoSlider-nav .slick-current {
  background: url('../img/webp100/slider_thumb_hover.webp') center no-repeat;
  position: relative;
}
.sgk-videoSlider .sgk-videoSlider-nav .slick-current img {
  opacity: 1;
  width: 99px;
  height: 103px;
}
.sgk-footer {
  background: url('../img/webp100/footer_bg.webp') no-repeat center bottom / cover;
  position: relative;
}
.sgk-footer img.sgk-footerImg {
  margin: 70px auto;
  display: block;
  position: relative;
  z-index: 1;
}
.sgk-footerTop .sgk-footer__header {
  text-transform: uppercase;
  font-size: 18px;
  color: #ff6000;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sgk-footerTop .sgk-footer__header::before {
  content: url('../img/webp100/footer_h_icon.webp');
  display: block;
  float: left;
  position: relative;
  top: 2px;
}
.sgk-footerTop nav {
  padding: 0 10px;
}
.sgk-footerTop nav a {
  font-size: 14px;
  display: block;
  color: #8f7f61;
  margin-bottom: 20px;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-footerTop nav a::before {
  content: url('../img/webp100/footer_li.webp');
  display: block;
  float: left;
  margin-right: 20px;
}
.sgk-footerTop nav a.sgk-active,
.sgk-footerTop nav a:hover {
  color: #ffffff;
}
.sgk-footerTop nav a.sgk-active::before,
.sgk-footerTop nav a:hover::before {
  content: url('../img/webp100/footer_li_hover.webp');
}
.sgk-footerTop nav a:last-child {
  margin-bottom: 0;
}
.sgk-footerTop .sgk-supporText {
  padding: 0 10px;
  font-size: 14px;
}
.sgk-footerTop .sgk-supporText p {
  color: #8f7f61;
  margin-bottom: 20px;
}
.sgk-footerTop .sgk-supporText a {
  color: #ffffff;
}
.sgk-footerTop .sgk-supporText a:hover {
  color: #ff9c00;
}
.sgk-footerBott {
  margin-top: -50px;
}
.sgk-footerBottWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sgk-footerBottWrapper__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33%;
          flex: 0 0 33.33%;
}
.sgk-footerBottWrapper__item p.sgk-copy {
  font-size: 14px;
  color: #ffffff;
  text-align: left;
}
.sgk-footerBottWrapper__item p.sgk-copy a {
  color: #ff9c00;
}
.sgk-footerBottWrapper__item .sgk-logo {
  max-width: 270px;
  margin: 0 auto;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-footerBottWrapper__item .sgk-logo:hover {
  -webkit-filter: brightness(140%);
          filter: brightness(140%);
}
.sgk-footerBottWrapper__item nav {
  text-align: right;
}
.sgk-footerBottWrapper__item nav a {
  color: #ffffff;
  font-size: 14px;
  margin-right: 40px;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-footerBottWrapper__item nav a:last-child {
  margin-right: 0;
}
.sgk-footerBottWrapper__item nav a:hover {
  color: #ff9c00;
}
.sgk-newsPage__body {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #302c2b), color-stop(50%, transparent));
  background-image: linear-gradient(90deg, #302c2b 50%, transparent 50%);
  background-size: 10px 1px;
  background-repeat: repeat-x;
  background-position: bottom;
}
.sgk-newsPage__body h1 {
  padding-left: 50px;
}
.sgk-newsPage__body h1::after {
  position: absolute;
  content: url('../img/webp100/tag-news.webp');
  top: -10px;
  left: 0;
}
.sgk-newsPage__footer {
  padding: 20px 0 0;
}
.sgk-newsPage__footer-date {
  font-size: 12px;
  color: #8f7f61;
  margin-bottom: 20px;
}
.sgk-eventsItem {
  max-width: 325px;
  background-color: #282424;
  padding-bottom: 25px;
  margin-bottom: 25px;
  -webkit-transition: .3s;
  transition: .3s;
  position: relative;
}
.sgk-eventsItem:hover {
  -webkit-filter: brightness(120%);
          filter: brightness(120%);
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.sgk-eventsItem__img {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
}
.sgk-eventsItem__img::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(40, 36, 36, 0)), color-stop(30%, rgba(40, 36, 36, 0.5)), to(#282424));
  background: linear-gradient(rgba(40, 36, 36, 0), rgba(40, 36, 36, 0.5) 30%, #282424);
  pointer-events: none;
}
.sgk-eventsItem__title {
  padding: 0 30px;
  margin-bottom: 25px;
}
.sgk-eventsItem__title a {
  position: relative;
  padding-left: 40px;
}
.sgk-eventsItem__title a::after {
  position: absolute;
  content: url('../img/webp100/tag-events.webp');
  top: -5px;
  left: 0;
}
.sgk-eventsItem__desc {
  padding: 0 30px;
}
.sgk-eventsItem__desc p {
  padding-bottom: 25px;
  font-size: 14px;
  line-height: 1.5;
  color: #ffc999;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #3e3a3a), color-stop(50%, transparent));
  background-image: linear-gradient(90deg, #3e3a3a 50%, transparent 50%);
  background-size: 10px 2px;
  background-repeat: repeat-x;
  background-position: bottom;
}
.sgk-eventsItem__date {
  padding: 0 30px;
  padding-top: 20px;
  margin-bottom: 20px;
}
.sgk-eventsItem__date span {
  font-size: 12px;
  color: #8f7f61;
}
.sgk-termsList__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 40px 0 20px;
}
.sgk-termsList__title span {
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  background: #000;
  text-align: center;
  font-size: 15px;
  border-radius: 50%;
  color: #ff9c00;
  margin-right: 10px;
}
.sgk-termsList__title h3 {
  font-size: 15px;
  color: #ff6000;
  text-decoration: underline;
}
.sgk-termsAccept {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 100px auto 80px;
}
.sgk-termsAccept .sgk-btn {
  margin: 30px auto;
}
.sgk-gallery .sgk-wrapperBG__body img {
  margin: 0;
}
.sgk-galleryWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 28px;
}
.sgk-galleryWrapperLink {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48.6%;
          flex: 0 0 48.6%;
  position: relative;
  max-height: 340px;
}
.sgk-galleryWrapperLink:hover {
  -webkit-filter: brightness(140%);
          filter: brightness(140%);
}
.sgk-galleryWrapperLink img {
  height: auto;
  display: block;
}
.sgk-galleryWrapper__item--desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #0f0d0c;
  padding: 17px 30px;
  font-size: 14px;
}
.sgk-galleryWrapper__item--desc span:first-child {
  color: #ffc999;
}
.sgk-galleryWrapper__item--desc span:last-child {
  color: #8f7f61;
}
.sgk-galleryWrapper__itemVideo {
  max-height: 290px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-galleryWrapper__itemVideo::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0f0d0c;
  opacity: .85;
  z-index: 1;
}
.sgk-galleryWrapper__itemVideo iframe {
  width: 100%;
  height: 290px;
}
.sgk-galleryWrapper__itemVideo p {
  font-size: 14px;
  text-transform: uppercase;
  color: #ffc999;
  position: relative;
  bottom: 80px;
  text-align: center;
  z-index: 2;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-galleryWrapper__itemVideo .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  background: url('../img/webp100/play.webp') no-repeat center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 2;
}
@media (max-width:700px) {
  .sgk-galleryWrapper__itemVideo .play-button {
    margin-top: -15px;
  }
}
.sgk-galleryWrapper__itemVideo:hover {
  -webkit-filter: brightness(140%);
          filter: brightness(140%);
}
.sgk-galleryWrapper__itemVideo:hover .play-button,
.sgk-galleryWrapper__itemVideo:hover::after {
  opacity: 0;
}
.sgk-galleryWrapper__itemVideo:hover p {
  color: #ff6000;
}
.lb-outerContainer {
  border-radius: 0;
  background-color: transparent;
}
.lb-nav,
.lb-dataContainer {
  display: none !important;
  opacity: 0;
}
.lightbox .lb-image {
  border-radius: 0;
  border: 0;
}
#videoModal {
  display: none;
  margin-left: -28px;
}
#videoModal > div {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
#videoModal #videoIframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  border: none;
}
#videoModal #videoClose {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #ffffff;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 0;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
}
#videoModal #videoClose:hover {
  -webkit-box-shadow: 1px 1px 10px #ffffff;
          box-shadow: 1px 1px 10px #ffffff;
}
.sgk-rankingsTabs {
  margin-top: 80px;
  margin-bottom: 40px;
  border-bottom: 1px solid #2e2f32;
}
.sgk-rankingsTabs__header nav {
  margin-bottom: 20px;
}
.sgk-rankingsTabs__header nav a {
  color: #ffc999;
  text-transform: uppercase;
  margin: 0 20px;
  font-size: 16px;
  position: relative;
  width: 100px;
  text-align: center;
}
.sgk-rankingsTabs__header nav a:last-child {
  margin-right: 0;
}
.sgk-rankingsTabs__header nav a:hover,
.sgk-rankingsTabs__header nav a.sgk-activeTabs {
  color: #ff6000;
}
.sgk-rankingsTabs__header nav a:hover::after,
.sgk-rankingsTabs__header nav a.sgk-activeTabs::after {
  content: url('../img/webp100/fire_tab.webp');
  position: absolute;
  bottom: -21px;
  width: 126px;
  height: 80px;
  left: -15px;
}
.sgk-rankings__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-bottom: 70px;
}
.sgk-rankings__filter a.sgk-btn {
  margin-left: 0;
  margin-right: 20px;
}
.sgk-rankings__filter a.sgk-btn:last-child {
  margin-right: 0;
}
.sgk-rankings__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 70px;
}
.sgk-rankings__topItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  background-color: #1d1b1c;
  padding: 15px 30px;
}
.sgk-rankings__topItem--avatar {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15%;
          flex: 0 0 15%;
}
.sgk-rankings__topItem--info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.sgk-rankings__topItem--infoRow {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin-bottom: 10px;
}
.sgk-rankings__topItem--infoRow:last-child {
  margin-bottom: 0;
}
.sgk-rankings__topItem--name {
  font-family: 'Candara Bold', sans-serif;
  font-size: 20px;
  color: #ffffff;
}
.sgk-rankings__topItem--level,
.sgk-rankings__topItem--rank {
  font-family: 'Candara Bold', sans-serif;
  font-size: 16px;
}
.sgk-rankings__topItem--nick {
  font-size: 16px;
  color: #ff6000;
}
.sgk-rankings__topItem--cup {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
.sgk-rankings__topItem--cup img {
  max-height: 104px;
}
.sgk-rankings .sgk-online,
.sgk-rankings .sgk-offline {
  font-size: 14px;
}
.sgk-rankings .sgk-online {
  color: #bcce03;
}
.sgk-rankings .sgk-offline {
  color: #ff2828;
}
.sgk-rankings__table-scroll {
  overflow-x: auto;
}
@media (max-width:700px) {
  .sgk-rankings__table--row {
    width: 600px;
  }
}
.sgk-rankings__table--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-rankings__table--row:hover .sgk-rankings__table--row--col {
  color: #ff6000;
}
.sgk-rankings__table--row:hover {
  background-color: #1d1b1c;
}
.sgk-rankings__table--row:hover .sgk-online {
  color: #bcce03;
}
.sgk-rankings__table--row:hover .sgk-offline {
  color: #ff2828;
}
.sgk-rankings__table--row--col {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12%;
          flex: 0 0 12%;
  font-size: 14px;
  color: #ffc999;
  text-align: center;
}
.sgk-rankings__table--row--col:nth-child(3),
.sgk-rankings__table--row--col:nth-child(4) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}
.sgk-rankings__table--row--col img {
  margin: 0 auto;
}
.sgk-rankings__table--header {
  background-color: #0e0c0b;
}
.sgk-rankings__table--header--row:hover {
  background-color: unset;
  color: unset;
}
.sgk-rankings__table--header--col {
  font-family: 'Candara Bold', sans-serif;
  text-transform: uppercase;
  color: #ff6000;
}
.sgk-accountWrapper {
  padding-bottom: 100px;
}
.sgk-accountWrapper h3 {
  margin-top: 60px;
  text-align: center;
  color: #ff9c00;
  font-size: 16px;
  text-transform: initial;
  margin-bottom: 40px;
}
.sgk-accountWrapperTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sgk-accountWrapperTop__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49.5%;
          flex: 0 0 49.5%;
  padding: 25px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sgk-accountWrapperTop__item:nth-child(4n+1),
.sgk-accountWrapperTop__item:nth-child(4n+2) {
  background: #0e0c0b;
}
.sgk-accountWrapperTop__item:nth-child(4n+3),
.sgk-accountWrapperTop__item:nth-child(4n+4) {
  background: #181413;
}
.sgk-accountWrapperTop__item--img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
}
.sgk-accountWrapperTop__item--titleName,
.sgk-accountWrapperTop__item--titleUser {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  font-size: 14px;
  color: #ffc999;
}
.sgk-accountWrapperTop__item--titleUser {
  color: #ffffff;
}
.sgk-accountWrapperTop__item--titleUser a span {
  color: #b0d90e;
}
.sgk-accountWrapperBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px;
  max-width: 770px;
  margin: 0 auto;
}
.sgk-accountWrapperBottom__item {
  background: url('../img/webp100/character-options.webp') no-repeat center;
  width: 375px;
  height: 125px;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-accountWrapperBottom__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.sgk-accountWrapperBottom__item--title,
.sgk-accountWrapperBottom__item--subtitle {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  font-size: 32px;
  font-style: italic;
  color: #ffb400;
  margin-bottom: 5px;
  text-align: center;
}
.sgk-accountWrapperBottom__item--subtitle {
  font-size: 14px;
  margin-bottom: 0;
}
.sgk-accountWrapperBottom__item:hover {
  -webkit-filter: brightness(140%);
          filter: brightness(140%);
}
.sgk-download .sgk-download__header {
  font-size: 18px;
  color: #ff6000;
  font-family: 'Candara Bold', sans-serif;
  padding: 15px 10px;
  background-color: #0e0c0b;
  margin: 35px auto;
}
.sgk-download .sgk-download__header h4 {
  position: relative;
  padding-left: 40px;
}
.sgk-download .sgk-download__header h4::after {
  position: absolute;
  top: -12px;
  left: 0;
  content: url('../img/webp100/icon-title-d.webp');
}
.sgk-downloadServices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}
.sgk-downloadServicesLeft {
  padding: 40px 15px 70px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  background-color: #282424;
}
.sgk-downloadServicesLeft--header span {
  display: block;
  font-size: 15px;
  text-align: center;
  color: #ffc999;
  margin-bottom: 20px;
}
.sgk-downloadServicesLeft .sgk-downloadServicesLeftWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sgk-downloadServicesLeft .sgk-downloadServicesLeftWrapper .sgk-downloadServicesLeft--item {
  background-color: #100f10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
  grid-gap: 10px;
  width: 160px;
  height: 140px;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
}
.sgk-downloadServicesLeft .sgk-downloadServicesLeftWrapper .sgk-downloadServicesLeft--item a {
  width: 100%;
  height: 100%;
}
.sgk-downloadServicesLeft .sgk-downloadServicesLeftWrapper .sgk-downloadServicesLeft--item img {
  margin: 0 auto;
}
.sgk-downloadServicesLeft .sgk-downloadServicesLeftWrapper .sgk-downloadServicesLeft--item:hover {
  -webkit-filter: brightness(140%);
          filter: brightness(140%);
}
.sgk-downloadServicesLeft .sgk-downloadServicesLeftWrapper .sgk-downloadServicesLeft--item::after {
  position: absolute;
  bottom: -15px;
}
.sgk-downloadServicesLeft .sgk-downloadServicesLeftWrapper .sgk-downloadServicesLeft--item:nth-child(1):hover::after {
  content: url(../img/webp100/hover-b.webp);
}
.sgk-downloadServicesLeft .sgk-downloadServicesLeftWrapper .sgk-downloadServicesLeft--item:nth-child(2):hover::after {
  content: url(../img/webp100/hover-g.webp);
}
.sgk-downloadServicesLeft .sgk-downloadServicesLeftWrapper .sgk-downloadServicesLeft--item:nth-child(3):hover::after {
  content: url(../img/webp100/hover-s.webp);
}
.sgk-downloadServicesLeft .sgk-downloadServicesLeftWrapper .sgk-downloadServicesLeft--item:nth-child(4):hover::after {
  content: url(../img/webp100/hover-z.webp);
}
.sgk-downloadServicesLeft .sgk-downloadServicesLeftWrapper .sgk-downloadServicesLeft--item span {
  text-align: center;
  width: 100%;
  font-size: 14px;
  position: relative;
  display: block;
  z-index: 1;
  top: -20px;
}
.sgk-downloadServicesRight {
  padding: 50px 20px 20px;
  background-color: #1d1b1c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sgk-downloadServicesRight h4 {
  font-size: 15px;
  color: #ffc999;
  text-align: center;
  margin: 0;
}
.sgk-downloadServicesRight p {
  font-size: 14px;
  color: #ffc999;
  text-align: center;
  line-height: 2;
}
.sgk-downloadSystem .sgk-table-top-scroll {
  overflow-x: auto;
}
.sgk-downloadSystem table.sgk-table-download {
  font-size: 15px;
  text-align: center;
  font-family: 'Candara Regular', sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.sgk-downloadSystem table.sgk-table-download thead {
  background-color: #282424;
}
.sgk-downloadSystem table.sgk-table-download thead tr td {
  color: #ffc999;
  padding: 20px;
  border: 1px solid #322d2d;
}
.sgk-downloadSystem table.sgk-table-download tbody {
  background-color: #1d1b1c;
}
.sgk-downloadSystem table.sgk-table-download tbody tr td {
  color: #ffc999;
  padding: 20px;
  border: 1px solid #322d2d;
}
.sgk-downloadDrivers {
  margin-bottom: 60px;
}
.sgk-downloadDrivers__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sgk-downloadDrivers__block--item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
}
.sgk-downloadDrivers__block--item a span.sgk-downloadDrivers--logo {
  width: 340px;
  height: 168px;
  display: block;
  -webkit-transition: .3s;
  transition: .3s;
  background: #000000 no-repeat center center / auto;
}
.sgk-downloadDrivers__block--item a span.sgk-downloadDrivers--nvidia {
  background-image: url(../img/webp100/nvidia.webp);
}
.sgk-downloadDrivers__block--item a span.sgk-downloadDrivers--nvidia:hover {
  background-image: url(../img/webp100/nvidia-h.webp);
}
.sgk-downloadDrivers__block--item a span.sgk-downloadDrivers--directx {
  background-image: url(../img/webp100/directx.webp);
}
.sgk-downloadDrivers__block--item a span.sgk-downloadDrivers--directx:hover {
  background-image: url(../img/webp100/directx-h.webp);
}
.sgk-downloadDrivers__block--item a span.sgk-downloadDrivers--amd {
  background-image: url(../img/webp100/amd.webp);
}
.sgk-downloadDrivers__block--item a span.sgk-downloadDrivers--amd:hover {
  background-image: url(../img/webp100/amd-h.webp);
}
.sgk-downloadFAQ {
  margin-bottom: 100px;
}
.sgk-downloadFAQ__item p {
  font-size: 14px;
  color: #ffc999;
  line-height: 2;
}
@media (max-width: 1750px) {
  .sgk-headerWrapper .sgk-headerMenu nav a {
    padding: 25px 15px;
  }
  .sgk-headerWrapper .sgk-header .sgk-headerMenuAccount {
    right: -100px;
  }
  .sgk-headerWrapper .sgk-headerMenuAccountLogIn {
    right: -30px;
  }
}
@media (max-width: 1600px) {
  .sgk-headerWrapper .sgk-header .sgk-headerMenu {
    z-index: 103;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .sgk-headerWrapper .sgk-header .sgk-headerMenuAccount {
    right: 10px;
  }
  .sgk-radial-stat {
    top: 70px;
  }
}
@media (max-width: 1500px) {
  .sgk-headerWrapper .sgk-header .sgk-headerMenuAccountLogIn {
    right: 0px;
  }
}
@media (max-width: 1300px) {
  .sgk-marketSlider .slick-arrow {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  .sgk-mainScreen .sgk-row:last-child .col-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .sgk-galleryWrapper {
    gap: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sgk-galleryWrapper__item {
    margin-bottom: 25px;
  }
  .sgk-galleryWrapper__itemVideo p {
    bottom: 20px;
  }
  .sgk-events .sgk-row .col-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .sgk-events .sgk-row .col-4 .sgk-eventsItem {
    margin: 0 auto 25px;
  }
  .sgk-downloadDrivers {
    margin-bottom: 40px;
  }
  .sgk-downloadFAQ {
    margin-bottom: 20px;
  }
  .sgk-promo::after,
  .sgk-marketSlider::after,
  .sgk-videoSlider::after,
  .sgk-promo::before,
  .sgk-marketSlider::before,
  .sgk-videoSlider::before {
    content: none;
  }
}
@media (max-width: 1110px) {
  .sgk-headerWrapper .sgk-headerMenu nav a {
    padding: 25px 10px;
    font-size: 14px;
    line-height: 10px;
  }
  .sgk-headerWrapper .sgk-headerMenu .sgk-dropdown > a::after {
    right: -2px;
  }
  .sgk-headerWrapper .sgk-header .sgk-headerMenuAccount {
    top: 3px;
  }
  .sgk-headerWrapper .sgk-header .sgk-headerMenuAccount > a,
  .sgk-headerWrapper .sgk-header .sgk-headerMenuAccount span {
    font-size: 14px;
  }
  .sgk-headerWrapper .sgk-headerMenuAccountLogIn .sgk-panel-dropdown {
    top: 60px;
  }
  .sgk-radial-stat {
    top: 60px;
  }
}
@media (max-width: 1100px) {
  .sgk-rankings__filter {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sgk-rankings__filter a.sgk-btn {
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .sgk-termsList__title {
    margin: 10px 0 20px;
  }
  .sgk-termsAccept {
    margin: 20px auto 0;
  }
  .sgk-accountWrapperTop__item--titleName {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
  .sgk-downloadServicesLeft,
  .sgk-downloadServicesRight {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .sgk-downloadServicesRightWrapper {
    max-width: 300px;
    margin: 0 auto;
  }
  .sgk-downloadServicesRightWrapper h4,
  .sgk-downloadServicesRightWrapper p {
    margin-bottom: 20px;
  }
  .sgk-lineTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 30px auto;
  }
  .sgk-lineTitle img.sgk-line {
    margin: 0;
  }
  .sgk-lineTitle span {
    top: 0;
  }
}
@media (max-width: 950px) {
  .sgk-headerWrapper {
    background-color: #0f0d0c;
    width: 100%;
    position: fixed;
    height: 60px;
    z-index: 9999;
  }
  .sgk-headerWrapper .sgk-header .sgk-headerMenu {
    position: fixed;
    left: -49%;
    width: 49%;
    height: 100%;
    background-color: #1a110b;
    -webkit-transition: left .3s;
    transition: left .3s;
    overflow-y: auto;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    display: block;
  }
  .sgk-headerWrapper .sgk-header .sgk-headerMenuLeft,
  .sgk-headerWrapper .sgk-header .sgk-headerMenuRight {
    display: block;
    width: auto;
  }
  .sgk-headerWrapper .sgk-header .sgk-headerMenuLeft nav a,
  .sgk-headerWrapper .sgk-header .sgk-headerMenuRight nav a {
    width: 100%;
  }
  .sgk-headerWrapper .sgk-header .sgk-headerMenuLeft nav .sgk-dropdown,
  .sgk-headerWrapper .sgk-header .sgk-headerMenuRight nav .sgk-dropdown {
    width: 100%;
  }
  .sgk-headerWrapper .sgk-header .sgk-headerMenuLeft nav .sgk-dropdown a::after,
  .sgk-headerWrapper .sgk-header .sgk-headerMenuRight nav .sgk-dropdown a::after {
    right: 10px;
  }
  .sgk-headerWrapper .sgk-header .sgk-headerMenu.sgk-openMenu {
    left: 0;
    z-index: 10001;
  }
  .sgk-headerWrapper .sgk-header .sgk-headerMenu .sgk-dropdown a.sgk-openDropdown {
    width: 100%;
  }
  .sgk-headerWrapper .sgk-header .sgk-headerMenu .sgk-dropdown a.sgk-openDropdown + .sgk-dropdown-content {
    width: 100%;
    position: relative;
    max-height: 500px;
    overflow: visible;
    opacity: 1;
    visibility: visible;
    -webkit-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
  }
  .sgk-headerWrapper .sgk-header .sgk-headerMenu .sgk-dropdown .sgk-dropdown-content {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
  }
  .sgk-headerWrapper .sgk-header .sgk-burger-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sgk-headerWrapper .sgk-header .sgk-burger-menu.sgk-activeMenu {
    left: 45%;
  }
  .sgk-headerWrapper .sgk-header .sgk-burger-menu.sgk-activeMenu span:nth-child(1) {
    -webkit-transform: rotate(45deg) translateY(12px);
            transform: rotate(45deg) translateY(12px);
  }
  .sgk-headerWrapper .sgk-header .sgk-burger-menu.sgk-activeMenu span:nth-child(2) {
    opacity: 0;
  }
  .sgk-headerWrapper .sgk-header .sgk-burger-menu.sgk-activeMenu span:nth-child(3) {
    -webkit-transform: rotate(-45deg) translateY(-12px);
            transform: rotate(-45deg) translateY(-12px);
  }
  .sgk-headerWrapper .sgk-headerMenuAccountLogIn {
    top: 20px;
  }
  .sgk-headerWrapper .sgk-headerMenuAccountLogIn .sgk-panel-dropdown {
    top: 40px;
  }
}
@media (max-width: 900px) {
  .sgk-accountWrapperBottom__item {
    width: 300px;
    margin: 0 auto;
  }
  .sgk-promoLeft,
  .sgk-promoRight {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .sgk-promoRight {
    margin-top: 50px;
  }
}
@media (max-width: 820px) {
  .sgk-events .sgk-row .col-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media (max-width: 768px) {
  .sgk-promo .sgk-infoBanner__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 20px;
    max-width: initial;
  }
  .sgk-promo .sgk-infoBanner__item:last-child {
    margin-bottom: 0;
  }
  .sgk-promo .sgk-promoDonateAndVote {
    height: initial;
  }
  .sgk-top {
    margin-top: 50px;
  }
  .sgk-topItem {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    margin: 0 auto 50px;
  }
  .sgk-topItem:last-child {
    margin: 0 auto 50px;
  }
  .sgk-accountWrapper {
    padding-bottom: 20px;
  }
  .sgk-accountWrapper h3 {
    margin: 30px auto;
  }
  .sgk-accountWrapperTop__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 18px 15px;
    background: transparent !important;
  }
  .sgk-accountWrapperTop__item:nth-child(2n+1) {
    background: #0e0c0b !important;
  }
  .sgk-rankingsTabs__header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sgk-rankingsTabs__header nav a {
    margin: 0 10px;
  }
  .sgk-mainScreen .sgk-infoBanner__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 20px;
    max-width: initial;
    margin: 0 auto 20px;
  }
  .sgk-mainScreen .sgk-infoBanner__item:last-child {
    margin-bottom: 0;
  }
  .sgk-wrapperBG,
  .sgk-form .sgk-wrapperBG {
    padding: 40px 30px 10px;
  }
  img.sgk-line {
    margin: 30px auto;
  }
  .sgk-form {
    width: 370px;
  }
  .sgk-footer img.sgk-footerImg {
    margin: 30px auto;
  }
  .sgk-footerTop .col-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-bottom: 20px;
  }
  .sgk-footerTop .col-3:nth-child(3),
  .sgk-footerTop .col-3:nth-child(4) {
    margin-bottom: 0;
  }
  .sgk-footerTop .col-3 .sgk-footer__header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .sgk-footerBott {
    margin-top: 0;
  }
  .sgk-footerBottWrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sgk-footerBottWrapper__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 15px auto;
  }
  .sgk-rankings__top {
    margin-bottom: 30px;
  }
  .sgk-rankings__topItem {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 20px;
  }
  .sgk-rankings__topItem:last-child {
    margin-bottom: 0;
  }
  .sgk-rankingsTabs {
    margin-top: 40px;
  }
  .sgk-rankingsTabs__header nav a:hover::after,
  .sgk-rankingsTabs__header nav a.sgk-activeTabs::after {
    left: -12px;
  }
  .sgk-galleryWrapper__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    display: block !important;
  }
  .sgk-galleryWrapper__item--desc {
    position: relative;
    z-index: 1;
    display: block;
  }
  .sgk-galleryWrapper__item img {
    width: 100%;
  }
  .sgk-pagination {
    margin: 40px auto;
  }
  .sgk-marketSlider .sgk-marketSlider__itemWrapper {
    margin: 0 auto;
  }
}
@media (max-width: 710px) {
  .sgk-accountWrapperBottom__item {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .sgk-downloadServicesLeft .sgk-downloadServicesLeftWrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sgk-downloadServicesLeft .sgk-downloadServicesLeftWrapper .sgk-downloadServicesLeft--item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
            flex: 0 0 47%;
    margin: 3px;
    grid-gap: 0;
  }
  .sgk-topItem {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .sgk-headerWrapper .sgk-header .sgk-headerMenu {
    left: -70%;
    width: 70%;
  }
  .sgk-headerWrapper .sgk-header .sgk-burger-menu.sgk-activeMenu {
    left: 60%;
  }
}
@media (max-width: 550px) {
  .sgk-pagination__page,
  .sgk-pagination__arrow {
    margin: 0 5px;
    width: 35px;
    height: 35px;
  }
  .sgk-rankingsTabs__header nav a:hover::after,
  .sgk-rankingsTabs__header nav a.sgk-activeTabs::after {
    content: none;
  }
  .sgk-galleryWrapperLink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-height: initial;
  }
}
@media (max-width: 500px) {
  .sgk-rankings__filter a.sgk-btn {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0 auto 20px;
  }
  .sgk-rankings__filter a.sgk-btn:last-child {
    margin-bottom: 0;
  }
  .sgk-table-download {
    max-width: 400px;
  }
  .sgk-promoServerSlider__item img,
  .sgk-promoServerSlider__item p,
  .sgk-promoServerSlider__item span {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .sgk-promo .sgk-promoServerSlider__item p {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .sgk-promo .sgk-promoServerSlider__item span {
    font-size: 18px;
  }
  .sgk-lineTitle span {
    top: -5px;
  }
}
@media (max-width: 480px) {
  .sgk-marketSlider .slick-arrow {
    display: block !important;
  }
  .sgk-market .sgk-slick-prev,
  .sgk-videoSlider-nav .sgk-slick-prev,
  .sgk-market .sgk-slick-next,
  .sgk-videoSlider-nav .sgk-slick-next {
    z-index: 999;
  }
  .sgk-market .sgk-slick-prev {
    left: 0;
  }
  .sgk-market .sgk-slick-next {
    right: 0;
  }
  .sgk-videoSlider-nav .sgk-slick-prev {
    left: 30px;
  }
  .sgk-videoSlider-nav .sgk-slick-next {
    right: 30px;
  }
}
@media (max-width: 425px) {
  .sgk-wrapperBG {
    padding: 40px 20px 10px;
  }
  .sgk-pagination__page,
  .sgk-pagination__arrow {
    margin: 5px;
    width: 30px;
    height: 30px;
  }
  .sgk-form {
    width: 100%;
    max-width: 320px;
  }
  .sgk-form .sgk-checkboxRegistration {
    font-size: 12px;
  }
  .sgk-form .sgk-checkboxRegistration .sgk-formLinks__link {
    font-size: 12px;
  }
  .sgk-form .sgk-checkbox label {
    padding-left: 18px;
  }
  .sgk-rankings__topItem {
    padding: 15px 10px;
  }
}
@media (max-width: 375px) {
  .sgk-wrapperBG {
    padding: 40px 10px 10px;
  }
}
.sliderItem {
  position: relative;
  height: 600px;
  max-width: 1200px;
  margin: 0 auto;
}
.hero {
  position: absolute;
  right: -200px;
  bottom: -30px;
  transition: 1s;
}
.sgk-videoSlider-for .slick-active .hero {
  right: 2.2rem;
}

/* Sadece 992px ve daha geniş ekranlarda (Bilgisayar) çalışır */
@media (min-width: 992px) {
  .sgk-videoSlider-for .slick-active .hero {
    right: -17.8rem;
    bottom: -96px;
  }
}

/* 2. ADIM: Rozeti ana resmin merkezinden sağa iterek hizalıyoruz */
.avatar-faction-mini {
    position: absolute !important;
    left: 50% !important; /* İçinde bulunduğu 220px'lik div'in tam ortasına gelir */
    bottom: 28px !important; /* Alttan boşluk (Kendi göz zevkine göre ayarla) */
    
    /* Boyutları ekran görüntüsündeki kutulara göre biraz büyük geldi, 30px denedim */
    width: 40px !important; 
    height: 40px !important;
    z-index: 10;
    
    /* Ortadan (left: 50%) başlayıp sağa doğru itme ayarı. 
       Eğer rozet çok sağa gittiyse bu değeri 10px, 5px gibi düşürebilirsin. */
    transform: translateX(15px) !important; 
}

/* Sadece maksimum 1024px genişlik ve 600px yüksekliğe sahip ekranlar için */
@media (max-width: 1024px) and (max-height: 600px) {
  .sgk-videoSlider-for .slick-active .hero {
    right: -19.8rem;
    bottom: -96px; /* Kendi istediğin değeri gir */
  }
}

.sgk-videoSlider-for .slick-list {
  padding-top: 30px;
}
.sgk-videoSlider-for .slick-track {
  background-color: #131111;
}
.heroTitle {
  display: flex;
  padding-top: 0px;
  margin-left: -30px;
  position: relative;
  transition: 1s;
}
.sgk-videoSlider-for .slick-active .heroTitle {
  padding-top: 20px;
}
.heroTitle-block {
  font-size: 50px;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-align: left;
  padding: 15px 0px 0px 20px;
}
.heroTitle-block b {
  font-size: 60px;
}
.heroTitle-block span {
  display: block;
  color: #f08d2f;
  font-size: 18px;
  text-transform: uppercase;
}
.s-slide {
  background: url(../img/webp100/video_placeholder_bg.webp) bottom center no-repeat;
}
.heroText {
  color: #8f7f61;
  font-size: 16px;
  max-width: 440px;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  line-height: 30px;
  margin-top: -20px;
}
.teamOnline {
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  padding-top: 45px;
  max-width: 700px;
  position: relative;
  left: -100px;
  transition: 1s;
}
.sgk-videoSlider-for .slick-active .teamOnline{
  left: 0px;
}
.teamOnline-title {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.teamOnline-block {
  width: 199px;
  position: relative;
  margin: 20px 65px;
}
.teamOnline-block:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 64px;
  left: -67px;
  top: -6px;
}
.teamOnline-block.attack:before {
  background: url(../img/png/icon-attack.png);
}
.teamOnline-block.dexterity:before {
  background: url(../img/png/icon-dexterity.png);
}
.teamOnline-block.defense:before {
  background: url(../img/png/icon-defense.png);
}
.teamOnline-block.mastery:before {
  background: url(../img/png/icon-mastery.png);
}
.teamOnline-block.magic:before {
  background: url(../img/png/icon-magic.png);
}
.teamOnline-flex {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-left: 20px;
}
.teamOnline-block_text {
  font-family: 'Open Sans', sans-serif;
  color: #ff6000;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  padding: 0px 10px;
}
.teamOnline-block_text span {
  font-family: 'Open Sans', sans-serif;
  color: #ff6000;
}
.teamOnline-block_pr {
  background: url(../img/png/hero-bar.png) no-repeat;
  height: 14px;
  display: flex;
  align-items: center;
  padding: 0px 15px;
}
.teamOnline-block_pr span {
  height: 4px;
  background: #e4ff00;
  width: 1%;
  display: block;
  transition: 3s;
}
.sgk-videoSlider-for .slick-active .teamOnline-block_pr span{
  width: 100%;
}
@media (max-width: 1220px) {
  .s-slide {
    padding: 0px 20px;
  }
}
@media (max-width: 776px) {
  .sliderItem {
    height: 800px;
  }
}
@media (max-width: 660px) {
  .heroTitle-block {
    font-size: 30px;
  }
}
@media (max-width: 600px) {
  .heroTitle {
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
  }
  .heroTitle-img {
    display: block;
    margin: 0 auto;
  }
  .heroTitle-block {
    width: 100%;
    text-align: center;
  }
  .sliderItem {
    height: 1000px;
  }
  .heroText {
    margin-top: 20px;
  }
}
@media (max-width: 420px) {
  .teamOnline-block {
    width: 199px;
    position: relative;
    margin: 20px 25px 20px 60px;
  }
}
.sgk-usernameRegistration {
  position: relative;
}

   .discord-login-btn {
    background-color: #5865F2;
    color: #ffffff;
    padding: 4px 19px;
    border-radius: 4px;
    text-decoration: none;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 12px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    transition: background-color 0.2s ease;
}

.discord-login-btn:hover {
    background-color: #4752C4; /* Üzerine gelince biraz daha koyu */
}