.btn:hover {
	-webkit-transition: background-color .25s, color .25s;
	-o-transition: background-color .25s, color .25s;
	transition: background-color .25s, color .25s
}

.form-control:focus,
.checkout-container .payment-method:hover,
.checkout-container .payment-method:focus {
	-webkit-transition: border-color .25s, color .25s;
	-o-transition: border-color .25s, color .25s;
	transition: border-color .25s, color .25s
}

.animated {
	-webkit-animation-duration: .25s;
	animation-duration: .25s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.slow {
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.dropdown-toggle[aria-expanded=true]::after {
	vertical-align: .05em
}

.dropdown-toggle.notifications::after {
	display: none !important
}

.dropdown-toggle:after {
	-webkit-transition: .25s;
	-o-transition: .25s;
	transition: .25s
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

@-webkit-keyframes float {
	0% {
		-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .6);
		box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .6);
		-webkit-transform: translatey(0px);
		transform: translatey(0px)
	}

	50% {
		-webkit-box-shadow: 0 25px 15px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 25px 15px 0 rgba(0, 0, 0, .2);
		-webkit-transform: translatey(-20px);
		transform: translatey(-20px)
	}

	100% {
		-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .6);
		box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .6);
		-webkit-transform: translatey(0px);
		transform: translatey(0px)
	}
}

@keyframes float {
	0% {
		-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .6);
		box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .6);
		-webkit-transform: translatey(0px);
		transform: translatey(0px)
	}

	50% {
		-webkit-box-shadow: 0 25px 15px 0 rgba(0, 0, 0, .2);
		box-shadow: 0 25px 15px 0 rgba(0, 0, 0, .2);
		-webkit-transform: translatey(-20px);
		transform: translatey(-20px)
	}

	100% {
		-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .6);
		box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .6);
		-webkit-transform: translatey(0px);
		transform: translatey(0px)
	}
}

@media(min-width:576px) {

	.update-title,
	.update-title::before {
		border-radius: var(--rounded) !important
	}

	.header-global li.icon-link {
		margin-right: 15px
	}

	.thread-row:first-child {
		border-radius: var(--rounded) var(--rounded) 0 0
	}

	.thread-row:last-child {
		border-radius: 0 0 var(--rounded) var(--rounded)
	}

	.thread-row:only-child {
		border-radius: var(--rounded)
	}

	.online-list .online-num {
		margin-right: 30px
	}

	.group-column {
		border-radius: .25rem
	}

	.space-title:first-child {
		border-radius: var(--rounded) var(--rounded) 0 0
	}

	.text-bottombar-left {
		text-align: left
	}

	.text-bottombar-right,
	.usergroup-slot-button-pos {
		text-align: right
	}

	.moderation-container {
		max-width: 400px
	}

	.post-activity .item-list .item {
		border-radius: .25rem
	}

	.memberlist .column>.head {
		border-radius: var(--rounded) var(--rounded) 0 0
	}

	.memberlist .column>.main {
		border-radius: 0 0 var(--rounded) var(--rounded)
	}

	.forgot-pw-container {
		width: 400px
	}
}

