@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

.ttable { border-collapse: collapse; border-spacing: 0; text-align: center; vertical-align: middle; }

.ttable { width: 100%; }

.ttable td { border-collapse: collapse; padding: 10px 20px; color: #323232; font-size: 15px; }

.ttable thead tr { background: #323232; }

.ttable thead tr td { color: #c2c2c2; }

.ttable tbody tr td { border: 1px solid #bab9b9; }

.ttable tbody th { border: 1px solid #bab9b9; padding-bottom: 1rem; padding-top: 1rem; background-color: #d88738; color: #fff; }

.ttable tbody tr td { font-family: "SourceSansPro-Semibold"; }

.ttable tbody tr td:first-child { font-family: "SourceSansPro-Bold"; }

.ttable tbody tr:last-child { border-bottom: 1px; }


.imgclasse {  width: 50%;	float: right; }

.mt1 {
  margin-top: 1rem;
}
.mt2 {
  margin-top: 2rem;
}
.mt3 {
  margin-top: 3rem;
}
.mt4 {
  margin-top: 4rem;
}

.img-logo img {
  height: 1000px;
}

.ultatt {
  font-style: normal;
  color: #6f6f6f; font-size: 20px; 
}

.marimg {
  margin-top: -1rem;
  margin-bottom: 2rem;
}

.titlesguias h1 {
  font-size: 25px;
}

#conteudo-left{
  float:left;
  text-align: center;
  margin-right: 9px;
  }

#conteudo-right{
  float:left;
  text-align: center;
  }

  .imagem2 { position: relative; transition: 0.3s; display: block; top: 0; }
  .imagem2:hover { top: -10px; }

  
  .wikiBlock2-gameplay { background-size: cover; border-bottom: 4px solid #dca845; margin-bottom: 1rem;}
  
  .wikiBlock2-info { position: absolute; left: 0; bottom: 0; z-index: 5; height: 50px; width: 100%; display: flex; align-items: center; justify-content: space-between; color: #f4ebe1; font-size: 24px; border-top: 1px solid rgba(255, 255, 255, 0.15); padding: 0px 25px; }
  
  .wikiBlock2-link { display: block; background: url(../images/icon.png) no-repeat; width: 17px; height: 16px; filter: saturate(0.1); transition: 0.3s; }
  
  .wikiBlock2 { width: 380px; height: 200px; position: relative; transition: 0.3s; display: block; top: 0; }
  
  .wikiBlock2:after { content: ""; position: absolute; height: 100%; width: 100%; bottom: -2px; left: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); z-index: 2; }
  
  .wikiBlock2:hover { top: -10px; }

  

  .wikiBlock3-gameplay { background-size: cover; border-bottom: 4px solid #dca845; margin-bottom: 1rem;}
  
  .wikiBlock3-info { position: absolute; left: 0; bottom: 0; z-index: 5; height: 50px; width: 100%; display: flex; align-items: center; justify-content: space-between; color: #f4ebe1; font-size: 24px; border-top: 1px solid rgba(255, 255, 255, 0.15); padding: 0px 25px; }
  
  .wikiBlock3-link { display: block; background: url(../images/icon.png) no-repeat; width: 17px; height: 16px; filter: saturate(0.1); transition: 0.3s; }
  
  .wikiBlock3 { width: 380px; height: 200px; position: relative; transition: 0.3s; display: block; top: 0; }
  
  .wikiBlock3:after { content: ""; position: absolute; height: 100%; width: 100%; bottom: -2px; left: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); z-index: 2; }
  
  .wikiBlock3:hover { top: -10px; }
  

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { position: relative; overflow-x: hidden; }

body { width: 100%; background: url(../images/page-bg.png) center top no-repeat; background-color: #ffffff; font-family: "Heading-Pro-Bold"; font-size: 18px; color: #323232; min-height: 100vh; background-attachment: fixed; }

a { transition: all 0.3s ease; color: #805424; text-decoration: none; }

a:hover { text-decoration: none; }

p { margin-bottom: 20px; }

h1, h2, h3, h4 { font-family: "Heading-Pro-Bold-trial"; color: #120c05; margin-bottom: 20px; line-height: 1.2; }

h1 { font-size: 30px; }

h2 { font-size: 24px; }

h3 { font-size: 20px; }

table { width: 100%; margin-bottom: 15px; }

table td { border-collapse: collapse; padding: 25px 45px; color: #323232; font-size: 20px; }

table thead tr { background: #323232; }

table thead tr td { color: #c2c2c2; }

table tbody tr { border-bottom: 1px solid #bab9b9; }

table tbody tr td { font-family: "SourceSansPro-Semibold"; }

table tbody tr td:first-child { font-family: "SourceSansPro-Bold"; }

table tbody tr:last-child { border-bottom: 0px; }

img { max-width: 100%; }

caption { margin-bottom: 15px; }

select { background: #dfdfdf; width: 100%; border: 1px solid #b3b3b3; border-top: 3px solid #727272; color: #12100e; padding: 20px 40px; font-size: 20px; position: relative; -webkit-appearance: none; background-image: url(../images/select-icon.png); background-position: right 25px center; background-repeat: no-repeat; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none !important; cursor: pointer; font-family: "SourceSansPro-Regular"; }

input, textarea { background-color: #dfdfdf; border: 1px solid #b3b3b3; border-top: 3px solid #727272; color: #12100e; padding: 20px 40px; position: relative; font-size: 20px; width: 100%; font-family: "SourceSansPro-Regular"; }

textarea { min-height: 500px; }

button, .button { transition: all 0.3s ease; cursor: pointer; background: #795024; border: 1px solid #2f2e2e; border-top: 3px solid #2f2e2e; padding: 20px 20px; color: #f2eee9; font-size: 24px; position: relative; z-index: 1; text-align: center; font-family: "SourceSansPro-Semibold"; width: 100%; }

button:hover, .button:hover { background: #956b3e; }

.button { display: inline-block; text-decoration: none; }

.button-s { font-size: 20px; font-family: "SourceSansPro-Semibold"; border: 1px solid #2f2e2e; }

.button-blue { border: none; background: #215397; border-radius: 6px; }
.button-blue:hover { background: #3774c7; }

.small-button { width: auto; color: #bababa; font-size: 18px; font-family: "SourceSansPro-Semibold"; padding: 15px 35px; border-radius: 2px; background: linear-gradient(to bottom, #303030, #222222); border: none; }
.small-button:hover { background: linear-gradient(to top, #303030, #222222); color: #fefefe; }

:focus { outline: none; }

::-webkit-input-placeholder { color: #858585; }

::-moz-placeholder { color: #858585; }

:-moz-placeholder { color: #858585; }

:-ms-input-placeholder { color: #858585; }

.container { max-width: 1276px; padding: 0px 10px; width: 100%; margin: 0 auto; position: relative; z-index: 5; }

.flex { display: flex; flex-wrap: wrap; }

.flex-c { display: flex; align-items: center; flex-wrap: wrap; }

.flex-s { display: flex; justify-content: center; flex-wrap: wrap; }

.flex-s-c { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }

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

.bright:hover { filter: brightness(120%); }

.topPanel { position: fixed; left: 0; right: 0; top: 0; background: #333333; height: 70px; z-index: 30; }

.topLang-dropdown { display: none; }

.logo-mini { padding-left: 50px; }

.topLangBlock { position: fixed; }

.topLang-active { display: flex; cursor: pointer; height: 70px; line-height: 70px; padding: 0px 30px 0px 60px; transition: 0.3s; }

.topLang-active a { color: #b9c4ca; font-size: 18px; position: center; display: block; }

.topLang-active a:before { content: ""; position: absolute; background: url(../images/lang-icon.png) no-repeat; width: 19px; height: 19px; right: 100%; margin-right: 15px; top: 50%; margin-top: -10px; }

.topLang-active a:after { content: ""; position: absolute; background: url(../images/dropdown-icon.png) no-repeat; width: 9px; height: 5px; left: 100%; margin-left: 12px; top: 50%; margin-top: -3px; }

.topLang-active:hover { background: rgba(28, 28, 28, 0.95); }

.shot-lang { display: none; }

.topLang-dropdown { position: absolute; top: 100%; width: 100%; right: 0; background: rgba(28, 28, 28, 0.95); padding: 15px 0px; }

.topLang-dropdown a { padding: 15px 0px; display: block; text-align: center; color: #8f8f8f; }

.topLang-dropdown a:hover { color: #fff; }

.topSocIcons a { display: block; height: 22px; background-image: url(../images/top-soc-icons.png); background-repeat: no-repeat; margin-right: 28px; }

.topSocIcons a:hover { filter: brightness(170%); }

.top-fb { width: 11px; background-position: left top; }

.top-dc { width: 28px; background-position: right top; }

.topMenu { margin-right: 40px; }

.topMenu li { padding: 0px 22px; }

.topMenu li a { color: #ececec; font-size: 18px; font-weight: 600; padding: 0px 20px; }

.topMenu li a:hover { color: #fff; }

header { height: 400px; padding-top: 175px; }

.logo { text-align: center; margin-top: -4rem;}
.logo img {width: 240px;}

.topBlock { position: relative; margin-bottom: 75px; }

.topLinksBlock { background: rgba(0, 0, 0, 0.85); height: 482px; width: 304px; position: absolute; bottom: 0px; right: 0px; z-index: 2; }

.topLinksBlock { text-align: center; }

.discord-button { background: url(../images/download-button.jpg); width: 304px; height: 126px; margin-bottom: 45px; }

.discord-button span { font-family: "Heading-Pro-Bold-trial"; font-size: 42px; color: #ffffff; font-weight: 700; }

.discord-button:hover { filter: brightness(110%); }

.download-button { background: url(../images/download-button2.gif); width: 304px; height: 100px; margin-bottom: 20px; margin-top: 50px; }

.download-button span { font-family: "Heading-Pro-Bold-trial"; font-size: 42px; color: #f5f5ff; font-weight: 700; }

.download-button:hover { filter: brightness(110%); }

.login { width: 100%; max-width: 220px; margin: 0 auto; }

.login-button { width: 100%; color: #b9b8b8; display: block; padding: 16px 0px; border-top: 1px solid #725c3a; background: linear-gradient(to right bottom, #424242, #262626); text-transform: uppercase; font-weight: 600; margin-bottom: 25px; }

.login-buttons { margin-bottom: 40px; margin-top: 80px;}

.login-buttons p { color: #595959; margin-bottom: 15px; }

.login-buttons a { width: 40px; height: 40px; margin: 0px 5px; background-position: top -40px center; background-repeat: no-repeat; }

.login-buttons a:hover { background-position: top 0px center; }

.facebook-login { background-image: url(../images/facebook-icon.png); }

.google-login { background-image: url(../images/google-icon.png); }

.links { border-top: 1px solid #151515; padding: 30px 0px; height: 115px; }

.links a { color: #b9b8b8; font-size: 22px; padding: 0px 35px; display: block; position: relative; height: 100%; padding-top: 5px; height: 65px; }

.links a:first-child { border-right: 1px solid #151515; }

.links a:after { content: ""; position: absolute; background: url(../images/icon.png) no-repeat; width: 17px; height: 16px; left: 35px; bottom: 10px; margin-top: 10px; transition: 0.3s; }

.links a:hover { color: #ca964a; }

.links a:hover:after { filter: brightness(150%) saturate(0.2); }

.swiper-news-arrows { position: absolute; left: 50px; bottom: 50px; z-index: 3; z-index: 6; }

.swiper-news-arrows > div { width: 48px; height: 48px; background: #d3d3d3; border: 1px solid #2c2c2c; opacity: 1 !important; }

.swiper-news-arrows > div:after { display: none; }

.swiper-news-arrows > div:before { content: ""; position: absolute; left: 50%; top: 50%; width: 7px; height: 11px; margin-left: -3.5px; margin-top: -5.5px; filter: grayscale(100%); transition: 0.3s; }

.swiper-news-arrows > div:hover:before { filter: grayscale(0); }

.swiper-news-arrows .swiper-button-prev { left: 0; bottom: 0; right: auto; top: auto; }

.swiper-news-arrows .swiper-button-prev:before { background: url(../images/arrow-prev.png); }

.swiper-news-arrows .swiper-button-next { left: 53px; bottom: 0; right: auto; top: auto; }

.swiper-news-arrows .swiper-button-next:before { background: url(../images/arrow-next.png); }

.swiper-news .swiper-pagination { font-size: 20px; color: #4c4c4b; position: absolute; left: 175px; bottom: 65px; width: auto;  }

.swiper-news .swiper-pagination .swiper-pagination-current { color: #b8afa4; }

.swiper-block { width: 100%; height: 100%; max-width: 953px; position: relative; padding: 110px 0px 0px 100px; z-index: 6; }

.swiper-block p { font-family: "Heading-Pro-Book-trial"; font-size: 60px; text-transform: uppercase; background: linear-gradient(#ffdca4, #ffc47b); -webkit-background-clip: text; color: transparent; margin-bottom: 5px; }

.swiper-block span { font-family: "Noasarck"; font-size: 120px; text-transform: uppercase; background: linear-gradient(#fdfcfb, #e4caaa); -webkit-background-clip: text; color: transparent; }

.newsBlock { width: calc(33.3% - 25px); }

.titleBlock { display: flex; align-items: center; justify-content: space-between; background: url(../images/title-icon.png) left center no-repeat; padding-left: 30px; margin-bottom: 40px; }

.titleBlock span { font-family: "Heading-Pro-Bold-trial"; font-size: 37px; }

.titleBlock a { display: flex; align-items: center; justify-content: center; padding: 8px; background: #ffffff; border: 1px solid #c1ab93; width: 37px; height: 37px; font-size: 30px; font-family: "SourceSansPro-Regular"; color: #3d3d3d; padding: 0px 0px 2px 2px; }

.titleBlock a:hover { background: #ab7d46; border: 1px solid #664721; color: #eeedec; }

.news { position: relative; margin-top: -15px; }

.news li { border-bottom: 1px solid #dadada; display: flex; align-items: center; padding: 17px 0px; }

.news-title { display: block; border-right: 1px solid #afafaf; padding: 6px 0px 6px 0px; font-family: "SourceSansPro-Bold"; color: #805424; font-size: 18px; width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; }

.news-link { color: #17110b; font-family: "SourceSansPro-Semibold"; padding: 5px 20px 5px 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 270px; margin-right: auto; }

.news-link:hover { text-decoration: underline; }

.news-date { color: #918c86; }

.updateBlock { width: calc(66.7% - 25px); }

.swiper-line { height: 246px; width: 100%; }

.swiper-slide-line { width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.swiper-line-block { position: relative; padding: 80px 60px; }

.swiper-line-block p { color: #ffffff; font-weight: 600; font-size: 48px; margin-bottom: 10px; }

.swiper-line-block span { color: #959494; }

.swiper-line .swiper-pagination { text-align: left; left: 30px; bottom: 30px; }

.swiper-line .swiper-pagination .swiper-pagination-bullet { background: #bcbcbc; width: 10px; height: 10px; border-radius: 0px; }

.infoBlock { margin-bottom: 85px; }

.wikiBlock-gameplay { background: url(../images/bg-gameplay.jpg) no-repeat; background-size: cover; border-bottom: 4px solid #aa262e; }

.wikiBlock-gameplay:before { content: ""; position: absolute; height: 293px; width: 342px; bottom: 0; right: 0; background: url(../images/hero-gameplay.png) no-repeat; z-index: 1; }

.wikiBlock-info { position: absolute; left: 0; bottom: 0; z-index: 5; height: 65px; width: 100%; display: flex; align-items: center; justify-content: space-between; color: #f4ebe1; font-size: 24px; border-top: 1px solid rgba(255, 255, 255, 0.15); padding: 0px 25px; }

.wikiBlock-link { display: block; background: url(../images/icon.png) no-repeat; width: 17px; height: 16px; filter: saturate(0.1); transition: 0.3s; }

.wikiBlock { width: 403px; height: 264px; position: relative; transition: 0.3s; display: block; top: 0; }

.wikiBlock:after { content: ""; position: absolute; height: 100%; width: 100%; bottom: 0; left: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0)); z-index: 2; }

.wikiBlock:hover { top: -10px; }

.wikiBlock:hover .wikiBlock-link { filter: saturate(1) brightness(110%); }

.wikiBlock-classes { background: url(../images/bg-classes.jpg) no-repeat; background-size: cover; border-bottom: 4px solid #b74929; }

.wikiBlock-classes:before { content: ""; position: absolute; height: 288px; width: 415px; bottom: 0; right: -5px; background: url(../images/hero-classes.png) no-repeat; z-index: 1; }

.wikiBlock-live { background: url(../images/bg-live.jpg) no-repeat; background-size: cover; border-bottom: 4px solid #b74929; }

.wikiBlock-live:before { content: ""; position: absolute; height: 288px; width: 415px; bottom: 0; right: -5px; background: url(../images/hero-live.png) no-repeat; z-index: 1; }

.wikiBlock-live2 { background: url(../images/bg2.jpg) no-repeat; background-size: cover; border-bottom: 4px solid #b74929; }
.wikiBlock-live2:before { content: ""; position: absolute; height: 288px; width: 415px; bottom: 0; right: -5px; background: url(../images/Personagem_Selvagens.png) no-repeat; z-index: 1; }

.wikiBlock-live3 { background: url(../images/bg3.jpg) no-repeat; background-size: cover; border-bottom: 4px solid #b74929; }
.wikiBlock-live3:before { content: ""; position: absolute; height: 288px; width: 415px; bottom: 0; right: -5px; background: url(../images/Personagem_Humanos.png) no-repeat; z-index: 1; }

.wikiBlock-live4 { background: url(../images/bg4.jpg) no-repeat; background-size: cover; border-bottom: 4px solid #b74929; }
.wikiBlock-live4:before { content: ""; position: absolute; height: 288px; width: 415px; bottom: 0; right: -5px; background: url(../images/Personagem_Alados.png) no-repeat; z-index: 1; }

.wikiBlock-mounts { background: url(../images/bg-mounts.jpg) no-repeat; background-size: cover; border-bottom: 4px solid #ab7d46; }

.wikiBlock-mounts:before { content: ""; position: absolute; height: 285px; width: 316px; bottom: 0; right: 0px; background: url(../images/hero-mounts.png) no-repeat; z-index: 1; }

.wiki { position: relative; z-index: 5; }

.sky2 { background: url(../images/bg-news.png) center top no-repeat; }

.sky { background: url(../images/sky-bg.jpg) center top no-repeat; padding-top: 250px; position: relative; margin-top: -68px; padding-bottom: 80px; }

.sky:before { content: ""; position: absolute; bottom: 100%; left: 50%; background: url(../images/bg-news.png) no-repeat; height: 1000px; width: 2220px; margin-left: -1110px; }

.battleSky { text-align: center; font-family: "Heading-Pro-Bold-trial"; font-size: 112px; background: linear-gradient(#6a6a6a, #292828); -webkit-background-clip: text; color: transparent; padding: 20px 0px; margin-bottom: 40px; margin-top: -70px; }

.battleSky-text { text-align: center; line-height: 2; color: #757677; font-size: 24px; margin-bottom: 80px; }

.battleSky-text span { color: #1c2023; font-weight: 600; }

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

.gallery-img { display: block; position: relative; }

.gallery-img img { display: block; }

.gallery-img:hover .gallery-img-hover { opacity: 1; }

.gallery-img-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/lup-icon.png); background-position: center; background-repeat: no-repeat; background-color: rgba(19, 19, 19, 0.75); opacity: 0; transition: 0.3s; }

footer { background: #0a0b0e; padding: 75px 0px; position: relative; }

.f-menu { display: flex; align-items: flex-start; position: relative; margin-left: -50px; }

.f-menu li { border-right: 1px solid #292929; padding: 5px 50px; }

.f-menu li:last-child { border-right: 0px; }

.f-menu li a { color: #6f7376; }

.f-menu li a:hover { color: #fff; }

.copyText { font-size: 16px; color: #444545; margin-bottom: 50px; line-height: 1.3; }

.copyText p { margin-bottom: 15px; }

.footerSoc { position: relative; margin-left: -15px; margin-bottom: 40px; }

.footerSoc a { display: block; height: 24px; background-image: url(../images/soc-icons-sprite.png); background-repeat: no-repeat; margin: 4px 15px; opacity: 0.3; }

.footerSoc a:hover { opacity: 0.8; }

.f-inst { width: 22px; background-position: top left; }

.f-yt { width: 25px; background-position: top left -50px; }

.f-tw { width: 22px; background-position: top left -104px; }

.f-dc { width: 28px; background-position: top left -156px; }

.f-fb { width: 11px; background-position: top left -215px; }

.f-tk { width: 25px; background-position: top left -245px; }

.notBlock { border: 1px solid #919193; display: inline-flex; }

.notBlock-number { width: 66px; height: 66px; background: #fbc102; color: #fff; font-size: 36px; }

.notBlock-text { background: #919193; color: #000000; padding: 0px 26px 0px 26px; width: 250px; font-size: 15px; line-height: 1.2; }

.btn { margin-left: 15px; display: none; position: relative; z-index: 5; }

.btn span { width: 28px; height: 4px; margin: 5px 0px; display: block; background: #746e67; transition: 0.3s; position: relative; }

.btn.active span:nth-child(1) { transform: rotate(45deg); top: 5px; }

.btn.active span:nth-child(2) { display: none; }

.btn.active span:nth-child(3) { transform: rotate(-45deg); bottom: 4px; }

.pageBody { background: url(../images/page-bg.png) top center no-repeat; background-color: #f1f1f1; background-attachment: fixed; }

.blockContent { background: rgba(255, 255, 255, 0.8); padding: 85px 110px; margin-bottom: 90px; min-height: 400px; }

.blockTitle { border-top: 2px solid #56493a; background: #e2e2e2; padding: 35px 60px; border-bottom: 1px solid #b8b6ad; }

.blockTitle h1 { margin-bottom: 0px; font-size: 42px; font-family: "SourceSansPro-Semibold"; margin-bottom: 1rem; }

.downloadBlock-title { color: #4f463b; font-size: 24px; margin-bottom: 40px; }

.downloadBlock-title span { font-weight: 600; }

.downloadBlock-title strong { font-weight: 700; }

.downloadBlock-buttons { margin-bottom: 30px; }

.d-button { display: block; height: 125px; width: calc(33.3% - 16px); background-position: center; background-repeat: no-repeat; }

.d-button.mega { background-color: #1f0505; border-top: 2px solid #7e1313; background-image: url(../images/mega.png); }

.d-button.mega:hover { background-color: #7e1313; }

.d-button.mediafire { background-color: #050d1f; border-top: 2px solid #13317e; background-image: url(../images/mediafire.png); }

.d-button.mediafire:hover { background-color: #13317e; }

.d-button.utorrent { background-color: #051f07; border-top: 2px solid #1b7e13; background-image: url(../images/utorrent.png); }

.d-button.utorrent:hover { background-color: #1b7e13; }

.downloadBlock-text { color: #4f463b; font-size: 17px; }

.border { background: #b8b6ad; height: 1px; position: relative; margin: 60px -20px; }

.char-title { color: #4f463b; font-size: 36px; font-family: "Heading-Pro-Bold-trial"; margin-bottom: 45px; }

.ticketContent { padding: 90px 160px; }

.ticket-text { font-size: 20px; color: #4f463b; font-family: "SourceSansPro-Semibold"; margin-bottom: 40px; }

.formGroup { margin-bottom: 25px; }

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

.formGroup-flex select { width: 30%; }

.formGroup-flex input { width: calc(70% - 25px); }

.formGroup-button { padding-top: 10px; }

.formBlock { max-width: 820px; width: 100%; position: relative; margin: 0 auto; margin-bottom: 70px; }

.tabButtons { border-bottom: 1px solid #a6a39f; margin-bottom: 50px; position: relative; z-index: 2; }

.btn-block { display: none; }

.btn-block.active { display: block; animation: 0.5s act linear; }

@keyframes act { 0% { display: none; opacity: 0; }
  1% { display: block; opacity: 0; }
  100% { display: block; opacity: 1; } }
.tabButton { color: #7f7164; font-size: 36px; cursor: pointer; display: inline-block; font-family: "Heading-Pro-Bold-trial"; padding: 0px 20px 30px 20px; border-bottom: 3px solid rgba(109, 68, 19, 0); transition: 0.3s; margin-right: 90px; }

.tabButton.active { color: #35200d; border-bottom: 3px solid #6d4413; }

.formTitle { color: #35200d; font-size: 22px; font-family: "SourceSansPro-Semibold"; margin-bottom: 25px; }

.tabBlock-flex { display: flex; justify-content: space-between; position: relative; z-index: 2; }

.tabBlock-flex > div { width: 100%; max-width: 370px; }

.in { margin-bottom: 15px; }

.in input { background-color: #1a1612; border: none; color: #fff; }

.last-in { margin-bottom: 0px; }

.pass { background-image: url(../images/pasword-icon.png); background-position: right 20px center; background-repeat: no-repeat; }

.in-text { color: #191511; font-size: 16px; padding: 35px 0px; }

.in-text a { color: #191511; font-weight: bold; }

.in-text a:hover { text-decoration: underline; }

.l-button { display: flex; align-items: center; width: 100%; height: 65px; padding-left: 100px; font-size: 20px; margin-bottom: 15px; }

.l-fb { background-color: #203e89; border: 1px solid #000000; background-image: url(../images/l-fb.png); background-position: left 33px center; background-repeat: no-repeat; color: #d5d4d2; }

.l-fb:hover { background-color: #274ba5; }

.l-gl { background-color: #ffffff; border: 1px solid #838483; background-image: url(../images/l-gl.png); background-position: left 30px center; background-repeat: no-repeat; color: #6a6a6a; }

.l-gl:hover { color: #0b0b0b; border: 1px solid #0b0b0b; }

.container-chek { display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

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

.checkmark { position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: #24201d; border: 1px solid #000000; }

.container-chek input:checked ~ .checkmark { background-color: #24201d; }

.checkmark:after { content: ""; position: absolute; display: none; }

.container-chek input:checked ~ .checkmark:after { display: block; }

.container-chek .checkmark:after { left: 6px; top: 2px; width: 5px; height: 10px; border: solid #b48a2f; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.regBody { background: url(../images/register-bg.jpg) top center no-repeat; background-color: #f1f1f1; background-attachment: fixed; }

.regBody header { height: 360px; }

.page { padding: 50px 56px; line-height: 1.4; }

.page a { color: #805424; text-decoration: underline; }

.page a:hover { text-decoration: none; }

.page ul { margin-bottom: 20px; }

.page ul li { background: url(../images/title-icon.png) left center no-repeat; padding: 4px 0px 4px 25px; }

.page h2, .page h3, .page h4 { font-family: "SourceSansPro-Bold"; }

.page h2 { font-size: 26px; }

.page h3 { font-size: 22px; }

.page h4 { font-size: 18px; }



.t-h { color: #a78353; font-size: 24px; border-left: 1px solid #70583e; margin-left: 20px; padding-left: 20px; font-family: "SourceSansPro-Semibold"; }
.t-h:hover { color: #fff; }

.shop-top-link { display: none; }

.shop { min-height: 400px; width: 100%; position: relative; margin-bottom: 90px; }

.swiper-shop { height: 263px; margin-bottom: 20px; }

.shopSlider { position: relative; }

.swiper-shop-block { padding: 70px; }
.swiper-shop-block p { color: #c1c1c2; font-size: 36px; margin-bottom: 5px; }
.swiper-shop-block span { color: #e4e5e6; font-size: 60px; }

.shopLinksBlock { background: rgba(0, 0, 0, 0.85); height: 263px; width: 305px; position: absolute; bottom: 0px; right: 0px; z-index: 2; text-align: center; }

.shopLogin { padding-top: 60px; }

.shopLogged { padding-top: 50px; }

.logged { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }

.logged-name { color: #9a9999; font-size: 20px; text-align: left; }
.logged-name a { font-family: "SourceSansPro-Semibold"; color: #f9f9f9; }

.logout { color: #cf2121; font-size: 18px; }
.logout:hover { color: #fff; cursor: pointer; }

.loggedCrystals { border-top: 1px solid #282828; margin-left: -15px; margin-right: -15px; padding: 20px 15px 0px 15px; }

.crystals { color: #6e83ff; font-size: 24px; font-family: "SourceSansPro-Bold"; }

.crystal-icon { display: inline-block; position: relative; background: url(../images/crystal-icon.png) no-repeat; width: 23px; height: 25px; margin-right: 10px; }

.crystal-plus { display: flex; justify-content: center; align-items: center; border: 1px solid #244773; color: #4774be; border-radius: 50%; width: 40px; height: 40px; font-size: 26px; font-family: "SourceSansPro-Semibold"; }
.crystal-plus:hover { color: #fff; }

.tabs-content { display: none; }
.tabs-content.active { display: block; animation: 0.5s act linear; }

.shopTabs { border-top: 2px solid #303030; display: flex; }
.shopTabs li { cursor: pointer; width: 33.4%; background: #d8d8d8; color: #454545; font-size: 22px; font-family: "SourceSansPro-Semibold"; text-align: center; padding: 25px 10px; transition: 0.3s; border-right: 1px solid #a8a8a8; }
.shopTabs li.active { background: #f2f2f2; color: #32200f; font-family: "SourceSansPro-Bold"; }
.shopTabs li:last-child { border-right: none; }

.tabContent { background: #f2f2f2; padding: 35px; }

.hotBlock { background: url(../images/hot-bg.jpg) center top no-repeat; background-size: cover; position: relative; padding: 90px 90px 60px 90px; margin-bottom: 40px; }
.hotBlock-title { background: linear-gradient(#fdfcf8, #d3ad5b); -webkit-background-clip: text; color: transparent; font-size: 92px; font-family: "Heading-Pro-Bold-trial"; margin-bottom: 35px; }
.hotBlock-timer { color: #8e8e8e; font-size: 30px; margin-bottom: 40px; }
.hotBlock-timer span { color: #ffffff; font-family: "SourceSansPro-Semibold"; }

.slideShop { height: 300px; background: linear-gradient(to bottom, rgba(66, 33, 21, 0.9), rgba(0, 0, 0, 0.9)); border: 1px solid #3c2e21; position: relative; overflow: hidden; text-align: center; padding-top: 35px; cursor: move; }
.slideShop-img { margin-bottom: 25px; }
.slideShop-img img { width: 100px; height: 100px; border-radius: 50%; }
.slideShop-text { color: #b6b6b6; font-size: 20px; margin-bottom: 30px; }
.slideShop-text span { display: block; text-align: center; padding-top: 5px; }
.slideShop-crystals { color: #ffffff; font-size: 24px; font-family: "SourceSansPro-Bold"; }
.slideShop-crystals span { font-family: "SourceSansPro-Regular"; color: #737373; margin-right: 7px; text-decoration: line-through; }

.sale { position: absolute; top: -30px; left: -83px; font-size: 14px; color: #fff; background: #bb2343; width: 200px; height: 100px; text-align: center; padding-top: 70px; transform: rotate(-45deg); }

.slideShop-hover { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.85); transition: 0.3s; opacity: 0; cursor: move; }

.slideShop:hover .slideShop-hover { opacity: 1; }

.details { display: inline-block; font-size: 22px; color: #fff; background: #3a549f; padding: 20px 75px; border-radius: 30px; }

.swiper-shop-slider { padding-bottom: 30px; }

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { top: auto; bottom: 0px; }

.swiper-scrollbar { background: #3e342f; padding: 1px; cursor: pointer; }

.swiper-container-horizontal > .swiper-scrollbar { height: 6px; left: 0px; width: 100%; }

.swiper-scrollbar-drag { background: #d79d49; }

.l-list { padding-left: 40px; padding-top: 40px; }
.l-list li { list-style: disc; color: #000; margin-bottom: 20px; }
.l-list li a { font-family: "SourceSansPro-Semibold"; color: #000; }
.l-list li a:hover { text-decoration: underline; }
.l-list li:last-child { margin-bottom: 0px; }

.infoBlockC { background-color: #eddebf; border: 1px solid #bfa46d; box-shadow: 0px 0px 8px 0px rgba(200, 179, 134, 0.7); color: #3b2511; padding: 40px 110px; position: relative; margin-bottom: 40px; }
.infoBlockC p { font-family: "SourceSansPro-Semibold"; margin-bottom: 10px; }
.infoBlockC::after { content: ""; position: absolute; background: url(../images/info-img.png) no-repeat; width: 166px; height: 145px; right: 120px; bottom: 0px; }
.infoBlockC::before { content: "!"; position: absolute; left: 45px; top: 50%; margin-top: -37px; font-size: 72px; font-family: "SourceSansPro-Semibold"; color: #935b1e; }

.skinks { padding-top: 40px; border-top: 1px solid #cdcdcd; }

.skinBlock { width: 573px; height: 222px; background: url(../images/skin-bg.jpg) center no-repeat; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: flex-end; padding-right: 60px; margin-bottom: 40px; }
.skinBlock-img { position: absolute; top: 12px; left: 17px; }
.skinBlock-info_name { font-size: 27px; margin-bottom: 15px; }
.skinBlock-info_name p { font-family: "SourceSansPro-Semibold"; margin-bottom: 4px; }
.skinBlock-info_cr { background: #c6c6c6; border-radius: 30px; padding: 10px 35px; display: inline-flex; color: #2e49e4; font-size: 24px; font-family: "SourceSansPro-Bold"; }
.skinBlock:hover .skinBlock-hover { opacity: 1; }

.skinBlock-hover { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.85); transition: 0.3s; opacity: 0; }

.payment { padding-bottom: 40px; border-bottom: 1px solid #cccccc; margin-bottom: 40px; }

.payment-title { color: #272727; font-size: 36px; margin-bottom: 35px; }

.paymentBlock-flex { margin-left: -10px; margin-right: -10px; }

.paymentBlock-col { padding: 10px; width: 33.3%; }

.paymentBlock { border: 1px solid #c3c3c3; background: linear-gradient(to bottom, #eaeaea, #fcfcfc); height: 110px; position: relative; padding-left: 40px; display: flex; align-items: center; cursor: pointer; }
.paymentBlock-cr { text-align: center; width: 100px; }
.paymentBlock-cr p { font-size: 30px; color: #428bbe; font-family: "SourceSansPro-Bold"; margin-bottom: 0px; }
.paymentBlock-cr span { font-size: 24px; color: #10182e; }
.paymentBlock-price { position: absolute; background: url(../images/price-bg.png) no-repeat; width: 210px; height: 47px; right: 0px; top: 50%; margin-top: -23px; }
.paymentBlock-price span { display: inline-flex; align-items: center; justify-content: center; width: 160px; height: 48px; font-family: "SourceSansPro-Bold"; font-size: 24px; }
.paymentBlock:before { content: ""; position: absolute; background: url(../images/pay-check.png) no-repeat; width: 49px; height: 47px; top: 0; left: 0; opacity: 0; }

.paymentBlock.active { border: 1px solid #428bbe; }
.paymentBlock.active:before { opacity: 1; }

.order { margin-bottom: 80px; }

.paymentBlock-p { padding-left: 0px; }

.orderBlock-info_step-1 { width: 33%; }

.orderBlock-info_step-2 { width: 27%; }

.orderBlock-info_step-3 { width: 15%; }

.orderBlock-info_step-4 { width: 25%; }

.orderBlock-info { font-size: 24px; }
.orderBlock-info p { color: #7f7f7f; margin-bottom: 15px; }
.orderBlock-info span { color: #333333; font-family: "SourceSansPro-Semibold"; }

.newsBl { margin-bottom: 90px; align-items: flex-start; }

.newsContent { min-height: 400px; width: calc(100% - 310px - 25px); background: #f2f2f2; padding: 75px 75px 110px 75px; color: #363636; font-size: 20px; border-top: 3px solid #70562f; }
.newsContent p { margin-bottom: 40px; line-height: 1.8; }

.newsAside { width: 310px; background: rgba(255, 255, 255, 0.9); padding-bottom: 40px; border-top: 3px solid #70562f; }

.newsAside-title { border-bottom: 1px solid #c1c1c1; padding: 20px 45px; color: #664f2d; font-size: 24px; font-family: "Heading-Pro-Bold-trial"; }

.newsAside-block { padding: 15px 45px; }

.newsAside-news { padding: 20px 0px; }
.newsAside-news a { display: block; color: #0a0908; font-size: 20px; font-family: "SourceSansPro-Semibold"; margin-bottom: 10px; }
.newsAside-news a:hover { text-decoration: underline; }
.newsAside-news span { color: #6f6f6f; font-size: 16px; }

.newsAside-button { padding: 20px 45px 0px 45px; }

.news-more-button { display: block; color: #584425; font-size: 20px; border: 2px solid #5d4a2d; text-align: center; padding: 14px; }
.news-more-button:hover { background-color: #f1f1f1; }

.newsContent-title { margin-bottom: 40px; }
.newsContent-title h1 { color: #000000; font-size: 42px; font-family: "SourceSansPro-Semibold"; background: url(../images/title-icon.png) left no-repeat; padding-left: 25px; margin-bottom: 15px; }
.newsContent-title span { color: #6f6f6f; font-size: 20px; }

.notice { margin-left: -75px; margin-right: -75px; width: calc(100% + 150px); margin-bottom: 70px; }

.news-arrow { width: 100px; height: 45px; display: block; background-color: #cccccc; border: 1px solid #999999; background-position: center; background-repeat: no-repeat; cursor: pointer; transition: 0.3s; }
.news-arrow:hover { background-color: #a7a7a7; }
.news-arrow.news-next { background-image: url(../images/news-next.png); }
.news-arrow.news-prev { background-image: url(../images/news-prev.png); }

.breadcrumbs { display: flex; flex-wrap: wrap; margin-bottom: 35px; }
.breadcrumbs li { color: #141414; font-size: 20px; font-family: "SourceSansPro-Semibold"; margin-right: 60px; position: relative; }
.breadcrumbs li:after { content: ""; background: url(../images/br-icon.png) no-repeat; position: absolute; height: 12px; width: 8px; right: -33px; top: 50%; margin-top: -6px; }
.breadcrumbs li a { color: #141414; font-family: "SourceSansPro-Regular"; }
.breadcrumbs li:last-child { margin-right: 0px; }
.breadcrumbs li:last-child:after { display: none; }

.detailsTop { border-top: 2px solid #040404; background: rgba(0, 5, 28, 0.85); }

.detailsTop-name { color: #fff; font-size: 36px; padding: 65px 0px; border-right: 1px solid #313550; width: 30%; }
.detailsTop-name p { font-family: "SourceSansPro-Semibold"; margin-bottom: 10px; }

.detailsTop-t p { color: #a9a9a9; font-size: 24px; margin-bottom: 15px; }

.sel { border-radius: 30px; border: none; background-color: #c6c6c6; color: #2e2e2e; font-size: 24px; padding: 14px 70px 14px 40px; line-height: 1; }

.tp { border-radius: 30px; background-color: #c6c6c6; color: #2e49e4; font-size: 24px; font-family: "SourceSansPro-Bold"; padding: 14px 50px 14px 40px; }

.detailsTop-button { width: 33%; padding: 65px 0px; }

.buy { display: inline-block; background: #3a549f; padding: 28px 85px; border-radius: 40px; font-size: 26px; color: #fff; font-family: "SourceSansPro-Semibold"; cursor: pointer; }

.detailsTop-tr { width: 37%; justify-content: flex-end; }

.quantity { margin-right: 100px; }

.detailsBl { margin-bottom: 60px; }

.detailsBlock { background: #f2f2f2; padding: 75px 100px; min-height: 1000px; }
.detailsBlock p { text-align: center; }
.detailsBlock h1 { color: #141414; font-size: 40px; font-family: "SourceSansPro-Regular"; margin-bottom: 50px; font-weight: normal; }

.purch { display: flex; background: #faf7f7; border: 1px solid #9a9999; margin-bottom: 10px; font-family: "SourceSansPro-Semibold"; }
.purch span { display: block; padding: 25px 35px; font-size: 20px; color: #141414; }
.purch span:nth-child(1) { width: 45%; }
.purch span:nth-child(2) { width: 35%; }
.purch span:nth-child(3) { width: 20%; }

.purchTop { background: #c4c4c4; font-family: "SourceSansPro-Regular"; }

.modalShop { position: fixed; background: rgba(0, 0, 0, 0.75); top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 8; }

.modalShopContent { max-width: 496px; width: 100%; background: #d9d9d9; border-left: 1px solid #209c10; border-right: 1px solid #209c10; border-bottom: 1px solid #209c10; min-height: 170px; position: relative; text-align: center; padding: 70px 15px 40px 15px; }
.modalShopContent:before { content: ""; position: absolute; background: url(../images/success-img.png) no-repeat; width: 494px; height: 213px; top: -151px; left: 50%; margin-left: -247px; }

.modalShop-name { font-size: 30px; margin-bottom: 7px; color: #0c0c0c; }

.modalShop-skin { display: block; text-align: center; color: #207c14; }

.return-button { margin-top: 25px; display: inline-block; padding: 15px 40px; border-radius: 30px; background: #a4a3a3; color: #050505; font-family: "SourceSansPro-Semibold"; }
.return-button:hover { background: #1e1e1e; color: #fff; }

.modalShop-error { border-left: 1px solid #a81212; border-right: 1px solid #a81212; border-bottom: 1px solid #a81212; }
.modalShop-error:before { background: url(../images/error-img.png) no-repeat; }

.control { align-items: flex-start; margin-bottom: 90px; }

.controlSidebar { width: 315px; background: rgba(28, 28, 28, 0.95); border-top: 3px solid #70562f; padding-bottom: 40px; }

.conTop { padding: 50px 45px; border-bottom: 1px solid rgba(190, 190, 190, 0.05); justify-content: space-between; display: flex; align-items: center; }

.contName { font-size: 24px; color: #ffffff; padding-right: 15px; }
.contName span { font-family: "SourceSansPro-Semibold"; }

.con-exit { color: #e73535; font-size: 16px; }

.controlMenu li a { padding: 20px 45px; color: #ababab; font-size: 20px; display: block; }
.controlMenu li a:hover { color: #111111; background-color: #fff; font-family: "SourceSansPro-Semibold"; }
.controlMenu li.active a { color: #111111; background-color: #fff; font-family: "SourceSansPro-Semibold"; }

.controlContent { border-top: 3px solid #70562f; background: rgba(240, 240, 240, 0.85); width: calc(100% - 315px - 10px); min-height: 500px; padding: 60px; }

.cTitle { padding: 0px 25px 30px 25px; border-bottom: 1px solid #d0d0d0; margin-left: -25px; margin-right: -25px; margin-bottom: 45px; }

.cTitle-name { color: #000000; font-size: 42px; font-family: "Heading-Pro-Bold-trial"; background: url(../images/title-icon.png) left no-repeat; padding-left: 25px; padding: 10px 25px 10px 25px; }

.cForm { width: 100%; max-width: 370px; }

.c-formGroup { margin-bottom: 35px; }
.c-formGroup p { font-family: "SourceSansPro-Light"; color: #121212; font-size: 22px; }
.c-formGroup input { background-color: #f6f6f6; border: 1px solid #bbbaba; color: #6c6c6c; font-size: 22px; padding: 15px 25px; }

.report-link { color: #505050; font-size: 22px; font-family: "Heading-Pro-Bold-trial"; }
.report-link:hover { text-decoration: underline; }

.cTablePurchase-body { display: flex; padding: 0px 30px; }
.cTablePurchase-body span { padding: 20px 0px; display: block; color: #000; }
.cTablePurchase-body span:nth-child(1) { width: 33%; }
.cTablePurchase-body span:nth-child(2) { width: 27%; }
.cTablePurchase-body span:nth-child(3) { width: 18%; }
.cTablePurchase-body span:nth-child(4) { width: 22%; }

.pTable td { font-size: 18px; font-family: "SourceSansPro-Regular"; }
.pTable td:first-child { padding: 20px 15px 20px 35px; font-family: "SourceSansPro-Regular"; }
.pTable td:last-child { padding: 20px 35px 20px 15px; }
.pTable thead tr { background: #dbdbdb; border: 1px solid #a6a6a6; }
.pTable thead tr td { color: #5d5d5d; }
.pTable tbody tr { border-bottom: 1px solid #b6b6b6; }
.pTable tbody tr:last-child { border-bottom: 1px solid #dbdbdb; }

.accData-title { color: #131313; font-size: 36px; font-family: "SourceSansPro-Light"; margin-bottom: 40px; }

.accData-flex { display: flex; flex-wrap: wrap; }

.accDataBlock-40 { width: 40%; }

.accDataBlock-20 { width: 20%; }

.accDataBlock { margin-bottom: 60px; }
.accDataBlock p { color: #696969; font-size: 19px; margin-bottom: 15px; }
.accDataBlock span { color: #313131; font-size: 25px; font-family: "SourceSansPro-Semibold"; }

.accData { border-bottom: 1px solid #d0d0d0; margin-left: -25px; margin-right: -25px; padding: 0px 25px 0px 25px; margin-bottom: 60px; }

.accBalanceBlock { color: #1d69a3; font-size: 36px; font-family: "SourceSansPro-Bold"; display: flex; align-items: center; }

.crystal-icon-big { display: block; background: url(../images/crystal-icon-big.png) no-repeat; width: 33px; height: 36px; margin-right: 30px; }

.plus-icon { display: flex; align-items: center; justify-content: center; color: #2e91d7; font-family: "SourceSansPro-Light"; width: 40px; height: 40px; border-radius: 50%; background-color: #000000; font-size: 36px; }
.plus-icon:hover { color: #fff; background-color: #535353; }

.plus-icon-l { margin-left: 12px; }

.cTitleRight { display: flex; align-items: center; font-size: 24px; color: #5f5f5f; font-family: "Heading-Pro-Bold-trial"; }

.cTitleRight-title { border-right: 1px solid #a2a2a2; margin-right: 40px; padding: 6px 40px 6px 0px; }

.send { display: flex; align-items: center; color: #5f5f5f; font-family: "Heading-Pro-Bold-trial"; }
.send:hover { color: #000; }

.plus-icon-right { margin-right: 15px; }

.breadcrumbs-control li { color: #957e5f; }
.breadcrumbs-control li:after { background: url(../images/br-icon-с.png); }
.breadcrumbs-control li a { color: #957e5f; }

.ticket-title { color: #121212; font-size: 36px; font-family: "SourceSansPro-Light"; margin-bottom: 30px; }

.ticketBlock { display: flex; align-items: center; background-color: #f6f6f6; border: 1px solid #bbbaba; margin-bottom: 20px; }

.ticket-block { padding: 20px; }
.ticket-block p { color: #515151; margin-bottom: 10px; }
.ticket-block span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 1px; color: #0a0a0a; font-size: 20px; }

.ticket-block-name { width: 30%; }
.ticket-block-name span { color: #0a0a0a; font-family: "SourceSansPro-Semibold"; }

.ticket-block-category { width: 20%; }

.ticket-block-status { width: 27%; }
.ticket-block-status span { color: #8b7339; }

.ticket-block-button { width: 23%; }

.read-ticket-button { padding: 15px 0px; width: 100%; }

.closeTicket { border: 1px solid #c7b18c; background: #eddfc6; padding: 5px; margin-bottom: 45px; }
.closeTicket span { padding-left: 25px; color: #69472c; font-size: 20px; font-family: "SourceSansPro-Semibold"; }

.ticketName { font-family: "SourceSansPro-Semibold"; color: #050505; font-size: 36px; margin-bottom: 30px; }
.ticketName span { font-family: "SourceSansPro-Light"; color: #8b8b8b; }

.ticketProfile { display: flex; align-items: center; margin-bottom: 20px; }
.ticketProfile-img { margin: 0px 20px; }
.ticketProfile-img img { width: 60px; height: 60px; border-radius: 50%; }
.ticketProfile-user { font-size: 20px; color: #717171; }
.ticketProfile-user a { color: #1e1e1e; font-family: "SourceSansPro-Semibold"; }

.ticketComment { border: 1px solid #bbbaba; background: #f6f6f6; padding: 35px; position: relative; }
.ticketComment:before { content: ""; background: url(../images/comment-icon.png) no-repeat; width: 22px; height: 10px; position: absolute; bottom: 100%; left: 38px; }
.ticketComment p { margin-bottom: 30px; color: #323232; font-size: 17px; line-height: 1.4; }
.ticketComment p:last-child { margin-bottom: 0px; }

.ticketFile { border: 1px solid #cdcdcd; background: #ffffff; padding: 15px; display: inline-flex; min-width: 240px; position: relative; }
.ticketFile-close { display: block; background: url(../images/file-close.png) center no-repeat; width: 12px; height: 14px; padding: 15px; margin-right: 15px; }
.ticketFile-info a { display: block; color: #4897f8; margin-bottom: 5px; }
.ticketFile-info span { color: #757474; font-size: 16px; }

.sendBlock { margin-bottom: 35px; }
.sendBlock p { color: #121212; font-family: "SourceSansPro-Semibold"; margin-bottom: 15px; font-size: 22px; }
.sendBlock p span { color: #ef2a2a; }
.sendBlock input { border-top: 0px; border: 1px solid #bbbaba; background-color: #f6f6f6; padding: 20px 30px; }
.sendBlock select { border-top: 0px; border: 1px solid #bbbaba; background-color: #f6f6f6; padding: 21px 60px 21px 30px; background-image: url(../images/dropdown-icon.png); }

.sendBlock-left { width: 60%; }

.sendBlock-right { width: 35%; }

.richText { border: 1px solid #bbbaba; }

.richText-toolbar a { color: #000; }

.richText .richText-toolbar ul { background: linear-gradient(to bottom, #dedede, #f6f6f6); }

.addBlock { margin-top: -10px; padding-bottom: 20px; }

.file-button { background: none; display: inline-block; width: auto; color: #060606; font-family: "SourceSansPro-Semibold"; border: none; font-size: 20px; padding: 10px 0px; }
.file-button:before { content: "+"; color: #25a2e2; font-family: "SourceSansPro-Semibold"; }
.file-button:hover { background: none; }

.fileup-file { border: 1px solid #cdcdcd; background-color: #ffffff; }
.fileup-file .fileup-name { color: #4897f8; font-size: 18px; display: block; margin-bottom: 5px; }
.fileup-file .fileup-size { font-size: 16px; color: #757474; }

.sendButton { margin-left: -20px; margin-right: -20px; padding: 35px 20px; border-top: 1px solid #d0d0d0; }

.searchBlock { margin-left: -20px; margin-right: -20px; margin-bottom: 40px; padding: 0px 20px 50px 20px; position: relative; border-bottom: 1px solid #d0d0d0; }

.search { border-top: 0px; border: 1px solid #a6a6a6; font-size: 20px; }

.searchFrom { position: relative; }

.searchFrom-button { background: url(../images/search-icon.png) center no-repeat; width: 30px; height: 30px; display: block; position: absolute; right: 30px; top: 50%; margin-top: -15px; cursor: pointer; }

.faqBlock { width: 50%; margin-bottom: 60px; }
.faqBlock p { color: #707070; font-size: 22px; font-family: "SourceSansPro-Semibold"; margin-bottom: 20px; }
.faqBlock p span { font-family: "SourceSansPro-Regular"; }
.faqBlock ul li { margin-bottom: 20px; }
.faqBlock ul li a { color: #a37421; font-size: 20px; position: relative; padding-left: 30px; }
.faqBlock ul li a:before { content: ""; position: absolute; background: url(../images/faq-icon.png) no-repeat; width: 14px; height: 16px; left: 0; top: 5px; }
.faqBlock ul li a:hover { color: #e2940b; }

.view-more { color: #343434; font-family: "SourceSansPro-Semibold"; position: relative; padding-left: 30px; margin-top: 5px; }
.view-more::before { content: "+"; color: #7e7e7e; font-size: 24px; position: absolute; left: 0; top: 0; }
.view-more:hover { color: #7e7e7e; }

.ticketBl { margin-bottom: 30px; }

.control-button { margin: 0px 10px; }

@media screen and (max-width: 1230px) { .wikiflex { justify-content: center; }
  .wikiBlock { margin: 0px 10px 40px 10px; }
  .wikiBlock2 { margin: 0px 10px 40px 10px; }
  .newsBlock, .updateBlock { width: calc(50% - 25px); }
  .news-link { max-width: 70%; }
  .topMenu li { padding: 0px 10px; }
  .topMenu li a { padding: 0px 10px; }
  .t-h { display: none; }
  .shop-top-link { display: block; }
  .skinks { justify-content: center; }
  .infoBlockC:after { right: 10px; }
  .paymentBlock-col { width: 50%; }
  .detailsTop-name { width: 100%; padding: 20px 0px; }
  .detailsTop-tr, .detailsTop-button { width: 50%; } }
  .swiper-news-slide { height: 482px; }

@media screen and (max-width: 992px) { .menuBlock { position: fixed; top: 0px; right: -300px; height: 100%; width: 300px; background: rgba(0, 0, 0, 0.95); z-index: 4; display: flex; align-items: center; transition: 0.3s; }
  .menuBlock.active { right: 0px; }
  .topMenu { display: block; padding: 0px 30px; }
  .topMenu li { padding: 30px 0px; }
  .topMenu li a { font-size: 30px; }
  .logo-mini { padding: 0px; }
  .topPanel { padding: 0px 20px; }
  .btn { display: block; }

  .swiper-news-slide { height: 200px; background-position: center; background-size: cover; }

  .newsBlock { margin-bottom: 30px; }
  .newsBlock, .updateBlock { width: 100%; }
  .news-link { text-overflow: unset; overflow: auto; white-space: normal; line-height: 1.3; }
  .swiper-block { padding: 40px 30px; }
  .topLinksBlock { height: 482px; width: 100%; position: relative; bottom: auto; right: auto; margin-top: 50px; padding: 10px; }
  .download-button { margin: 0 auto; margin-bottom: 30px; }
  .slider-hero { right: -15px; }
  .f-menu { margin-left: -10px; }
  .f-menu li { padding: 5px 10px; }
  .blockContent { padding: 30px; }
  table td { padding: 15px 15px; }
  .paymentBlock-col { width: 100%; }
  .orderBlock-info { width: 50%; margin: 20px 0px; }
  .newsContent { padding: 30px 30px 70px 30px; }
  .notice { margin-left: -30px; margin-right: -30px; width: calc(100% + 60px); }
  .detailsTop-name, .detailsTop-tr, .detailsTop-button { width: 100%; padding: 20px 0px; }
  .detailsTop-tr { justify-content: center; }
  .quantity { margin-right: 30px; }
  .purch { flex-wrap: wrap; }
  .purch span { width: 100% !important; }
  .controlSidebar { order: 1; margin-bottom: 10px; }
  .controlContent { order: 2; }
  .controlContent, .controlSidebar { width: 100%; } }
@media screen and (max-width: 769px) { .gallery { flex-wrap: wrap; justify-content: center; }
  .gallery-img { margin: 10px; }
  .f-menu { order: 2; margin-bottom: 25px; }
  .f-logo { order: 1; margin: 0px 20px 20px 20px; }
  .logo img {width: 180px; margin-top: 1.5rem;}
  .footerFlex { justify-content: center; }
  .formGroup-flex { flex-wrap: wrap; }
  .formGroup-flex input { width: 100%; }
  .formGroup-flex select { width: 100%; margin-bottom: 25px; }
  .tabBlock-flex > div { max-width: 100%; margin-bottom: 25px; }
  .form-block { order: 2; }
  .form-soc { order: 1; }
  .d-button { width: 100%; margin-bottom: 15px; }
  .regBody { background: url(../images/register-bg-mobile.jpg) top center no-repeat; background-color: #f1f1f1; }
  .shopLinksBlock { position: relative; width: 100%; margin-bottom: 25px; }
  .infoBlockC { padding: 30px 30px; }
  .infoBlockC:before { display: none; }
  .infoBlockC:after { display: none; }
  .skinBlock-img { display: none; }
  .skinBlock { padding-right: 0px; justify-content: center; }
  .orderBlock-info { width: 100%; }
  .newsContent-title h1 { font-size: 30px; }
  .newsContent, .newsAside { width: 100%; margin-bottom: 30px; }
  .detailsBlock { padding: 30px 20px; }
  .controlContent { padding: 30px 25px; }
  .pTable tr { display: flex; flex-wrap: wrap; }
  .pTable tr td { width: 50%; }
  .pTable tr td:first-child { padding: 20px 15px; }
  .accDataBlock { width: 100% !important; }
  .ticketBlock { flex-wrap: wrap; }
  .ticket-block { width: 100% !important; }
  .ticket-block span { white-space: normal; }
  .faqBlock { width: 100%; } }
@media screen and (max-width: 525px) { .news li { display: block; }
  .news-title { border-right: 0px; }
  .news-link { max-width: 100%; padding: 5px 20px 5px 0px; }
  .news-date { float: right; position: relative; bottom: -10px; }
  .swiper-line-block { position: relative; padding: 30px 30px; }
  .swiper-block p { font-size: 40px; }
  .swiper-block span { font-size: 80px; }
  header { height: 320px; padding-top: 140px; }
  .notBlock-text { width: auto; }
  .topLang-active { padding: 0px 30px 0px 50px; }
  .long-lang { display: none; }
  .shot-lang { display: block; }
  .topSocIcons a { margin-right: 10px; }
  table td { display: block; }
  .blockTitle { padding: 15px 20px; }
  .blockContent { padding: 30px 15px; }
  textarea { min-height: 300px; }
  select, input, textarea { padding: 15px 25px; }
  .formBlock { margin-bottom: 50px; }
  .tabButton { margin-right: 20px; font-size: 28px; padding: 0px 10px 20px 10px; }
  .l-button { padding-left: 60px; }
  .hotBlock { padding: 20px; }
  .tabContent { padding: 10px 10px 40px 10px; }
  .shopTabs li { font-size: 18px; }
  .swiper-shop-block { padding: 25px; }
  .paymentBlock { padding-left: 5px; }
  .detailsTop-t { padding: 10px; }
  .cTitle-name { font-size: 30px; }
  .pTable tr td { width: 100%; }
  .accBalanceBlock { font-size: 24px; }
  .cTitleRight { flex-wrap: wrap; }
  .cTitleRight-title { margin-right: 0px; border-right: 0px; padding: 10px; }
  .send { margin: 10px; }
  .closeTicket { padding: 15px; }
  .closeTicket span { padding-left: 0px; padding-bottom: 15px; }
  .ticketFile { min-width: 100%; }
  .ticketComment { padding: 15px; }
  .sendBlock-left, .sendBlock-right { width: 100%; }
  .sendBlock-left { margin-bottom: 35px; } }
/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=style.css.map */