/* @font-face {
    font-family: 'QuadratSerial';
    src: url('../fonts/QuadratSerialLight.woff2') format('woff2'),
        url('../fonts/QuadratSerialLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'QuadratSerial';
    src: url('../fonts/Quadrat-Serial-Regular.woff2') format('woff2'),
        url('../fonts/Quadrat-Serial-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'QuadratSerial';
    src: url('../fonts/QuadratSerialMedium.woff2') format('woff2'),
        url('../fonts/QuadratSerialMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
} */

@font-face {
    font-family: 'SemplicitaPro';
    src: url('../fonts/SemplicitaPro-Regular.woff2') format('woff2'),
        url('../fonts/SemplicitaPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SemplicitaPro';
    src: url('../fonts/SemplicitaPro-Light.woff2') format('woff2'),
        url('../fonts/SemplicitaPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SemplicitaPro';
    src: url('../fonts/SemplicitaPro-Semibold.woff2') format('woff2'),
        url('../fonts/SemplicitaPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


html {  scroll-behavior: smooth;}
body {
    background: black;
    color: #ebdec2;
    font-family: 'SemplicitaPro';

}
a {
    color: #ebdec2;
    -moz-transition: color .5s;
    -ms-transition: color .5s;
    -o-transition: color .5s;
    -webkit-transition: color .5s;
    transition: color .5s;
}
h1 {
    /* font-family: 'QuadratSerial'; */
    font-family: 'SemplicitaPro';
    font-size: 4em;
    text-align: center;
    color: #ebdec2;
    /* color: #ebdec2ae; */
}
.display-1 {
    font-size: 2.75rem;
    line-height: 1;
    font-weight: bold;
    /* letter-spacing: .25rem; */
    padding-top:1rem;
  }
  .display-1-mini {
    font-size: 2rem;

  }
  .display-2 {
    font-size: 1.25rem;
    line-height: 1;
    font-weight: bold;

  }
  @media (min-width:720px) {
    .display-1 {
        font-size: 3.6rem;
        line-height: 1.2;
        padding-top:0;
      }
      .display-1-mini {
        font-size: 2.6rem;
       
      }
      .display-2 {
        font-size: 2rem;
        line-height: 1;
        font-weight: bold;
    
      }
   }
   @media (min-width:1280px) {
    .display-1 {
        font-size: 5.75rem;
        line-height: 1.2;
        font-weight: bold;
        padding-top:0;
      }
      .display-1-mini {
        font-size: 4rem;
       
      }
      .display-2 {
        font-size: 2rem;
        line-height: 1;
        font-weight: bold;
    
      }
   }
h3 {
    /* font-family: 'QuadratSerial'; */
    font-family: 'SemplicitaPro';
    font-weight: 300;
    font-size: 1.2em;
    text-align: center;
    color: #edb43f;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'SemplicitaPro';
    /* color: #fff; */
   font-weight: 700;
}
h6.youtube {
    font-family: 'SemplicitaPro';
    /* color: #fff; */
}

a:hover{
    text-decoration: none;
    color: #eeba3f;
}
.yellow {
    color: #eeba3f;

}
.h2-link:hover {
    text-decoration: none;
    color: #eeba3f;
}
.h2-link {
   color: #fff;
   -moz-transition: color .5s;
   -ms-transition: color .5s;
   -o-transition: color .5s;
   -webkit-transition: color .5s;
   transition: color .5s;
}
.fadewhite {
    color: #ebdec2
}

p {
    font-family: 'SemplicitaPro';
    line-height: 1.5;
}
p.hero {
    font-size: 1.25rem;
}

.wow-hero {
    position: relative;
    background-color: black;
    /* height: 75vh; */
    min-height: 25rem;
    width: 100vw;
    overflow: hidden;
    left: 0;
}

.wow-hero video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
html, body {
    overflow-x: hidden;
}

.text-center .IronButton {
    display: block;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.a-heros {
    background-image: linear-gradient(rgba(6, 10, 18, .55), rgba(6, 10, 18, .45)), url(../assets/a-heros-bg.jpg);
    background-size: cover, cover;
    background-position: center center, center center;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .8);
}

.wow-hero .container {
    position: relative;
    z-index: 2;
}

.wow-hero .container-fluid {
    position: relative;
    z-index: 2;
}

.wow-hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}

.section {
    min-height: 90vh;
}

.no-padding {
    padding: 0;
}

.faq {
    background-image: url(../assets/black_bg.jpg);
    background-size: 100%;
}

.faq-frame {
    height:300px;
    overflow: hidden;
    padding-bottom:6rem;
    border-style: solid;
    border-image-slice: 22 27 22 27;
    border-image-width: 13px 13px 13px 13px;
    border-image-outset: 13px 13px 13px 13px;
    border-image-repeat: repeat repeat;
    border-image-source: url(../assets/faq_border.png);

    -webkit-box-shadow: 0px 0px 22px 6px rgba(255, 255, 255, 0.36);
    -moz-box-shadow: 0px 0px 22px 6px rgba(255, 255, 255, 0.36);
    box-shadow: 0px 0px 22px 6px rgba(255, 255, 255, 0.36);

    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    -webkit-transition: height .5s;
    transition: height .5s;

}

.answer {
    font-family: 'SemplicitaPro';
    line-height: 1.5;
}

.question {
    /* font-family: 'QuadratSerial'; */
    font-family: 'SemplicitaPro';
    line-height: 1.5;
    font-weight: bold;
}

.triple-bg {
    background-image:  url(../assets/bg_twitch.jpg), url(../assets/lower_bg.jpg);
    background-position:  top center, bottom center;
    background-size: 100%, 100%;
    background-repeat:  no-repeat, no-repeat;
}

.triple2-bg {
    background-image: linear-gradient(#000 0%, rgba(0, 0, 0, 0) 12%, rgba(6, 10, 18, .45) 55%, #000 100%), url(../assets/return.jpg);
    background-position: top center, top center;
    background-size: cover, cover;
    background-repeat: no-repeat, no-repeat;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .8);
}
.section-divider {
    background-color:rgb(0, 0, 0);
    border-bottom: 1px solid rgba(255,255,255,.1);
    border-top: 1px solid rgba(255,255,255,.1);
    height:4px;
}
@media (min-width:720px) {
    /* .triple-bg {
        font-size: 4rem;
        line-height: 1.2;
        padding-top:0;
      } */
   }
   @media (min-width:1280px) {
    .triple-bg {
        background-image: url(../assets/bg_twitch.jpg), url(../assets/lower_bg.jpg);
    background-position: top center, bottom center;

    background-size: contain, contain;
    background-repeat: no-repeat, no-repeat;
      }
     
   }


.thumb {
    -webkit-box-shadow: 0px 0px 22px 6px rgba(255, 255, 255, 0.26);
    -moz-box-shadow: 0px 0px 22px 6px rgba(255, 255, 255, 0.26);
    box-shadow: 0px 0px 22px 6px rgba(255, 255, 255, 0.26);
}
.follow {
    background-image: url(../assets/follow_bg.jpg);
background-size: auto 100%;
background-repeat: repeat-x;
background-position: 50%;
}
.footer {
    background-image: url(../assets/footer_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.fadedbottom {
    position: absolute;
    bottom: 0;
    left: 4%;
    width: 92%;
    height: 100px;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 34%, rgba(0, 0, 0, 1) 100%);
    padding-top: 60px;
  }
  .lang-selector{
    font-family: "SemplicitaPro";
    font-size: 1rem;
    font-weight: bold;
    text-shadow: 0px 0px 14px rgba(255, 255, 255, 0.682);
    color: #fff;



  }
  .lang-selector a{
    color: #fff;
    text-decoration: none;
    padding:0 .5rem;
  }
  .lang-selector a.unselected{
    color: rgba(255, 255, 255, 0.493);
    text-decoration: none;
  }
  a:hover {
    color: #fff;
  }


   .Icon {
    display:inline-block;
    position:relative;
    background-repeat:no-repeat
   }
   .Icon--inline {
    display:inline
   }
   .Icon--invert {
    -webkit-filter:invert(100%);
    filter:invert(100%)
   }
   .Icon--placeholder,
   .Icon--wireframe {
    border:4px solid #000;
    border-radius:50%;
    height:32px;
    width:32px
   }
   .Icon--placeholder.Icon--small,
   .Icon--wireframe.Icon--small {
    border-width:2px;
    height:16px;
    width:16px
   }
   .Icon--placeholder.Icon--medium,
   .Icon--wireframe.Icon--medium {
    border-width:3px;
    height:26px;
    width:26px
   }
   .Icon--placeholder.Icon--large,
   .Icon--wireframe.Icon--large {
    border-width:5px;
    height:56px;
    width:56px
   }
   .Icon--play {
    border-color:transparent #000;
    border-style:solid;
    border-width:32px 0 32px 50px
   }
   .Icon--vod {
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-vod.c2e0ef49599112d004f204529cec950c.png);
    background-position:50%;
    position:relative;
    width:27px;
    height:27px;
    background-repeat:no-repeat
   }
   .Icon--vod:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--pause {
    height:50px;
    width:18px
   }
   .Icon--pause:after,
   .Icon--pause:before {
    content:"";
    display:block;
    background:#000;
    height:100%;
    width:100%;
    position:absolute;
    top:0
   }
   .Icon--pause:before {
    right:90%
   }
   .Icon--pause:after {
    left:90%
   }
   .Icon--bluepost {
    background:#01b2f1;
    border-radius:50%;
    color:#fff;
    height:32px;
    line-height:32px;
    text-align:center;
    width:32px
   }
   .Icon--star {
    margin:50px 0;
    display:block;
    position:relative;
    width:0;
    height:0;
    border-right:100px solid transparent;
    border-bottom:70px solid #000;
    border-left:100px solid transparent;
    -webkit-transform:rotate(35deg) scale(.5);
    transform:rotate(35deg) scale(.5)
   }
   .Icon--star:before {
    border-bottom:80px solid #000;
    border-left:30px solid transparent;
    border-right:30px solid transparent;
    top:-45px;
    left:-65px;
    -webkit-transform:rotate(-35deg);
    transform:rotate(-35deg)
   }
   .Icon--star:after,
   .Icon--star:before {
    content:"";
    display:block;
    position:absolute;
    height:0;
    width:0
   }
   .Icon--star:after {
    top:3px;
    left:-105px;
    border-right:100px solid transparent;
    border-bottom:70px solid #000;
    border-left:100px solid transparent;
    -webkit-transform:rotate(-70deg);
    transform:rotate(-70deg)
   }
   .Icon--star.Icon--small {
    -webkit-transform:rotate(35deg) scale(.1);
    transform:rotate(35deg) scale(.1)
   }
   .Icon--badge {
    height:26px;
    width:26px;
    margin:3px;
    background-color:#000;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
   }
   .Icon--badge:after,
   .Icon--badge:before {
    content:"";
    display:block;
    border-color:transparent #000;
    border-style:solid;
    border-width:18px;
    height:0;
    width:0;
    position:absolute;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    top:0
   }
   .Icon--badge:before {
    top:-4px;
    left:-12px;
    border-width:10px 0 18px 18px
   }
   .Icon--badge:after {
    top:-17px;
    left:1px;
    border-width:10px 18px 18px 0
   }
   .Icon--badge.Icon--small {
    margin:-7px;
    -webkit-transform:rotate(45deg) scale(.3);
    transform:rotate(45deg) scale(.3)
   }
   .Icon--check {
    border:3px solid #000;
    border-width:0 0 4px 4px;
    height:16px;
    width:32px;
    margin:6px 0;
    -webkit-transform:rotate(-45deg) scale(.5);
    transform:rotate(-45deg) scale(.5)
   }
   .Icon--checkCircleGreen {
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-checkCircleGreen.fbe1f39b8334d8228bf6120bc6d33692.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative;
    width:18px
   }
   .Icon--checkCircleGreen:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--readmore {
    width:10px;
    height:2px;
    background-color:#000;
    margin:3px
   }
   .Icon--readmore:before {
    border:2px solid #000;
    border-width:1px 1px 0 0;
    content:"";
    display:block;
    height:6px;
    position:absolute;
    right:0;
    top:-2px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    width:6px
   }
   .Icon--dropdown {
    height:16px;
    top:-3px;
    -webkit-transform:rotate(-45deg) scale(.5);
    transform:rotate(-45deg) scale(.5);
    width:16px
   }
   .Icon--dropdown,
   .Icon--dropright {
    border:2px solid #000;
    border-width:0 0 3px 3px;
    margin:-4px 0
   }
   .Icon--dropright,
   .Icon--droprightGold {
    height:14px;
    top:-2px;
    left:-4px;
    -webkit-transform:rotate(-135deg) scale(.5);
    transform:rotate(-135deg) scale(.5);
    width:14px
   }
   .Icon--droprightGold {
    margin:-4px 0;
    border:2px solid #f8b700;
    border-width:0 0 3px 3px
   }
   .Icon--dropleft {
    border:2px solid #000;
    border-width:0 0 3px 3px
   }
   .Icon--dropleft,
   .Icon--dropleftGold {
    height:14px;
    margin:-4px 0;
    top:-2px;
    left:-4px;
    -webkit-transform:rotate(45deg) scale(.5);
    transform:rotate(45deg) scale(.5);
    width:14px
   }
   .Icon--dropleftGold {
    border:2px solid #f8b700;
    border-width:0 0 3px 3px
   }
   .Icon--menu {
    top:-4px
   }
   .Icon--menu,
   .Icon--menu:after,
   .Icon--menu:before {
    width:20px;
    height:3px;
    background-color:#000
   }
   .Icon--menu:before {
    top:-5px
   }
   .Icon--menu:after,
   .Icon--menu:before {
    content:"";
    display:block;
    position:relative
   }
   .Icon--menu:after {
    top:2px
   }
   .Icon--wowMenu {
    top:-4px
   }
   .Icon--wowMenu,
   .Icon--wowMenu:after,
   .Icon--wowMenu:before {
    width:24px;
    height:3px;
    background-color:#e7cf43
   }
   .Icon--wowMenu:before {
    content:"";
    display:block;
    position:relative;
    top:-7px
   }
   .Icon--wowMenu:after {
    content:"";
    display:block;
    position:relative;
    top:4px
   }
   .Icon--search {
    border:2px solid #000;
    border-radius:50%;
    height:18px;
    width:18px;
    top:-1px;
    margin:7px
   }
   .Icon--search:before {
    background:#000;
    content:"";
    display:block;
    height:3px;
    position:relative;
    top:14px;
    left:-8px;
    width:10px;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
   }
   .Icon--search.Icon--large {
    border-width:3px;
    height:28px;
    width:28px
   }
   .Icon--search.Icon--large:before {
    height:4px;
    top:21px;
    left:-10px;
    width:14px
   }
   .Icon--horde {
    color:#b30000
   }
   .Icon--alliance {
    color:#0078ff
   }
   .Icon--closeGold,
   .Icon--closeMedium,
   .Icon--closeSmall {
    height:18px;
    width:18px;
    margin:0 3px 2px 0
   }
   .Icon--closeGold:after,
   .Icon--closeGold:before,
   .Icon--closeMedium:after,
   .Icon--closeMedium:before,
   .Icon--closeSmall:after,
   .Icon--closeSmall:before {
    background:#000;
    content:"";
    display:block;
    height:3px;
    position:relative;
    width:27px
   }
   .Icon--closeGold:before,
   .Icon--closeMedium:before,
   .Icon--closeSmall:before {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    top:8px;
    left:-3px
   }
   .Icon--closeGold:after,
   .Icon--closeMedium:after,
   .Icon--closeSmall:after {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    top:5px;
    left:-3px
   }
   .Icon--closeMedium {
    margin:0
   }
   .Icon--closeMedium:after,
   .Icon--closeMedium:before {
    width:18px
   }
   .Icon--closeMedium:before {
    top:9px;
    left:-2px
   }
   .Icon--closeMedium:after {
    top:6px;
    left:-2px
   }
   .Icon--closeSmall {
    margin:0
   }
   .Icon--closeSmall:after,
   .Icon--closeSmall:before {
    width:9px
   }
   .Icon--closeSmall:after,
   .Icon--closeSmall:before {
    left:4px
   }
   .Icon--closeGold:after,
   .Icon--closeGold:before {
    background:#f8b700
   }
   .Icon--closeCircleRed {
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-closeCircleRed.51a0f996ac8b43a4314d4d5f2d67803d.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative;
    width:18px
   }
   .Icon--closeCircleRed:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--closeSwitchOff {
    height:19px;
    width:19px;
    margin:0
   }
   .Icon--closeSwitchOff:after,
   .Icon--closeSwitchOff:before {
    background:#000;
    content:"";
    display:block;
    height:3px;
    position:relative;
    width:19px
   }
   .Icon--closeSwitchOff:before {
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    top:8px;
    left:0
   }
   .Icon--closeSwitchOff:after {
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    top:5px;
    left:0
   }
   .Icon--closeSwitchOn {
    height:19px;
    width:19px;
    margin:0
   }
   .Icon--closeSwitchOn:after,
   .Icon--closeSwitchOn:before {
    background:#000;
    content:"";
    display:block;
    height:3px;
    position:relative;
    width:19px
   }
   .Icon--closeSwitchOn:before {
    top:8px;
    left:0
   }
   .Icon--closeSwitchOn:after {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    top:5px;
    left:0
   }
   .Icon--plus {
    height:19px;
    width:19px;
    margin:0
   }
   .Icon--plus:after,
   .Icon--plus:before {
    background:#000;
    content:"";
    display:block;
    height:3px;
    position:relative;
    width:19px
   }
   .Icon--plus:before {
    top:8px;
    left:0
   }
   .Icon--plus:after {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    top:5px;
    left:0
   }
   .Icon--minus {
    height:19px;
    width:19px;
    margin:0
   }
   .Icon--minus:before {
    background:#000;
    content:"";
    display:block;
    height:3px;
    position:relative;
    width:19px;
    top:8px;
    left:0
   }
   .Icon--expand {
    height:28px;
    width:34px;
    border:3px solid #000;
    top:2px;
    -webkit-transform:scale(.5);
    transform:scale(.5);
    margin:-7px -8px
   }
   .Icon--expand:before {
    content:"";
    position:absolute;
    height:3px;
    width:9px;
    top:10px;
    left:9px;
    -webkit-box-shadow:-17px -19px #000,17px -19px #000,-17px 18px #000,17px 18px #000;
    box-shadow:-17px -19px #000,17px -19px #000,-17px 18px #000,17px 18px #000
   }
   .Icon--expand:after {
    content:"";
    position:absolute;
    height:9px;
    width:3px;
    top:7px;
    left:11px;
    -webkit-box-shadow:-20px -16px #000,23px -16px #000,-20px 15px #000,23px 15px #000;
    box-shadow:-20px -16px #000,23px -16px #000,-20px 15px #000,23px 15px #000
   }
   .Icon--plus,
   .Icon--plusMedium,
   .Icon--plusSmall {
    height:18px;
    width:18px;
    margin:0 3px 2px 0
   }
   .Icon--plus:after,
   .Icon--plus:before,
   .Icon--plusMedium:after,
   .Icon--plusMedium:before,
   .Icon--plusSmall:after,
   .Icon--plusSmall:before {
    background:#000;
    content:"";
    display:block;
    height:3px;
    position:relative;
    width:27px
   }
   .Icon--plus:before,
   .Icon--plusMedium:before,
   .Icon--plusSmall:before {
    top:8px;
    left:-3px
   }
   .Icon--plus:after,
   .Icon--plusMedium:after,
   .Icon--plusSmall:after {
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    top:5px;
    left:-3px
   }
   .Icon--plusMedium {
    margin:0
   }
   .Icon--plusMedium:after,
   .Icon--plusMedium:before {
    width:18px
   }
   .Icon--plusSmall {
    margin:0
   }
   .Icon--plusSmall:after,
   .Icon--plusSmall:before {
    width:9px
   }
   .Icon--plusSmall:after,
   .Icon--plusSmall:before {
    left:4px
   }
   .Icon--minus,
   .Icon--minusMedium,
   .Icon--minusSmall {
    border-radius:8px;
    width:20px;
    height:20px;
    position:relative;
    top:0;
    left:0
   }
   .Icon--minus:after,
   .Icon--minusMedium:after,
   .Icon--minusSmall:after {
    background-color:#000;
    width:12px;
    height:2px;
    border-radius:1px;
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    position:absolute;
    top:9px;
    left:4px;
    content:""
   }
   .Icon--minusMedium:after {
    width:18px
   }
   .Icon--minusSmall:after {
    width:9px
   }
   .Icon--calendar {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-calendar.6b347d226e304161f81c621275ee3452.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--calendar:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--cat {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-cat.efb1efd3c9d9f24bd42068b2e05cc6c8.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--cat:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--chart {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-chart.e7144483f5e7199d6c6bf7d3bb7c8582.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--chart:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--people {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-people.73cffca0387c43d605909ff4167dbe1f.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--people:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--scope {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-scope.abdf7c15c3ef7fd248cb85bc199168c0.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--scope:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--trophy {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-trophy.ae9d67967228329200982732184af7f0.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--trophy:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--photo {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-photo.2a688f9616075622d873dc7cee1ac30c.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--photo:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--prev {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-prev.3fded894f1bf069dc622086fe17dc2a7.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--prev:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--next {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-next.0ad78b7f16480a8fd531a0e4aa10fbbb.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--next:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--helmet {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-helmet.17be4eb3c8019befc47e1c6a0d62f69b.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--helmet:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--levelLow {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-level-low.0a9ab26892c87eb6a498a310aa477432.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--levelLow:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--levelMedium {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-level-medium.da51f6c01ef130a8f4bdb68d437bbb1d.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--levelMedium:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--levelHigh {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-level-high.aa4aae4a63720ddf9aa139d9d46fa806.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--levelHigh:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--large.Icon--calendar,
   .Icon--large.Icon--cat {
    width:96px
   }
   .Icon--huge.Icon--cat {
    width:192px
   }
   .Icon--large.Icon--chart,
   .Icon--large.Icon--helmet,
   .Icon--large.Icon--levelHigh,
   .Icon--large.Icon--levelLow,
   .Icon--large.Icon--levelMedium,
   .Icon--large.Icon--people,
   .Icon--large.Icon--photo,
   .Icon--large.Icon--scope,
   .Icon--large.Icon--trophy {
    width:96px
   }
   .Icon-svg {
    position:relative;
    top:-1px;
    vertical-align:middle;
    width:64px;
    height:64px
   }
   .Icon-svg:not(.Icon--color) {
    fill:currentColor
   }
   .Icon--tiny .Icon-svg {
    width:12px;
    height:12px
   }
   .Icon--small .Icon-svg {
    width:18px;
    height:18px
   }
   .Icon--medium .Icon-svg {
    width:32px;
    height:32px
   }
   .Icon--large .Icon-svg {
    width:48px;
    height:48px
   }
   .Icon--huge .Icon-svg {
    width:96px;
    height:96px
   }
   .Icon--full .Icon,
   .Icon--full .Icon-svg {
    width:100%;
    height:auto
   }
   .Icon--roleDamage {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-game-role-damage-dealer.8a1efbae28142180b94af651bed7e1a5.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--roleDamage:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--roleTank {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-game-role-tank.08fa1eea5a29d846256225be08918123.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--roleTank:before {
    content:"";
    display:block;
    padding-top:100%
   }
   .Icon--roleHealer {
    width:56px;
    background-size:100%;
    background-image:url(/static/components/Icon/Icon-game-role-healer.6986b936d3743da01d74541f86209f27.png);
    background-position:50%;
    background-repeat:no-repeat;
    position:relative
   }
   .Icon--roleHealer:before {
    content:"";
    display:block;
    padding-top:100%
   }
   
   .SocialLinks {
    color:#ebdec2;
    text-align:center
   }
   @media (min-width:720px) {
    .SocialLinks {
     display:table;
     position:relative;
     margin-left:auto;
     margin-right:auto;
     text-align:center
    }
    .SocialLinks>.List-item {
     vertical-align:middle
    }
   }
   .SocialLinks-title {
    text-transform:uppercase;
    font-family:Semplicita Pro,Open Sans,Arial,Helvetica,sans-serif;
    font-weight:700;
    font-size:1.08rem;
    line-height:1.5;
    padding:10px 0
   }
   @media (min-width:720px) {
    .SocialLinks-title {
     font-size:1.224rem
    }
   }
   @media (min-width:1280px) {
    .SocialLinks-title {
     font-size:1.44rem
    }
   }
   @media (min-width:720px) {
    .SocialLinks-links {
     display:table-cell;
     height:100%;
     padding:0 20px
    }
   }
   .SocialLinks-link {
    color:#f8b700;
    padding:0 10px;
    display:inline-block
   }
   html:not(.touch) .SocialLinks-link:hover {
    color:#fff
   }
   .SocialLinks--onLight,
   .SocialLinks--onLight>.SocialLinks-links .SocialLinks-link {
    color:#211510
   }
   .SocialLinks--stacked .SocialLinks-links {
    display:block;
    padding:10px 0
   }
   .SocialLinks--legion .SocialLinks-title {
    color:#fff
   }
   .SocialLinks--legion .SocialLinks-link {
    color:#13ff29
   }
   html:not(.touch) .SocialLinks--legion .SocialLinks-link:hover {
    color:#fff
   }
   .SocialLinks--ocho .SocialLinks-title {
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-image:-webkit-linear-gradient(top,#ede0c9 20%,#8a7e66);
    background-size:1.3em 1.3em;
    background-position:top;
    color:#ede0c9;
    display:inline-block;
    line-height:1.3em;
    text-shadow:none;
    position:relative
   }
   .SocialLinks--ocho .SocialLinks-link {
    color:#cacaca
   }
   html:not(.touch) .SocialLinks--ocho .SocialLinks-link:hover {
    color:#fff
   }
   
   .SocialButtons-button,
   .SocialButtons-link {
    display:inline-block
   }
   .SocialButtons-link {
    -webkit-transition:all .25s cubic-bezier(.23,1,.32,1) 0s;
    transition:all .25s cubic-bezier(.23,1,.32,1) 0s;
    background:#b1997f;
    color:#fff;
    margin:5px 10px 5px 0;
    padding:4px 16px;
    position:relative;
    line-height:2.2rem;
    cursor:pointer
   }
   html:not(.touch) .SocialButtons-link:hover {
    background:#f8b700
   }
   .SocialButtons-link * {
    pointer-events:none
   }
   .SocialButtons-link--facebook {
    background:#3a5795;
    padding-left:36px
   }
   html:not(.touch) .SocialButtons-link--facebook:hover {
    background:#25375e
   }
   .SocialButtons-link--twitter {
    background:#55acee;
    padding-left:41px
   }
   html:not(.touch) .SocialButtons-link--twitter:hover {
    background:#1689e0
   }
   .SocialButtons-link--vkontakte {
    background:#4d75a3;
    padding-left:50px
   }
   html:not(.touch) .SocialButtons-link--vkontakte:hover {
    background:#34506f
   }
   .SocialButtons-link--tencentqq {
    background:#ec5252;
    padding-left:38px
   }
   html:not(.touch) .SocialButtons-link--tencentqq:hover {
    background:#da1818
   }
   .SocialButtons-link--whatsapp {
    background:#25d366;
    padding-left:38px
   }
   html:not(.touch) .SocialButtons-link--whatsapp:hover {
    background:#1a9247
   }
   .SocialButtons-icon {
    left:0;
    position:absolute;
    top:0
   }
   .SocialButtons-icon--facebook {
    left:9px;
    margin-top:-9px;
    top:50%
   }
   .SocialButtons-icon--facebook>.Icon-svg {
    display:block;
    height:21px;
    width:21px
   }
   .SocialButtons-icon--twitter {
    left:8px;
    margin-top:-12px;
    top:50%
   }
   .SocialButtons-icon--twitter>.Icon-svg {
    display:block;
    height:24px;
    width:24px
   }
   .SocialButtons-icon--vkontakte {
    left:7px;
    margin-top:-19px;
    top:50%
   }
   .SocialButtons-icon--vkontakte>.Icon-svg {
    display:block;
    height:38px;
    width:38px
   }
   .SocialButtons-icon--tencentqq {
    left:7px;
    margin-top:-13px;
    top:50%
   }
   .SocialButtons-icon--tencentqq>.Icon-svg {
    display:block;
    height:26px;
    width:26px
   }
   .SocialButtons-icon--whatsapp {
    left:8px;
    margin-top:-11px;
    top:50%
   }
   .SocialButtons-icon--whatsapp>.Icon-svg {
    display:block;
    height:22px;
    width:22px
   }
   .SocialButtons--stacked .SocialButtons-button {
    display:block;
    margin:0 0 20px
   }
   .SocialButtons--stacked .SocialButtons-link {
    margin:0;
    padding-top:8px;
    padding-bottom:8px;
    display:block
   }
   .modal-content {
       padding:1rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #000;
    background-clip: padding-box;
    /* border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem; */
    outline: 0;
    border-style: solid;
    border-color: #000;
    border-image-slice: 22 27 22 27;
    border-image-width: 13px 13px 13px 13px;
    border-image-outset: 13px 13px 13px 13px;
    border-image-repeat: repeat repeat;
    border-image-source: url(../assets/faq_border.png);
    -webkit-box-shadow: 0px 0px 22px 6px rgba(255, 255, 255, 0.36);
    -moz-box-shadow: 0px 0px 22px 6px rgba(255, 255, 255, 0.36);
    box-shadow: 0px 0px 22px 6px rgba(255, 255, 255, 0.36);
  }
  .modal-header {

    padding: 1rem 1rem;
    border-bottom: none;

  }
  .close {
    font-size: 1.5rem;
   
    color: #fff;
    text-shadow: 0 1px 0 #fff;
  }
  .close:hover {

    color: #fff;
    text-shadow: 0 1px 0 #fff;
  }

  .modal-backdrop
{
    opacity:0.85 !important;
}

.vh-90 {
    min-height: 90vh !important;
  }
  .vh-50 {
    min-height: 50vh !important;
  }
  .vh-30 {
    min-height: 30vh !important;
  }
  .vh-40 {
    min-height: 40vh !important;
  }
  .bl-footer {
    font-size: .8rem;
  }
 .bl-footer a {
   /* font-family: "sempl", Helvetica, Arial, sans-serif; */
   font-size: inherit;
   line-height: 1.4;
   color: rgba(255, 255, 255, .7);
   text-decoration: none;
   background: 0 0;
   white-space: nowrap;
   transition: color .2s, background-color .2s, border-color .2s;
   text-transform: uppercase;
 }
/* ссылка на раздел золота в футере */
.gold-footer-link { font-size: 1.05rem; letter-spacing: .02em; text-decoration: none; }
.gold-footer-link:hover { text-decoration: underline; }