@media(min-width:768px) {

	.back-userlist,
	.m-expand-nav {
		display: none !important
	}

	.p-banner-user {
		position: absolute;
		bottom: -260px;
		left: 15px;
		right: 15px
	}

	.p-banner-user .user-info,
	.p-banner-user .p-statistics {
		margin-bottom: 55px
	}

	.p-banner-user .avatar,
	.p-banner-user .avatar img {
		height: 140px;
		width: 140px
	}

	.p-banner-user .avatar {
		margin-right: 30px
	}

	.p-status {
		margin-left: 170px
	}

	section.extra-features .features {
		margin: 0 -20px
	}

	.settings-select {
		width: 215px
	}

	.cookie-notice {
		width: 500px
	}

	.discord-container {
		width: 600px
	}

	.usercp-nav {
		width: 260px;
		margin-right: 30px
	}

	.m-trigger .collapse.m-show-nav {
		display: block !important
	}

	.m-sidebar {
		width: 280px
	}

	.staff-overview .staff-members .staff-column {
		margin: 5px
	}

	.global-account-ban .icon {
		width: 40px;
		margin-right: 15px
	}

	.global-account-ban .icon svg {
		width: 40px;
		height: 40px;
		fill: rgba(255, 255, 255, .7)
	}

	.ads-banner-index-mobile {
		display: none
	}

	.control-panel-sidebar {
		width: 250px;
		margin-left: 15px;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0
	}

	.ads-banner-index-desktop {
		background-color: #232b38;
		width: 728px;
		height: 90px;
		line-height: 90px;
		text-align: center;
		margin: 0 auto 15px
	}

	.usergroup-slot-userbar,
	.usergroup-slot-button-pos {
		text-align: right
	}

	.post-info {
		padding: 10px 15px
	}

	.modcp-sidebar {
		width: 250px
	}

	.post-activity .item-list {
		margin: -5px
	}

	.post-activity .item-list .item {
		margin: 5px;
		width: calc(50% - 10px)
	}

	.dashboard .main .user-info,
	.dashboard .main .activity {
		width: calc(50% - 15px);
		margin-right: 15px
	}

	.dashboard .main .level-info,
	.dashboard .main .quests {
		width: calc(50% - 15px);
		margin-left: 15px
	}

	.memberlist .memberlist-alphabet {
		margin-bottom: 10px
	}

	.memberlist .column {
		margin: 5px
	}
}

@media(min-width:992px) {
	.awards .award {
		width: calc(50% - 5px)
	}

	.awards .award:nth-child(odd) {
		margin-right: 5px
	}

	.awards .award:nth-child(even) {
		margin-left: 5px
	}

	.awards .award:last-child:nth-child(odd) {
		margin-right: 0;
		margin-bottom: 0
	}

	.awards .award:nth-last-child(2):nth-child(odd),
	.awards .award:last-child:nth-child(even) {
		margin-bottom: 0
	}

	.st-main-update {
		width: 130px
	}

	.st-main-status-pill {
		border-radius: 2rem
	}

	.m-categories .title {
		margin-bottom: 10px
	}

	.staff-dropdown {
		width: 250px
	}

	.m-listing .item-sidebar {
		width: 300px
	}

	.staff-overview .staff-members .staff-column {
		width: calc(50% - 10px)
	}

	.mb-lg-4 {
		margin-bottom: 1.5rem
	}

	.thread-controls {
		margin-left: 15px
	}

	.reputation-sidebar {
		width: 300px
	}

	.groups {
		margin: -5px
	}

	.group-column {
		margin: 5px;
		width: calc(50% - 10px)
	}

	.game-sidebar {
		width: 300px
	}

	.post-activity .post-activity-sidebar {
		margin: 0 30px 0 0;
		width: 300px
	}

	.post-activity .post-activity-sidebar .wrapper-lookthrough {
		top: 90px;
		position: -webkit-sticky;
		position: sticky
	}
}

@media(min-width:1200px) {
	select.selectprefix {
		max-width: 20%
	}
}

@media(max-width:364.98px) {

	.thread-avatar,
	.thread-avatar img {
		display: none
	}

	.btn {
		padding: .5rem .65rem
	}

	.usergroup-slot-userbar {
		text-align: center
	}
}

