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; }

/* 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-color: #08070c; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #f1f1f1; min-height: 100vh; }

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

a:hover { text-decoration: none; color: #a2a2f5; }

p { margin-bottom: 20px; }

h1, h2, h3 { font-family: Arial; color: #c0cce6; line-height: 1.2; }

h1 { font-size: 45px; }

h2 { font-size: 38px; }

h3 { font-size: 26px; }

table { width: 100%; margin-bottom: 15px; }
table td { border-collapse: collapse; padding: 10px; border: 1px solid #202020; }

img { max-width: 100%; }

caption { margin-bottom: 15px; }

select { background: rgba(191, 177, 187, 0.18); min-width: 150px; border: 1px solid rgba(191, 177, 187, 0.18); color: #81757b; padding: 14px 40px 14px 20px; position: relative; -webkit-appearance: none; background-image: url(../img/dropdown-arrow.png); cursor: pointer; background-position: right 10px center; background-repeat: no-repeat; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none !important; border-radius: 30px; font-family: TimesNewRoman,Times New Roman,Times,serif; }

input, textarea { background: rgba(191, 177, 187, 0.18); border: 1px solid rgba(191, 177, 187, 0.18); color: #81757b; padding: 14px 20px; position: relative; font-size: 18px; width: 100%; border-radius: 30px; font-family: TimesNewRoman,Times New Roman,Times,serif; }

button, .button { transition: all 0.3s ease; cursor: pointer; border: none; color: #e3e3e3; border-radius: 40px; position: relative; z-index: 1; text-align: center; text-transform: uppercase; font-family: TimesNewRoman,Times New Roman,Times,serif; padding: 14px 16px; border: 1px solid #777; display: inline-flex; justify-content: center; align-items: center; background-color: rgba(200, 6, 102, 0); }
button i, .button i { margin-right: 15px; }
button:hover, .button:hover { background-color: #0d111c; }

.button { text-decoration: none; }

.button-dark { background-color: #c0cce6; color: #fff; }
.button-dark:hover { background-color: #c0cce6; color: #fff; filter: brightness(120%); }

:focus { outline: none; }

::-webkit-input-placeholder { color: #9d7f55; }

::-moz-placeholder { color: #9d7f55; }

:-moz-placeholder { color: #9d7f55; }

:-ms-input-placeholder { color: #9d7f55; }

.container_web { max-width: 1440px; margin: 0 auto; position: relative; }

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

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

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

.flex-s-c { display: flex; justify-content: space-between; 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%); }

.headerBlock { background: url(../img/header-img.jpg) center top no-repeat; position: relative; }
.headerBlock .container_web { height: 100%; }

.logo { padding-right: 25px; }

.header_web { justify-content: space-between;border-bottom: 0px solid rgba(119, 40, 81, 0.1); }
.menu ul li { margin: 0px 20px; height: 100px; position: relative; display: flex; align-items: center; transition: 0.3s; }
.menu ul li a { font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif; font-size: 16px; text-transform: uppercase; display: inline-block; position: relative; }
.menu ul li:after { content: ""; position: absolute; width: 0px; bottom: -1px; height: 1px; left: 0px; transition: 0.3s; }
.menu ul li:hover:after { width: 100%; }
.menu ul .active a { color: #f5f5f5; }
.menu ul .active:after { width: 100%; }

.start-game { margin: 0px 5px !important; padding: 0px !important; }
.start-game a { background-color: #6e5282; padding: 9px 14px; border-radius: 30px; color: #fff; }
.start-game a:hover { background-color: #c0cce6; }

.langBlock { margin-left: 85px; position: relative; height: 100px; display: flex; align-items: center; }

.langBlock-active { position: relative; font-size: 16px; font-family: TimesNewRoman,Times New Roman,Times,serif; cursor: pointer; }
.langBlock-active:after { content: ""; position: absolute; background: url(../img/dropdown-arrow.png); width: 7px; height: 4px; right: -15px; top: 50%; margin-top: -2px; }
.langBlock-active img { border-radius: 50%; border: 1px solid #ec79b2; padding: 3px; width: 28px; height: 28px; margin-right: 8px; }

.langBlock-drop { position: absolute; top: 100%; left: -15px; background-color: rgba(255, 255, 255, 0.1); min-width: 150px; display: none; }
.langBlock-drop ul li a { display: flex; align-items: center; padding: 10px 20px; }
.langBlock-drop ul li a img { margin-right: 10px; }
.langBlock-drop ul li a:hover { background-color: #c0cce6; color: #fff; }

.icon-sign { display: inline-block; width: 18px; height: 13px; background: url(../img/icon-sign.png); margin-top: -2px; }

.icon-read { display: inline-block; width: 16px; height: 18px; background: url(../img/icon-read.png); margin-top: -3px; }

.loginBlock span { color: #a9a9a9; font-size: 12px; margin: 0px 30px; }

.create { text-transform: uppercase; font-family: TimesNewRoman,Times New Roman,Times,serif; }

.headerInfo { padding-top: 95px; }

.anounce { max-width: 410px; }
.anounce-tag { color: #ffffff; font-size: 15px; font-family: TimesNewRoman,Times New Roman,Times,serif; text-transform: uppercase; background-color: #c0cce6; padding: 9px 14px; border-radius: 30px; display: inline-block; margin-bottom: 20px; }
.anounce-server { font-family: TimesNewRoman,Times New Roman,Times,serif; color: #ffffff; text-transform: uppercase; font-size: 24px; }
.anounce-title { margin-bottom: 20px; }
.anounce-title h1 { text-transform: uppercase; font-weight: normal; }
.anounce-text { line-height: 1.4; font-size: 16px; margin-bottom: 30px; }

.onlineBlock { text-align: center; border-left: 1px solid rgba(119, 40, 81, 0.1); }
.onlineBlock:last-child { border-right: 1px solid rgba(119, 40, 81, 0.1); }

.onlineBlock { width: 75px; font-family: TimesNewRoman,Times New Roman,Times,serif; text-transform: uppercase; }

.onlineBlock-scale { background: url(../img/scale.png) no-repeat; height: 221px; width: 20px; margin: 0 auto; margin-bottom: 10px; display: flex; align-items: flex-end; justify-content: center; }
.onlineBlock-scale span { width: 3px; height: 100%; display: block; background-color: #60e030; box-shadow: rgba(200, 6, 102, 0.2); }

.onlineBloc-title { font-size: 16px; margin-bottom: 6px; }

.onlineBloc-scale { color: #ffffff; font-size: 12px; }

.slick-dots { display: none !important; }

.responsive { position: absolute !important; left: 0; width: 100%; bottom: 90px; }
.responsive .slick-list { padding: 10px 0px; margin-left: -10px; margin-right: -10px; }

.sliderBlock { height: 410px; position: relative; border-radius: 14px; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.03); margin-left: 10px; margin-right: 10px; }

.sliderBlock-img { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; border-radius: 14px; object-fit: cover; }

.sliderBlock-whitebg { background: linear-gradient(to top, #0a0a10 30%, rgba(255, 255, 255, 0.1) 100%); position: absolute; z-index: 2; height: calc(100% + 2px); width: calc(100% + 2px); left: -1px; bottom: -1px; border-radius: 14px; }

.sliderBox { position: absolute; padding: 30px; left: 0; bottom: 0; z-index: 3; }
.sliderBox-data { color: #a0a0a0; font-size: 14px; font-family: TimesNewRoman,Times New Roman,Times,serif; margin-bottom: 20px; display: flex; align-items: center; }
.sliderBox-data i { margin-right: 10px; margin-top: -2px; }
.sliderBox-link { max-width: 230px; margin-bottom: 20px; }
.sliderBox-link a { font-size: 18px; text-transform: uppercase; font-family: TimesNewRoman,Times New Roman,Times,serif; }
.sliderBox-text { color: #a0a0a0; line-height: 1.3; margin-bottom: 20px; }

.icon-time { background: url(../img/icon-time.png); width: 14px; height: 14px; }

.slick-arrow { width: 45px; height: 43px; position: absolute; top: 50%; margin-top: -21px; font-size: 0px; padding: 0px; border: 0px !important; }

.slick-prev { background: url(../img/arrow-left.png) no-repeat; left: -70px; }

.slick-next { background: url(../img/arrow-right.png) no-repeat; right: -70px; }

.row { margin-left: -10px; margin-right: -10px; display: flex; flex-wrap: wrap; }

.block-row { padding: 10px; }

.block-row-6 { width: 50%; }

.homeBlock { background: url(../img/fon-bg.jpg) top center no-repeat; padding: 30px 0px; }

.about { max-width: 620px; }

.about-title { margin-bottom: 40px; }
.about-title h2 { text-transform: uppercase; font-weight: normal; }

.about-text { line-height: 1.5; margin-bottom: 10px; }
.about-text p { margin-bottom: 20px; }
.about-text p:last-child { margin-bottom: 0px; }

.about-slider { position: relative; margin-top: -220px; margin-bottom: -140px; }

.classSlide { display: flex !important; justify-content: center; }
.classSlide-block { cursor: pointer; }

.classSlide-box-hover { background-color: #c0cce6; border-radius: 10px; position: relative; position: absolute; bottom: calc(100% + 15px); z-index: 10; left: 50%; margin-left: -58px; border-radius: 10px; text-transform: uppercase; font-size: 15px; width: 116px; transition: 0.3s; opacity: 0; visibility: hidden; box-shadow: 0px 10px 10px 0px #eedfed; }
.classSlide-box-hover:before { content: ''; position: absolute; left: 50%; bottom: -15px; margin-left: -8px; border: 8px solid transparent; border-top: 8px solid #c0cce6; }

.classSlide-block-hover { width: 116px; height: 185px; text-align: center; background-color: #fff; padding-top: 8px; border-radius: 10px; position: relative; top: -2px; }
.classSlide-block-hover img { width: 100px; height: 126px; margin: 0 auto; border-radius: 10px; margin-bottom: 15px; }

.class-slider .slick-list { padding: 220px 0px; }

.classSlide-block { position: relative; background: url(../img/class-bg.png) center no-repeat; width: 70px; height: 74px; display: flex; align-items: center; justify-content: center; padding-top: 2px; }

.classSlide-block:hover .classSlide-box-hover { opacity: 1; visibility: visible; }

.icon-create { display: inline-block; background: url(../img/icon-create.png); width: 24px; height: 20px; margin-top: -2px; }

.icon-create-white { background: url(../img/icon-create-white.png); }

.icon-battle { display: inline-block; background: url(../img/icon-battle.png); width: 20px; height: 20px; }

.about-button { margin-left: -8px; }
.about-button a { margin: 8px; }

.gallery-block { border-radius: 15px; position: relative; }
.gallery-block a { display: block; position: relative; }
.gallery-block a:after { content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; background-image: url(../img/icon-eye.png); background-position: center; background-repeat: no-repeat; background-color: rgba(200, 6, 102, 0.7); top: 0; left: 0; border-radius: 15px; transition: 0.3s; opacity: 0; }
.gallery-block img { border-radius: 15px; height: 210px; object-fit: cover; }

.gallery-block a:hover:after { opacity: 1; }

.footer {
    padding-top: 50px;
    margin-top: 150px;
    background-color: black;
    height: auto; /* Alto mínimo del footer */
}

