@font-face {
font-family: 'Century Gothic Regular';
src: url('styles/default/xenforo/fonts/CenturyGothic.eot');
src: url('styles/default/xenforo/fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),url('styles/default/xenforo/fonts/CenturyGothic.woff') format('woff'),url('styles/default/xenforo/fonts/CenturyGothic.ttf') format('truetype');
font-weight: normal;
font-style: normal
}

@font-face {
font-family: 'Formular';
src: local('Formular Regular'),local('Formular-Regular'),url('styles/default/xenforo/fonts/Formular.woff2') format('woff2'),url('styles/default/xenforo/fonts/Formular.woff') format('woff'),url('styles/default/xenforo/fonts/Formular.ttf') format('truetype');
font-weight: 400;
font-style: normal
}

@font-face {
font-family: 'Golos Text';
src: local('Golos Text Regular'),local('Golos-Text-Regular'),url('styles/default/xenforo/fonts/GolosText-Regular.woff2') format('woff2'),url('styles/default/xenforo/fonts/GolosText-Regular.woff') format('woff'),url('styles/default/xenforo/fonts/GolosText-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal
}

.banner1 {
color: white;
background: linear-gradient(90deg, #191970 25%, #000 100%, #000);
font-size: 87%;
border-radius: 10px;
text-align: center;
font-style: normal;
padding: 1px 10px 3px;
border: none
}

.banner2 {
color: white;
background: linear-gradient(90deg, #c0c0c0 25%, #c0c0c0 100%, #000);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner3 {
color: white;
background: linear-gradient(90deg, #789 25%, #789 100%, #000);
text-align: center;
font-style: normal
}

.banner4 {
color: white;
background: linear-gradient(90deg, #cb2d3e, #ef473a);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner5 {
color: white;
background: linear-gradient(90deg, #008080, #001a1a);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner6 {
color: white;
background: linear-gradient(90deg, #008000, #001a00);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner7 {
color: white;
background: linear-gradient(90deg, #4b6cb7, #182848);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner8 {
color: white;
background: linear-gradient(90deg, #36f, #09bd72);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner9 {
color: white;
background: linear-gradient(90deg, #daa520, #300052);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner10 {
color: white;
background: linear-gradient(90deg, #310062, #120a8f);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner11 {
color: white;
background: linear-gradient(90deg, #008080, #004d4d);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner12 {
color: white;
background: linear-gradient(90deg, #dc143c, #4f0716);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner13 {
color: white;
background: linear-gradient(80deg, #f02424, #008f8f);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner14 {
color: white;
background: linear-gradient(80deg, #a30b0b, #050404);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner15 {
color: white;
background: linear-gradient(80deg, #30d5c8, #00a550);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner16 {
color: white;
background: linear-gradient(80deg, #30d5c8, #135e58);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner17 {
color: white;
background: linear-gradient(80deg, #1e5945, #066);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner18 {
color: white;
background: linear-gradient(80deg, #7442c8, #9400d3);
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none
}

.banner19 {
color: white;
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none;
background: #7cc3e0;
border-color: #53b0d6
}

.userBannerLight,.userBanner--staff {
display: inline-block;
text-align: center;
font-weight: 500;
color: #fff;
width: 100%;
border: none;
position: relative;
overflow: hidden
}

.userBannerLight.admin,.userBanner--staff.admin {
background: linear-gradient(90deg, #cb2d3e, #ef473a);
width: 101px
}

.userBannerLight.banned,.userBanner--staff.banned {
background: linear-gradient(90deg, #99958c 25%, #99958c 100%, #000);
width: 115px
}

.userBannerLight.user,.userBanner--staff.user {
background: linear-gradient(90deg, #789 25%, #789 100%, #000);
width: 93px
}

.userBannerLight.readOnly,.userBanner--staff.readOnly {
background: linear-gradient(90deg, #333, #4d4d4d);
width: 95px
}

.userBannerLight.moder,.userBanner--staff.moder {
background: linear-gradient(90deg, #4b6cb7, #182848);
width: 77px
}

.userBannerLight.editor,.userBanner--staff.editor {
background-color: #5F72BE;
background-image: linear-gradient(315deg, #5f72be 0%, #9921e8 74%);
width: 67px
}

.userBannerLight.active,.userBanner--staff.active {
background-color: #3333ff;
background-image: linear-gradient(315deg, #00f 0%, #33f 74%);
width: 67.5px
}

.userBannerLight.professional,.userBanner--staff.professional {
background-color: #00b300;
background-image: linear-gradient(315deg, #008000 0%, #00b300 74%);
width: 100px
}

.userBannerLight.seller,.userBanner--staff.seller {
background-color: #ff5c77;
background-image: linear-gradient(315deg, #ff294d 0%, #ff5c77 74%);
width: 100px
}

.userBannerLight:before,.userBanner--staff:before {
content: "";
position: absolute;
background: linear-gradient(135deg, transparent 0%, transparent 30%, rgba(250,250,250,0.7) 50%, transparent 70%, transparent 100%);
background-repeat: no-repeat;
top: 0px;
left: -80%;
width: 100%;
height: 100%;
animation: light 2.5s infinite
}

@media (max-width: 990px) {
.message:not(.message--forceColumns) .message-userBanner.userBanner.userBannerLight,.message:not(.message--forceColumns) .message-userBanner.userBanner.userBanner--staff {
text-align:center;
display: block;
margin: 3px
}
}

.userBanner--staff {
background: #1ba39c !important;
color: #fff !important;
width: 108px
}

@keyframes light {
0% {
left: -80%
}

100% {
left: 80%
}
}

.message-avatar-wrapper .avatar.avatar--l {
width: 115px;
height: 115px
}

.message-userBanner.userBanner {
display: block;
margin: 3px auto;
border-radius: 2px
}

.label {
font-weight: 500;
padding: 3px 6px
}

.label.label--important {
color: #f1416c;
background: rgba(241,65,108,0.08);
border-color: rgba(238,18,71,0.08);
border-color: rgba(241,65,108,0.02)
}

a.label.label--important:hover,a:hover .label.label--important {
background: rgba(240,46,93,0.08);
border-color: rgba(219,16,66,0.08);
border-color: rgba(240,46,93,0.02)
}

.label.label--pinned {
color: #ffc700;
background: rgba(255,199,0,0.08);
border-color: rgba(204,159,0,0.08);
border-color: rgba(255,199,0,0.02)
}

a.label.label--pinned:hover,a:hover .label.label--pinned {
background: rgba(235,183,0,0.08);
border-color: rgba(184,143,0,0.08);
border-color: rgba(235,183,0,0.02)
}

.label.label--solved {
color: #009ef7;
background: rgba(0,158,247,0.08);
border-color: rgba(0,125,196,0.08);
border-color: rgba(0,158,247,0.02)
}

a.label.label--solved:hover,a:hover .label.label--solved {
background: rgba(0,145,227,0.08);
border-color: rgba(0,112,176,0.08);
border-color: rgba(0,145,227,0.02)
}

fieldset.svg-offtop {
background: #2b2b40;
border: 1px solid #009ef7;
border-left-width: 3px;
padding: 5px 10px 10px;
border-radius: 10px
}

fieldset.svg-offtop legend {
color: #009ef7;
font-weight: 500;
padding: 0 5px;
margin-left: 10px;
transition: font-size .5s ease-out .3s
}

fieldset.svg-offtop p {
font-size: 13px;
color: #a1a5b7;
margin: inherit
}

fieldset:hover legend {
font-size: 120%
}