@media(max-width:575.98px) {

	body.index .error,
	body.index .error.info,
	body.dashboard .error.info {
		margin-left: -15px;
		margin-right: -15px
	}

	.email-confirmation-missing {
		margin-left: -15px;
		margin-right: -15px
	}

	.update-title {
		margin: 0 -15px
	}

	.forums .wrapper-lookthrough:not(:nth-last-child(2)) {
		margin-bottom: 5px
	}

	.header-global li.icon-link {
		margin-right: 15px
	}

	.header-global li.icon-link:nth-child(3) {
		margin-right: 0
	}

	.header-global li.user-link {
		margin-left: 0
	}

	.online-list .online-num {
		margin-bottom: 15px
	}

	body.awards-page .awards .award {
		margin-bottom: 0 !important;
		border-bottom: 1px solid var(--bg-tertiary)
	}

	body.awards-page .awards .award:last-child {
		border-bottom: none
	}

	.page-header-m {
		z-index: 2;
		position: relative
	}

	.discord-container {
		width: 100% !important
	}

	.btn-postbit.btn-like {
		padding-right: 0 !important
	}

	.wrapper-title,
	.wrapper-title-sub {
		margin-bottom: 0
	}

	.text-bottombar-left,
	.text-bottombar-right {
		text-align: center
	}

	.usergroup-slot-button {
		margin-top: 1rem
	}

	.group-column {
		margin-bottom: 15px !important
	}

	.group-column:last-child,
	.group-column:only-child {
		margin-bottom: 0 !important
	}

	.post-author,
	.post-content {
		overflow-x: hidden
	}

	.dashboard .main .user-info {
		border-bottom: 1px solid var(--bg-tertiary);
		margin-bottom: 0 !important
	}

	.forgot-pw-container {
		width: 100%
	}
}

@media(min-width:576px) and (max-width:767.98px) {
	section.forum-section .category {
		margin-bottom: 5px
	}
}

@media(max-width:767.98px) {

	.global-account-ban .icon,
	.ads-banner-index-desktop,
	.thread-likes,
	.existing-acc {
		display: none !important
	}

	.p-banner-user {
		position: absolute;
		bottom: -190px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto
	}

	.p-banner-user .avatar,
	.p-banner-user .avatar img {
		height: 100px;
		width: 100px
	}

	.p-banner-user .avatar {
		margin-bottom: 15px
	}

	.p-status .location {
		display: none
	}

	.dropdown-notifications,
	.dropdown-staff {
		position: absolute;
		width: 300px;
		width: 100vw;
		margin-left: -10px !important
	}

	.header-global .notifications-list ul {
		overflow-y: scroll;
		height: 300px
	}

	section.extra-features .feature {
		width: 100%;
		margin-bottom: 20px
	}

	section.extra-features .feature:last-child {
		margin-bottom: 0
	}

	.wrapper-lookthrough-bottom.no-premium {
		margin-top: 0
	}

	.awards .award {
		margin-bottom: 5px !important
	}

	.awards .award:last-child {
		margin-bottom: 0 !important
	}

	.dashboard .settings-select {
		width: 100%
	}

	.cookie-notice {
		right: 15px
	}

	.discord-container {
		width: 90%
	}

	.m-sidebar.hidden {
		display: none
	}

	.m-sidebar.show {
		display: block
	}

	.staff-overview .staff-members .staff-column:first-child {
		margin-top: 5px
	}

	.staff-overview .staff-members .staff-column {
		width: calc(100% - 10px);
		margin: 0 5px 5px
	}

	.control-panel-sidebar,
	.thread-information {
		margin-bottom: 1rem
	}

	.back-userlist {
		margin-right: 15px
	}

	.wrapper-lookthrough {
		padding: 5px
	}

	.usergroup-slot-userbar {
		margin-top: 1rem
	}

	.ads-banner-index-mobile {
		background-color: #232b38;
		width: 320px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		margin: 0 auto 15px
	}

	.post-info {
		padding: 8px 15px;
		border-bottom: none !important
	}

	.post-controls {
		border-top: none !important;
		padding-top: 0 !important
	}

	.reply-controls div {
		width: calc(50% - 0.5rem)
	}

	.poll .votes:first-child {
		margin-left: 35px
	}

	.statistics .stat-column {
		border-bottom: none
	}

	.statistics .col-12:last-child .stat-column {
		border-bottom: 1px solid var(--bg-tertiary)
	}

	.dashboard .main .user-info {
		margin-bottom: 15px
	}

	.memberlist .memberlist-alphabet {
		margin-bottom: 5px
	}

	.memberlist .column {
		margin: 5px 5px 0
	}
}