.footer-left { width: 45%; }
.footerInfo-logo { margin-bottom: 20px; }
.footerInfo-logo img { max-width: 220px; }

.footerInfo-copy { margin-bottom: 25px; text-transform: uppercase; font-size: 16px; font-family: TimesNewRoman,Times New Roman,Times,serif; }

.footerInfo-text { font-size: 10px; text-transform: uppercase; line-height: 2.4;  max-width: 100%; margin-bottom: 25px; text-align: center;}

.footerInfo-Imenu { margin-left: -15px; }
.footerInfo-Imenu a { color: #ffffff; text-decoration: underline; font-size: 12px; text-transform: uppercase; margin: 10px 15px; }
.footerInfo-Imenu a:hover { text-decoration: none; }

.footerMenu ul { width: 50%; }
.footerMenu ul li { margin-bottom: 43px; }
.footerMenu ul li a { text-transform: uppercase; font-size: 16px; font-family: TimesNewRoman,Times New Roman,Times,serif; }
.footerMenu ul li:last-child { margin-bottom: 0px; }

.footer-middle { width: 40%; }

.footer-right { width: 100%; display: flex; justify-content: center; }

.footerSoc-block { margin-bottom: 90px; }
.footerSoc-block a { display: block; width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(51, 51, 51, 1); margin: 0px 8px; }
.footerSoc-block a:hover { background-color: #fff; }

.ds { background: url(../img/soc-icons.png) top 12px left 13px no-repeat; }

.fb { background: url(../img/soc-icons.png) top 12px left -49px no-repeat; }

.yt { background: url(../img/soc-icons.png) top 12px left -109px no-repeat; }

.modal { box-shadow: 0px 0px 20px 0px rgba(223, 209, 214, 0.4); }

.modal_div { width: 100%; max-width: 600px; background: url(../img/modal-bg.jpg) center top no-repeat; background-size: cover; background-color: #fff; position: fixed; top: 15%; left: 50%; margin-left: -300px; display: none; opacity: 0; z-index: 200; padding: 50px 60px; box-shadow: 0px 0px 20px 0px rgba(223, 209, 214, 0.4); border-radius: 20px; }

.modal_div .modal_close { width: 24px; height: 24px; position: absolute; top: -28px; right: -28px; cursor: pointer; display: block; background: url(../img/close-icon.png) no-repeat; }

#overlay { z-index: 199; position: fixed; background-color: white; opacity: 0.9; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; }

.modal-title { margin-bottom: 30px; }
.modal-title span { font-family: TimesNewRoman,Times New Roman,Times,serif; font-size: 26px; text-transform: uppercase; }
.modal-title a { padding: 9px 12px; }

.checkbox-container { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-right: 30px; }

.checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; padding: 0px; border: none; }

.checkmark { position: absolute; top: -10px; left: 0; height: 20px; width: 20px; background-color: #f2eff3; border-radius: 3px; }

.checkbox-container:hover input ~ .checkmark { background-color: #f2eff3; }

.checkbox-container input:checked ~ .checkmark { background-color: #f2eff3; }

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

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

.checkbox-container .checkmark:after { left: 5px; top: 5px; width: 10px; height: 10px; background: #c0cce6; border-radius: 3px; }

.formGroup { margin-bottom: 20px; }
.formGroup p { font-family: TimesNewRoman,Times New Roman,Times,serif; text-transform: uppercase; margin-bottom: 10px; }

.formButtons button:not(:last-child), .formButtons .button:not(:last-child) { margin-right: 10px; }

.rules { display: flex; align-items: center; margin-bottom: 30px; padding-top: 10px; position: relative; }
.rules a { color: #c0cce6; text-decoration: underline; }
.rules a:hover { text-decoration: none; }

a.lightzoom { cursor: zoom-in; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; }

#lz-container { display: block; height: 100%; width: 100%; left: 0; top: 0; white-space: nowrap; position: absolute; z-index: 9999990 !important; }

#lz-box { position: fixed; height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; z-index: 9999998 !important; }

#lz-overlay { display: block; opacity: 1; background: #fff; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999991 !important; }

#lz-box:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }

#lz-box img { float: none; display: inline-block; max-height: 80%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; opacity: 0; position: relative; z-index: 9999995 !important; }

#lz-box p { position: relative; bottom: 0; margin-top: -30px; margin-bottom: 0; line-height: 20px; font-size: 18px; z-index: 9999997 !important; }

#lz-close { display: block; position: absolute; top: 2%; right: 2%; background: url(../img/close-icon.png) no-repeat; width: 24px; height: 24px; text-indent: -9999px; padding: 5px; opacity: 1; z-index: 9999998 !important; }

#lz-close:hover { opacity: 1; }

#lz-loading-center { width: 100%; height: 100%; position: relative; z-index: 9999999 !important; }

#lz-loading-center > .lz-loading-center-box { position: fixed; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; }

.lz-object { width: 20px; height: 20px; background-color: #FFF; float: left; margin-right: 20px; margin-top: 65px; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; }

#lz-object_one { -webkit-animation: object_one 1.5s infinite; animation: object_one 1.5s infinite; }

#lz-object_two { -webkit-animation: object_two 1.5s infinite; animation: object_two 1.5s infinite; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }

#lz-object_three { -webkit-animation: object_three 1.5s infinite; animation: object_three 1.5s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

@-webkit-keyframes object_one { 75% { -webkit-transform: scale(0); } }
@keyframes object_one { 75% { transform: scale(0); -webkit-transform: scale(0); } }
@-webkit-keyframes object_two { 75% { -webkit-transform: scale(0); } }
@keyframes object_two { 75% { transform: scale(0); -webkit-transform: scale(0); } }
@-webkit-keyframes object_three { 75% { -webkit-transform: scale(0); } }
@keyframes object_three { 75% { transform: scale(0); -webkit-transform: scale(0); } }
.page .headerBlock { height: 600px; }

.content { padding: 50px 10px; box-shadow: 0px 20px 40px 0px #fff, 0px -20px 40px 0px #fff; min-height: 500px; line-height: 1.7; }
.content h1 { font-size: 30px; margin-bottom: 20px; }
.content h2 { font-size: 26px; margin-bottom: 20px; }
.content h3 { font-size: 22px; margin-bottom: 20px; }
.content a { color: #c0cce6; }
.content a:hover { color: #8a0849; }
.content ul { padding-left: 30px; margin-bottom: 30px; }
.content ul li { list-style-type: circle; padding: 5px 0px; }




@media (max-width: 1600px) { .slick-next { right: 0px; }
  .slick-next { right: 0px; }
  .slick-prev { left: 0px; } }
@media (max-width: 1460px) { .container_web { padding: 0px 15px; }
  .logo { max-width: 150px; }
  .langBlock { margin-left: 20px; }
  .footer-middle { width: 30%; }
  .footer-right { width: 25%; } }
@media (max-width: 1200px) { .loginBlock span { margin: 0px 10px; }
  .menu ul li { margin: 0px 10px; }
  .menu ul li a { font-size: 14px; }
  .logo { max-width: 100px; } }
@media (max-width: 993px) { .button-mobile { display: block; position: fixed; top: 15px; right: 15px; background-color: #0a0a10; height: 34px; width: 40px; z-index: 99; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 4px 0px; transition: 0.3s; }
  .button-mobile span { position: relative; transition: 0.3s; width: 30px; height: 4px; display: block; background-color: #c0cce6; }
  .button-mobile.active span:nth-child(1) { transform: rotate(45deg); top: 6px; }
  .button-mobile.active span:nth-child(2) { display: none; }
  .button-mobile.active span:nth-child(3) { transform: rotate(-45deg); bottom: 6px; }
  .header_web { display: block; position: fixed; width: 320px; height: 100%; background-color: #0a0a10; z-index: 90; right: -320px; top: 0; transition: 0.3s; }
  .header_web.active { right: 0px; }
  .logo { max-width: 200px; padding: 12px 0px 0px 15px; margin-bottom: 50px; }
  .menu { margin-bottom: 50px; }
  .menu ul { flex-wrap: wrap; }
  .menu ul li { width: 100%; height: auto; justify-content: center; }
  .menu ul li:hover { color:white; background-color: #000; }
  .menu ul li a { display: block; text-align: center; font-size: 20px; padding: 15px 20px; }
  .menu ul li:after { display: none; }
  .langBlock { position: absolute; bottom: 30px; height: auto; }
  .langBlock-drop { top: auto; bottom: 100%; }
  .loginBlock { justify-content: center; }
  .footer-left { width: 100%; text-align: center; margin-bottom: 30px; }
  .footer-row, .footerInfo-Imenu { justify-content: center; }
  .footerInfo-text { max-width: 100%; }
  .footer-middle { width: 60%; }
  .footer-right { width: 40%; }
  .responsive { position: relative; bottom: auto; }
  .headerBlock { height: auto; }
  .headerInfo { margin-bottom: 469px; } }
@media (max-width: 770px) { .anounce { background-color: rgba(255, 255, 255, 0.8); width: 100%; max-width: 100%; text-align: center; padding: 20px; margin-bottom: 50px; }
  .onlineBlock-scale { display: none; }
  .headerInfo { justify-content: center; }
  .online_web { background-color: rgba(255, 255, 255, 0.8); padding: 20px 30px; }
   .onlineBlock { margin: 0 5px !important;}
  .about-row { width: 100%; text-align: center; }
  .about { max-width: 100%; }
  .modal_div .modal_close { right: 15px; top: -35px; }
  .modal_div { width: calc(100% - 30px); margin-left: 0px; max-width: 100%; left: 15px; } 
  .dropdown-menu{
    left: -60px !important;
    transform: translate3d(50px, -230px, 0px) !important;
    }    
    
}
@media (max-width: 525px) { .block-row-6 { width: 100%; }
  .footer-middle, .footer-right { width: 100%; justify-content: center; }
  .footer-middle { margin-bottom: 40px; }
  .footerSoc-block { margin-bottom: 20px; }
  .footerMenu ul li { text-align: center; }
  .modal_div { padding: 15px; }
  .modal-title span { font-size: 18px; }
  table tr { flex-wrap: wrap; }
  table tr td { width: 100%; } 
    
}



.countdown {
  color: #ffffff !important;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}

.countdown-number {
  padding: 10px;
  border-radius: 3px;
  display: inline-block;
}
 
.countdown-time {
  padding: 15px;
  border-radius: 3px;
  background: #c0cce6;
  display: inline-block;
  color: #ffffff !important;
}
 
.countdown-text {
  display: block;
  padding-top: 6px;
  font-size: 12px;
  text-transform: uppercase;
  color: #c0cce6 !important;
  text-align:center;
}

/* NEWS MODULE */
.panel-news {
	margin-bottom: 30px;
	color: #333;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 0 0px #e3e3e3;
	-webkit-box-shadow: 0 0 0px #e3e3e3;
	box-shadow: 0 0 0px #e3e3e3;
}
.panel-news .panel-heading {
	padding-top: 10px;
	padding-bottom: 10px;
}
.panel-news .panel-title {
	color: #000000;
	font-size: 24px;
	font-weight: bold;
}
.panel-news .panel-body {
	padding: 10px;
}
.panel-news .panel-footer {
	border-top: 1px solid #00000;
	background: #0e0e0e;
	font-style: italic;
	font-size: 11px;
	height: 40px;
	color: #777;
}

/* RANKINGS MODULE */
.rankings-table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

.rankings-class-image {
	width: 30px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.rankings-table tr td {
	border-bottom: 1px solid #333;
	padding: 10px;
	font-size: 18px;
	vertical-align: middle !important;
	text-align: center;
}
.rankings-table-place {
	color: #c0cce6;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}
.rankings-table tr:first-child td {
  color: #e3e3e3;
  border-bottom: 3px solid #777;
}
.rankings-update-time {
	text-align: right;
	font-size: 11px;
	color: #ccc;
	padding: 10px 0px;
}
.rankings_menu {
	width: 100%;
	overflow: auto;
	text-align: center;
	margin-bottom: 10px;
}
.rankings_menu span {
	width: 100%;
	display: inline-block;
	padding: 10px 0px;
	color: #ccc;
	font-size: 24px;
}
.rankings_menu a {
  display: inline-block;
  width: 150px;
  border: 1px solid #e3e3e3;
  text-align: center;
  padding: 10px 0px;
  margin: 2px;
  background: #6e5282;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #f1f1f1;
}
.rankings_menu a.active {
	color: #f1f1f1;
    border-color: #500028;
}
.rankings_guild_logo tr td {
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}
.rankings-gens-img {
	width: auto !important;
	height: 30px !important;
	border: 0 !important;
	-moz-box-shadow: 0 0 0px #000 !important;
	-webkit-box-shadow: 0 0 0px #000 !important;
	box-shadow: 0 0 0px #000 !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}

/* MY ACCOUNT MODULE */
.myaccount-table {
	width: 100%;
	background: #161320;
    border: 1px solid #202020;
}
.myaccount-table tr td:first-child {
	color: #666;
	font-weight: bold;
}
.myaccount-table tr td {
	border-bottom: 1px solid #202020;
	padding: 15px !important;
}
.myaccount-table tr:last-child td {
	border: 0px;
}

/* GENERAL TABLE UI */
.general-table-ui {
	width: 100%;
	table-layout: fixed;
	    background: #161320;
    border: 1px solid #202020;
	padding: 10px;
	margin: 10px 0px;
}
.general-table-ui tr td {
	padding: 5px;
	vertical-align: middle !important;
}
.general-table-ui tr:first-child td {
	color: #ff0000;
}
.general-table-ui tr:nth-child(2n+2) td {
	background: #0f0d16;
}
.general-table-ui tr td {
	text-align: center;
}
.general-table-ui img {
	width: 50px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* PAYPAL */
.paypal-gateway-container {
	width: 100%;
}

.paypal-gateway-content {
	background: #c0cce6;
	border: 3px solid #ffffff;
	padding: 15px;
	overflow: auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}

.paypal-gateway-logo {
	width: 100%;
	height: 100px;
	background: #fff9ec url('../img/paypal-logo-200-68.png') no-repeat center;
	background-size: contain;
	margin-bottom: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.paypal-gateway-conversion-rate {
	margin: 0px auto;
	text-align: center;
	color: #000;
	font-size: 18px;
	padding: 10px 0px;
}

.paypal-gateway-form {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

.paypal-gateway-form div {
	display: inline-block;
	padding: 0px 10px;
	color: #000;
	font-size: 24px;
}

.paypal-gateway-form input[type=text] {
	width: 60px;
	font-size: 24px;
	border: 3px solid #f79433;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #f79433;
}

.paypal-gateway-continue {
	margin: 0px auto;
	text-align: center;
}

.paypal-gateway-continue input[type=submit] {
	background: url('../img/paypal-submit.jpg') no-repeat;
	width: 200px;
	height: 40px;
	border: 0px;
}

.module-requirements {
	font-size: 12px;
	margin-top: 20px;
}

/* SIDEBAR */
.panel-sidebar {
	background: #f1f1f1;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3;
}

.panel-sidebar > .panel-heading {
	background: #fff;
	color: #ff0000;
	font-family: 'PT Sans', sans-serif;
	border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-bottom: 3px solid #ff0000;
	padding: 15px;
    font-size: 22px;
    text-align: center;
}

.panel-usercp {
	background: url('../img/usercp_bg.jpg') no-repeat top center;
	background-size: cover;
}

.panel-usercp ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.panel-usercp ul li {
	display: table;
	width: 100%;
	vertical-align: middle;
	line-height: 30px;
}

.panel-usercp ul li a {
	color: #444 !important;
	font-weight: bold;
}
.panel-usercp ul li a:active, .panel-usercp ul li a:hover {
	color: #ff0000 !important;
}

.panel-usercp ul li img {
	position: relative;
	top: -2px;
	padding-right: 10px;
}

.sidebar-banner {
	margin: 20px 0px;
	border: 0px;
}

.sidebar-banner img {
	-moz-box-shadow: 0 0 10px #e3e3e3;
	-webkit-box-shadow: 0 0 10px #e3e3e3;
	box-shadow: 0 0 10px #e3e3e3;
	border: 0px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

/* GENERAL PANEL STYLING */
.panel-general {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}

.panel-body{
	padding: 10px;
}

.panel-body .panel-title {
	color: #666;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 20px !important;
	font-weight: bold;
}

/* ADD STATS MODULE */
.panel-addstats {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}
.panel-addstats .character-avatar img {
	width: 100px;
	height: auto;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.panel-addstats .character-name {
	color: #666;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	border-bottom: 1px solid #e3e3e3;
	padding: 20px 0px;
	margin-bottom: 20px !important;
	font-weight: bold;
}

/* DOWNLOADS */
.panel-downloads {
	margin-bottom: 30px;
	background: #f1f1f1;
	border: 1px solid #e3e3e3;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #333;
}
	.download-description {
		font-size: 11px;
		position: relative;
		top: -7px;
		color: #777;
	}

.online-status-indicator {
	margin-left: 5px;
}

/* WEBENGINE CMS */
.webengine-powered { color: #777 !important; }
.webengine-powered:active, .webengine-powered:hover { color: #ff3214 !important; }

/* GLOBAL TOP BAR */
.global-top-bar {
	width: 100%;
	background: #101010;
	color: #777777;
	padding: 7px 0px 2px 0px;
	text-transform: uppercase;
	font-size: 12px;
}
	.global-top-bar .global-top-bar-content {
		width: 1040px;
		margin: 0px auto;
	}
		.global-top-bar .global-top-bar-content .row {
			margin: 0px;
			padding: 0px;
		}
	.global-top-bar a.logout {
		color: #ff0000 !important;
	}
	.global-top-bar a {
		color: #999999 !important;
	}
	.global-top-bar a:hover {
		color: #ffffff !important;
	}
.global-top-bar-nopadding {
	padding: 0px !important;
}
.global-top-bar-separator {
	padding: 0px 5px;
}

/* LANGUAGE PICKER */
.webengine-language-switcher {
	display: inline-block;
	list-style: none;
	padding: 0px !important;
	margin: 0px !important;
	width: 46px;
	height: 19px;
	overflow: hidden;
	transition: all .3s ease;
}
.webengine-language-switcher:hover {
	width: 400px;
}
	.webengine-language-switcher li {
		display: inline-block;
		list-style-type: none;
		background: #333333;
		padding: 0px 5px 2px 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-khtml-border-radius: 3px;
		transition: all .3s ease;
	}
	.webengine-language-switcher li:hover {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}
	.webengine-language-switcher li a {
		color: #999999;
	}
	.webengine-language-switcher li a:hover {
		color: #ffffff !important;
	}

/* WEBSITE LOGO */
.webengine-mu-logo {
	transition: all .3s ease;
}
	.webengine-mu-logo:hover {
		-webkit-filter: brightness(120%);
		filter: brightness(120%);
	}
/* MY ACCOUNT CHARACTER LIST */
.myaccount-character-block {
	background: #333;
	border: 1px solid #666;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	margin: 0px auto;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
	.myaccount-character-block img {
		width: 100px;
		height: auto;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 0 5px #000;
		-webkit-box-shadow: 0 0 5px #000;
		box-shadow: 0 0 5px #000;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
		.myaccount-character-block img:hover {
			-webkit-filter: brightness(120%);
			filter: brightness(120%);
		}
.myaccount-character-block-location {
	font-size: 12px;
	color: #f1f1f1;
	margin-bottom: 20px;
	margin-top: 2px;
	line-height: 1.2;
}
.myaccount-character-block-level {
	position: relative;
	top: -77px;
	display: inline-block;
	background: rgba(0,0,0,0.5);
	padding: 0px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
}
.myaccount-character-name a {
	font-weight: bold;
	color: #f1f1f1;
	font-size: 16px;
}

.admincp-button {
	position: absolute;
    top: 10px;
    right: 10px;
    background: #6e5282 !important;
    border: 2px solid #eeeeee !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    color: #84929b !important;
}

.table{
    color: #c0cce6 !important;
}
.table > thead > tr > th {
    border-bottom: 1px solid #c0cce6 !important;
}

.changelogs{
    background-color: #0f0d16;
    border-color: #202020;
}

.test-chang td{
    border: 1px solid #171422;
}

.news-resp{
	width: 1460px;
}

.about-row{
	padding-left: 150px;
}

@media screen and (max-width: 550px) {    
	.news-resp{
		width: unset;
		left:45px !important;
		position: relative;
	}

	.responsive{
		position: unset !important;
	}

	.about-row{
		padding-left: 70px;
	}

	.online_web {
		background-color: rgb(36 36 36 / 80%);
		padding: 10px 20px;
    	border-radius: 10px;
	}
}

.ir-arriba {
	display:inline-block;
	padding:20px;
	background:#6e5282;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
	z-index: 10000;
}

.leaves-left-1 {
    background: url(../img/leaves-left-1.png) no-repeat;
    width: 120px;
    height: 133px;
    position: absolute;
    left: 50px;
    top: -300px;
    animation: leaves-left-1 12s infinite linear;
}

@keyframes leaves-left-1 {
    0% {
        top: -300px;
    }
    90% {
        opacity: 1;
    }
    100% {
        top: 750px;
        transform: rotate(-200deg);
        left: -250px;
        opacity: 0;
    }
}

.leaves-left-2 {
    background: url(../img/leaves-left-2.png) no-repeat;
    width: 160px;
    height: 72px;
    position: absolute;
    left: 50px;
    top: -200px;
    animation: leaves-left-2 12s infinite linear;
    animation-delay: 6s;
}

@keyframes leaves-left-2 {
    0% {
        top: -200px;
    }
    90% {
        opacity: 1;
    }
    100% {
        top: 750px;
        opacity: 1;
        transform: rotate(-150deg);
        left: -250px;
        opacity: 0;
    }
}

.leaves-left-3 {
    background: url(../img/leaves-left-3.png) no-repeat;
    width: 120px;
    height: 88px;
    position: absolute;
    left: 50px;
    top: -200px;
    animation: leaves-left-3 12s infinite linear;
    animation-delay: 9s;
}

@keyframes leaves-left-3 {
    0% {
        top: -200px;
    }
    90% {
        opacity: 1;
    }
    100% {
        top: 750px;
        transform: rotate(-250deg);
        left: -250px;
        opacity: 0;
    }
}

.leaves-left-4 {
    background: url(../img/leaves-left-4.png) no-repeat;
    width: 120px;
    height: 106px;
    position: absolute;
    left: 50px;
    top: -300px;
    animation: leaves-left-4 12s infinite linear;
    animation-delay: 3s;
}

@keyframes leaves-left-4 {
    0% {
        top: -250px;
    }
    90% {
        opacity: 1;
    }
    100% {
        top: 750px;
        transform: rotate(-150deg);
        left: -250px;
        opacity: 0;
    }
}

.leaves-left-5 {
    background: url(../img/leaves-left-5.png) no-repeat;
    width: 170px;
    height: 108px;
    position: absolute;
    left: 50px;
    top: -300px;
    animation: leaves-left-5 12s infinite linear;
    animation-delay: 7s;
}

@keyframes leaves-left-5 {
    0% {
        top: -250px;
    }
    90% {
        opacity: 1;
    }
    100% {
        top: 750px;
        transform: rotate(-250deg);
        left: -250px;
        opacity: 0;
    }
}

.leaves-right-1 {
    background: url(../img/leaves-right-1.png) no-repeat;
    width: 200px;
    height: 115px;
    position: absolute;
    right: 200px;
    top: -250px;
    animation: leaves-right-1 12s infinite linear;
    animation-delay: 1s;
}

@keyframes leaves-right-1 {
    0% {
        top: -250px;
    }
    90% {
        transform: rotate(-200deg);
        opacity: 1;
    }
    100% {
        top: 850px;
        transform: rotate(-200deg);
        right: -250px;
        opacity: 0;
    }
}

.leaves-right-2 {
    background: url(../img/leaves-right-2.png) no-repeat;
    width: 140px;
    height: 55px;
    position: absolute;
    right: 200px;
    top: -250px;
    animation: leaves-right-2 12s infinite linear;
    animation-delay: 3s;
}

@keyframes leaves-right-2 {
    0% {
        top: -250px;
    }
    90% {
        transform: rotate(-100deg);
        opacity: 1;
    }
    100% {
        top: 850px;
        transform: rotate(-120deg);
        right: -250px;
        opacity: 0;
    }
}

.leaves-right-3 {
    background: url(../img/leaves-right-3.png) no-repeat;
    width: 160px;
    height: 74px;
    position: absolute;
    right: 100px;
    top: -250px;
    animation: leaves-right-3 12s infinite linear;
    animation-delay: 6s;
}

@keyframes leaves-right-3 {
    0% {
        top: -250px;
    }
    90% {
        transform: rotate(150deg);
        opacity: 1;
    }
    100% {
        top: 850px;
        transform: rotate(170deg);
        right: -250px;
        opacity: 0;
    }
}

.leaves-right-4 {
    background: url(../img/leaves-right-4.png) no-repeat;
    width: 59px;
    height: 110px;
    position: absolute;
    right: 200px;
    top: -250px;
    animation: leaves-right-4 12s infinite linear;
    animation-delay: 9s;
}

@keyframes leaves-right-4 {
    0% {
        top: -250px;
    }
    90% {
        transform: rotate(150deg);
        opacity: 1;
    }
    100% {
        top: 850px;
        transform: rotate(170deg);
        right: -250px;
        opacity: 0;
    }
}

.leaves-right-5 {
    background: url(../img/leaves-right-5.png) no-repeat;
    width: 110px;
    height: 65px;
    position: absolute;
    right: 250px;
    top: -250px;
    animation: leaves-right-5 12s infinite linear;
    animation-delay: 2s;
}

@keyframes leaves-right-5 {
    0% {
        top: -250px;
    }
    90% {
        transform: rotate(150deg);
        opacity: 1;
    }
    100% {
        top: 850px;
        transform: rotate(170deg);
        right: -250px;
        opacity: 0;
    }
}

/* Left Sidebar */

.footer-block-r {
    width: 260px;
    text-align: center;
}

.soc-block a {
    padding-top: 15px;
    display: inline-block;
    margin: -19px -6px 3px;
    background: url(../img/fon-icon-ss.png) no-repeat;
    height: 61px;
    width: 61px;
    filter: grayscale(100%);
}

.soc-block a:hover {
    padding-top: 15px;
    display: inline-block;
    margin: -19px -6px 3px;
    background: url(../img/fon-icon-ss.png) no-repeat;
    height: 61px;
    width: 61px;
    filter: grayscale(0%);
}

/* Colores Market Char */
.RazaSM{
	background-color: rgba(47, 125, 204, 0.1);
	border: 1px solid #2f7dcc;
}
.RazaDK{
	background-color: rgba(204, 47, 47, 0.1);
	border: 1px solid #cc2f2f;
}
.RazaELF{
	background-color: rgba(51, 204, 47, 0.1);
	border: 1px solid #33cc2f;
}
.RazaMG{
	background-color: rgba(113, 47, 204, 0.1);
	border: 1px solid #712fcc;
}
.RazaDL{
	background-color: rgba(204, 158, 47, 0.1);
	border: 1px solid #cc9e2f;
}
.RazaSUM{
	background-color: rgba(191, 47, 204, 0.1);
	border: 1px solid #bf2fcc;
}
.RazaRF{
	background-color: rgba(204, 84, 47, 0.1);
	border: 1px solid #cc542f;
}

.BtnSM{
	background-color: #2f7dcc;
	color: #f1f1f1;
	border: 1px solid #2f7dcc;
}
.BtnSM:hover{
	background-color: rgba(47, 125, 204, 0.1);
	color: #2f7dcc;
	border: 1px solid #2f7dcc;
}

.BtnDK{
	background-color: #cc2f2f;
	color: #f1f1f1;
	border: 1px solid #cc2f2f;
}
.BtnDK:hover{
	background-color: rgba(204, 47, 47, 0.1);
	color: #cc2f2f;
	border: 1px solid #cc2f2f;
}

.BtnELF{
	background-color: #33cc2f;
	color: #f1f1f1;
	border: 1px solid #33cc2f;
}
.BtnELF:hover{
	background-color: rgba(51, 204, 47, 0.1);
	color: #33cc2f;
	border: 1px solid #33cc2f;
}

.BtnMG{
	background-color: #712fcc;
	color: #f1f1f1;
	border: 1px solid #712fcc;
}
.BtnMG:hover{
	background-color: rgba(113, 47, 204, 0.1);
	color: #712fcc;
	border: 1px solid #712fcc;
}

.BtnDL{
	background-color: #cc9e2f;
	color: #f1f1f1;
	border: 1px solid #cc9e2f;
}
.BtnDL:hover{
	background-color: rgba(204, 158, 47, 0.1);
	color: #cc9e2f;
	border: 1px solid #cc9e2f;
}

.BtnSUM{
	background-color: #bf2fcc;
	color: #f1f1f1;
	border: 1px solid #bf2fcc;
}
.BtnSUM:hover{
	background-color: rgba(191, 47, 204, 0.1);
	color: #bf2fcc;
	border: 1px solid #bf2fcc;
}

.BtnRF{
	background-color: #cc542f;
	color: #f1f1f1;
	border: 1px solid #cc542f;
}
.BtnRF:hover{
	background-color: rgba(204, 84, 47, 0.1);
	color: #cc542f;
	border: 1px solid #cc542f;
}

.card {
    background-color: #1a1c1e!important;
}

.fs-3 {
    font-size: 32px;
}

html {
    scrollbar-color: #222223 transparent;
    scrollbar-width: thin;
}






        .twitch-button {
            position: fixed;
            bottom: 10px;
            left: 10px;
            background-color: #9146ff;
            color: white;
            border: none;
            padding: 15px 30px;
            border-radius: 50px;
            font-size: 16px;
            cursor: pointer;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
            transition: all 0.3s ease;
            z-index: 1000;
        }

        .twitch-button:hover {
            background-color: #772ce8;
            transform: translateY(-3px);
            box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
        }

        .twitch-preview {
            position: fixed;
            bottom: 80px;
            right: 20px;
            background-color: #181824;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
            display: none;
            z-index: 1000;
        }

        .twitch-preview iframe {
            width: 100%;
            height: 100%;
            border: none;
            border-radius: 10px;
        }

        .close-button {
            position: absolute;
            top: -10px;
            right: -10px;
            background-color: #ff4646;
            color: white;
            border: none;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }

        .close-button:hover {
            background-color: #e83e3e;
        }






.form-control {
    border-color: #999!important;
    border-width: 1px!important;
    background-color: #0e0e0e!important;
    padding: 0 8px;
    font-size: 18px;
    color: white;
    font-family: arial;
}