@media(max-width:991.98px) {

	.thread-preview,
	.postbit .awards,
	.memberlist .stat,
	.activity-sidebar,
	.thread-icon,
	.helpdocs-sidebar,
	.showthread-icon,
	.prefix-cover,
	.st-main-id,
	.dashboard .postbit-background-preview,
	.adx-header .illustration,
	.p-statistics,
	.forum-list .statistics {
		display: none !important
	}

	.header-global .header-column:nth-child(2) {
		margin-left: 15px
	}

	.header-global .header-column:nth-child(3) {
		width: calc(100% - 40px - 40px - 15px - 15px)
	}

	.forum .last-reply .avatar {
		width: 30px
	}

	.forum .last-reply .avatar img {
		height: 18px;
		width: 18px
	}

	.forum .last-reply-container {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width: calc(100% - 30px - 15px)
	}

	.forum .last-reply {
		margin-top: 10px;
		font-style: italic
	}

	.forum .last-reply .avatar {
		margin-right: 15px
	}

	.postbit {
		overflow-x: hidden
	}

	.postbit .author {
		height: 70px
	}

	.postbit .author::before {
		width: 300px;
		height: 70px;
		background: -o-linear-gradient(left, transparent, var(--bg-secondary)), url(https://i.imgur.com/A7dCW9c.png);
		background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--bg-secondary))), url(https://i.imgur.com/A7dCW9c.png);
		background: linear-gradient(to right, transparent, var(--bg-secondary)), url(https://i.imgur.com/A7dCW9c.png);
		background-size: 300px 70px;
		background-repeat: no-repeat;
		background-position: center top
	}

	.postbit .author::after {
		background: -o-linear-gradient(left, transparent, var(--bg-secondary)), url(../img/ui/shop/background_effects/night_sky_sm.gif);
		background: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--bg-secondary))), url(../img/ui/shop/background_effects/night_sky_sm.gif);
		background: linear-gradient(to right, transparent, var(--bg-secondary)), url(../img/ui/shop/background_effects/night_sky_sm.gif);
		background-size: 300px 70px;
		background-repeat: no-repeat;
		background-position: center center;
		width: 300px;
		height: 70px
	}

	.postbit .avatar,
	.postbit .avatar img {
		width: 35px;
		height: 35px
	}

	.postbit .avatar {
		margin-right: 15px
	}

	.postbit .badges {
		width: 60px
	}

	.postbit .badges .badge {
		margin-bottom: 5px
	}

	.postbit .badges .badge:last-child,
	.postbit .badges .badge:only-child {
		margin-bottom: 0
	}

	section.extra-features {
		padding: 30px 0;
		margin-top: 30px
	}

	section.faq {
		padding: 30px 0 0
	}

	section.extra-features h3,
	section.faq h4 {
		margin-bottom: 30px
	}

	.postbit .author {
		border-bottom: 1px solid var(--bg-tertiary)
	}

	.postbit .message img {
		max-width: 100%
	}

	.awards .award {
		width: 100%
	}

	.awards .award:last-child {
		margin-bottom: 0
	}

	.dashboard .menu {
		margin-top: -1.5rem;
		margin-bottom: 1.5rem
	}

	.dashboard .menu.show {
		margin-top: calc(-1.5rem - 5px)
	}

	.dashboard .menu.wrapper-lookthrough.show {
		border-radius: 0 0 var(--rounded) var(--rounded) !important
	}

	.dashboard .tx-info {
		margin-left: auto !important
	}

	.uoa-grant-action {
		width: 100% !important
	}

	.st-main-update {
		margin-top: 15px
	}

	.st-main-status {
		margin-top: 10px
	}

	.st-main-status-pill {
		border-radius: var(--rounded)
	}

	.credits-send-col:first-child {
		border-radius: var(--rounded) var(--rounded) 0 0
	}

	.credits-send-col:first-child,
	.credits-send-col:nth-child(2) {
		border-bottom: 1px solid var(--bg-tertiary)
	}

	.credits-send-col:last-child {
		border-radius: 0 0 var(--rounded) var(--rounded)
	}

	.usercp-charts .chart-row:nth-child(1) {
		border-bottom: 1px solid var(--border-tertiary);
		border-radius: .25rem .25rem 0 0
	}

	.usercp-charts .chart-row:nth-child(2) {
		border-radius: 0 0 .25rem .25rem
	}

	.m-categories .title {
		margin-bottom: 5px
	}

	.control-panel .account-graph {
		width: 100%
	}

	.control-panel .account-graph:nth-child(1) {
		margin-bottom: 1rem
	}

	.index-stats-side {
		margin-bottom: 15px
	}

	.index-stats,
	.index-stats-side {
		border-radius: .25rem
	}

	.bg-md-secondary {
		background-color: #232b38
	}

	.side-content {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		border-radius: .25rem
	}

	.thread-controls {
		margin-top: 15px
	}

	.statistics .stat-column {
		border-bottom: none
	}

	.statistics .col-md-6:last-child .stat-column,
	.statistics .col-md-6:nth-last-child(2) .stat-column {
		border-bottom: 1px solid var(--bg-tertiary)
	}

	.group-column {
		width: 100%
	}

	.group-column {
		margin-bottom: 5px
	}

	.group-column:last-child,
	.group-column:only-child {
		margin-bottom: 0
	}
}

@media(min-width:1103px) {
	.index-staff-m {
		display: none
	}
}

@media(max-width:1199.98px) {

	.avatar-container,
	.thread-stats .stats:nth-child(1),
	.thread-stats .stats:nth-child(2),
	.thread-lastpost .avatar {
		display: none !important
	}

	.thread-stats .stats:nth-child(3) {
		border-radius: .25rem !important
	}

	select.selectprefix {
		max-width: 25%
	}

	.statistics .stat-column {
		border-bottom: none;
		border-right: none
	}

	.statistics .col-lg-4:nth-child(3n) .stat-column {
		border-right: 1px solid var(--bg-tertiary)
	}

	.statistics .col-lg-4:last-child .stat-column {
		border-bottom: 1px solid var(--bg-tertiary)
	}
}

@media(min-width:768px) and (max-width:1199.98px) {
	section.extra-features .feature {
		width: calc(50% - 20px);
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 20px
	}

	section.extra-features .feature:nth-child(5),
	section.extra-features .feature:nth-child(6) {
		margin-bottom: 0
	}
}

@media(min-width:992px) and (min-height:880px) {
	.dashboard .menu {
		top: 30px
	}
}

@media(min-width:576px) and (max-width:991.98px) {

	.postbit .author,
	.postbit .author::before,
	.postbit .author::after {
		border-radius: var(--rounded) var(--rounded) 0 0
	}

	.postbit .content {
		border-radius: 0 0 var(--rounded) var(--rounded)
	}

	.postbit .content div:last-child {
		border-radius: 0 0 var(--rounded) var(--rounded)
	}
}

@media(max-width:399.98px) {
	.p-statistics-m .column {
		width: calc(50% - 7.5px);
		margin-bottom: 15px
	}

	.p-statistics-m .column:last-child,
	.p-statistics-m .column:nth-last-child(2) {
		margin-bottom: 0
	}

	.p-statistics-m .column:nth-child(odd) {
		margin-right: 7.5px
	}

	.p-statistics-m .column:nth-child(even) {
		margin-left: 7.5px
	}
}

@media(min-width:400px) and (max-width:767.98px) {
	.p-statistics-m .column {
		width: calc(33.333% - 15px);
		margin-bottom: 15px;
		margin-right: 15px;
		text-align: center
	}

	.p-statistics-m .column:nth-child(3),
	.p-statistics-m .column:nth-child(6) {
		margin-right: 0
	}

	.p-statistics-m .column:last-child,
	.p-statistics-m .column:nth-last-child(2),
	.p-statistics-m .column:nth-last-child(3) {
		margin-bottom: 0
	}
}

@media(min-width:768px) and (max-width:991.98px) {
	.p-statistics-m .column {
		width: calc(16.66666666666667% - 15px);
		margin-right: 15px;
		text-align: center
	}

	.p-statistics-m .column:last-child {
		margin-right: 0
	}
}