@import url(https://necolas.github.io/normalize.css/8.0.1/normalize.css);
@import url(https://use.fontawesome.com/releases/v5.8.1/css/all.css);
@import url(https://fonts.googleapis.com/css?family=Lato);
.alertify .ajs-dimmer {
	margin: 0;
	background-color: #252525;
	opacity: .5
}

.alertify .ajs-dimmer,
.alertify .ajs-modal {
	position: fixed;
	z-index: 1981;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0
}

.alertify .ajs-modal {
	overflow-y: auto
}

.alertify .ajs-dialog {
	position: relative;
	margin: 5% auto;
	min-height: 110px;
	max-width: 500px;
	padding: 24px 24px 0;
	outline: 0;
	background-color: #fff
}

.alertify .ajs-dialog.ajs-capture:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	z-index: 1
}

.alertify .ajs-reset {
	position: absolute!important;
	display: inline!important;
	width: 0!important;
	height: 0!important;
	opacity: 0!important
}

.alertify .ajs-commands {
	position: absolute;
	right: 4px;
	margin: -14px 24px 0 0;
	z-index: 2
}

.alertify .ajs-commands button {
	display: none;
	width: 10px;
	height: 10px;
	margin-left: 10px;
	padding: 10px;
	border: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 50%;
	cursor: pointer
}

.alertify .ajs-commands button.ajs-close {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC)
}

.alertify .ajs-commands button.ajs-maximize {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC)
}

.alertify .ajs-header {
	margin: -24px -24px 0;
	padding: 16px 24px;
	background-color: #fff
}

.alertify .ajs-body {
	min-height: 56px
}

.alertify .ajs-body .ajs-content {
	padding: 16px 24px 16px 16px
}

.alertify .ajs-footer {
	padding: 4px;
	margin-left: -24px;
	margin-right: -24px;
	min-height: 43px;
	background-color: #fff
}

.alertify .ajs-footer .ajs-buttons.ajs-primary {
	text-align: right
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
	margin: 4px
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
	float: left;
	clear: none;
	text-align: left
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
	margin: 4px
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
	min-width: 88px;
	min-height: 35px
}

.alertify .ajs-handle {
	position: absolute;
	display: none;
	width: 10px;
	height: 10px;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	cursor: se-resize
}

.alertify.ajs-no-overflow .ajs-body .ajs-content {
	overflow: hidden!important
}

.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
	left: 0;
	right: 0;
	padding: 0
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
	margin-left: -24px;
	margin-right: -24px
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
	padding: 0
}

.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
	left: 0;
	right: 0
}

.alertify.ajs-closable .ajs-commands button.ajs-close,
.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
.alertify.ajs-maximizable .ajs-commands button.ajs-restore {
	display: inline-block
}

.alertify.ajs-maximized .ajs-dialog {
	width: 100%!important;
	height: 100%!important;
	max-width: none!important;
	margin: 0 auto!important;
	top: 0!important;
	left: 0!important
}

.alertify.ajs-maximized.ajs-modeless .ajs-modal {
	position: fixed!important;
	min-height: 100%!important;
	max-height: none!important;
	margin: 0!important
}

.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=)
}

.alertify.ajs-maximized .ajs-dialog,
.alertify.ajs-resizable .ajs-dialog {
	padding: 0
}

.alertify.ajs-maximized .ajs-commands,
.alertify.ajs-resizable .ajs-commands {
	margin: 14px 24px 0 0
}

.alertify.ajs-maximized .ajs-header,
.alertify.ajs-resizable .ajs-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 16px 24px
}

.alertify.ajs-maximized .ajs-body,
.alertify.ajs-resizable .ajs-body {
	min-height: 224px;
	display: inline-block
}

.alertify.ajs-maximized .ajs-body .ajs-content,
.alertify.ajs-resizable .ajs-body .ajs-content {
	position: absolute;
	top: 50px;
	right: 24px;
	bottom: 50px;
	left: 24px;
	overflow: auto
}

.alertify.ajs-maximized .ajs-footer,
.alertify.ajs-resizable .ajs-footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
	min-width: 548px
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
	display: block
}

.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
	cursor: move
}

.alertify.ajs-modeless .ajs-dimmer,
.alertify.ajs-modeless .ajs-reset {
	display: none
}

.alertify.ajs-modeless .ajs-modal {
	overflow: visible;
	max-width: none;
	max-height: 0
}

.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
	display: inline-block;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC)
}

.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
	position: absolute
}

.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=)
}

.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
	max-height: 500px;
	overflow: auto
}

.alertify.ajs-basic .ajs-header {
	opacity: 0
}

.alertify.ajs-basic .ajs-footer {
	visibility: hidden
}

.alertify.ajs-frameless .ajs-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	min-height: 60px;
	margin: 0;
	padding: 0;
	opacity: 0;
	z-index: 1
}

.alertify.ajs-frameless .ajs-footer {
	display: none
}

.alertify.ajs-frameless .ajs-body .ajs-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
	padding-top: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
	margin-top: 0
}

.ajs-no-overflow {
	overflow: hidden!important;
	outline: none
}

.ajs-no-overflow.ajs-fixed {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: scroll!important
}

.ajs-no-selection,
.ajs-no-selection * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media screen and (max-width:568px) {
	.alertify .ajs-dialog {
		min-width: 150px
	}
	.alertify:not(.ajs-maximized) .ajs-modal {
		padding: 0 5%
	}
	.alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
		min-width: 0;
		min-width: auto
	}
}

@-moz-document url-prefix() {
	.alertify button:focus {
		outline: 1px dotted #3593d2
	}
}

.alertify .ajs-dimmer,
.alertify .ajs-modal {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	transition-property: opacity, visibility;
	transition-timing-function: linear;
	transition-duration: .25s
}

.alertify.ajs-hidden .ajs-dimmer,
.alertify.ajs-hidden .ajs-modal {
	visibility: hidden;
	opacity: 0
}

.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.alertify.ajs-out.ajs-hidden .ajs-dialog {
	-webkit-animation-duration: .25s;
	animation-duration: .25s
}

.alertify .ajs-dialog.ajs-shake {
	-webkit-animation-name: ajs-shake;
	animation-name: ajs-shake;
	-webkit-animation-duration: .1s;
	animation-duration: .1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes ajs-shake {
	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes ajs-shake {
	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
	-webkit-animation-name: ajs-slideIn;
	animation-name: ajs-slideIn;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
	-webkit-animation-name: ajs-slideOut;
	animation-name: ajs-slideOut;
	-webkit-animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
	animation-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
	-webkit-animation-name: ajs-zoomIn;
	animation-name: ajs-zoomIn
}

.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
	-webkit-animation-name: ajs-zoomOut;
	animation-name: ajs-zoomOut
}

.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
	-webkit-animation-name: ajs-fadeIn;
	animation-name: ajs-fadeIn
}

.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
	-webkit-animation-name: ajs-fadeOut;
	animation-name: ajs-fadeOut
}

.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
	-webkit-animation-name: ajs-pulseIn;
	animation-name: ajs-pulseIn
}

.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
	-webkit-animation-name: ajs-pulseOut;
	animation-name: ajs-pulseOut
}

.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
	-webkit-animation-name: ajs-flipInX;
	animation-name: ajs-flipInX
}

.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
	-webkit-animation-name: ajs-flipOutX;
	animation-name: ajs-flipOutX
}

.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
	-webkit-animation-name: ajs-flipInY;
	animation-name: ajs-flipInY
}

.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
	-webkit-animation-name: ajs-flipOutY;
	animation-name: ajs-flipOutY
}

@-webkit-keyframes ajs-pulseIn {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes ajs-pulseIn {
	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		transition-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@-webkit-keyframes ajs-pulseOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes ajs-pulseOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@-webkit-keyframes ajs-zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.25, .25, .25);
		transform: scale3d(.25, .25, .25)
	}
	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes ajs-zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.25, .25, .25);
		transform: scale3d(.25, .25, .25)
	}
	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@-webkit-keyframes ajs-zoomOut {
	0% {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.25, .25, .25);
		transform: scale3d(.25, .25, .25)
	}
}

@keyframes ajs-zoomOut {
	0% {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.25, .25, .25);
		transform: scale3d(.25, .25, .25)
	}
}

@-webkit-keyframes ajs-fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes ajs-fadeIn {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@-webkit-keyframes ajs-fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes ajs-fadeOut {
	0% {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@-webkit-keyframes ajs-flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes ajs-flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@-webkit-keyframes ajs-flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}
	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes ajs-flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotateX(-20deg);
		transform: perspective(400px) rotateX(-20deg);
		opacity: 1
	}
	to {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@-webkit-keyframes ajs-flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg);
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes ajs-flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg);
		transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@-webkit-keyframes ajs-flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}
	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes ajs-flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotateY(-15deg);
		transform: perspective(400px) rotateY(-15deg);
		opacity: 1
	}
	to {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@-webkit-keyframes ajs-slideIn {
	0% {
		margin-top: -100%
	}
	to {
		margin-top: 5%
	}
}

@keyframes ajs-slideIn {
	0% {
		margin-top: -100%
	}
	to {
		margin-top: 5%
	}
}

@-webkit-keyframes ajs-slideOut {
	0% {
		margin-top: 5%
	}
	to {
		margin-top: -100%
	}
}

@keyframes ajs-slideOut {
	0% {
		margin-top: 5%
	}
	to {
		margin-top: -100%
	}
}

.alertify-notifier {
	position: fixed;
	width: 0;
	overflow: visible;
	z-index: 1982
}

.alertify-notifier,
.alertify-notifier .ajs-message {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.alertify-notifier .ajs-message {
	position: relative;
	width: 260px;
	max-height: 0;
	padding: 0;
	opacity: 0;
	margin: 0;
	transition-duration: .25s;
	transition-timing-function: linear
}

.alertify-notifier .ajs-message.ajs-visible {
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
	opacity: 1;
	max-height: 100%;
	padding: 15px;
	margin-top: 10px
}

.alertify-notifier .ajs-message.ajs-success {
	background: rgba(91, 189, 114, .95)
}

.alertify-notifier .ajs-message.ajs-error {
	background: rgba(217, 92, 92, .95)
}

.alertify-notifier .ajs-message.ajs-warning {
	background: rgba(252, 248, 215, .95)
}

.alertify-notifier .ajs-message .ajs-close {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);
	background-repeat: no-repeat;
	background-position: 50%;
	background-color: rgba(0, 0, 0, .5);
	border-top-right-radius: 2px
}

.alertify-notifier.ajs-top {
	top: 10px
}

.alertify-notifier.ajs-bottom {
	bottom: 10px
}

.alertify-notifier.ajs-right {
	right: 10px
}

.alertify-notifier.ajs-right .ajs-message {
	right: -320px
}

.alertify-notifier.ajs-right .ajs-message.ajs-visible {
	right: 290px
}

.alertify-notifier.ajs-left {
	left: 10px
}

.alertify-notifier.ajs-left .ajs-message {
	left: -300px
}

.alertify-notifier.ajs-left .ajs-message.ajs-visible {
	left: 0
}

.alertify-notifier.ajs-center {
	left: 50%
}

.alertify-notifier.ajs-center .ajs-message {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.alertify-notifier.ajs-center .ajs-message.ajs-visible {
	left: 50%;
	transition-timing-function: cubic-bezier(.57, .43, .1, .65)
}

.alertify-notifier.ajs-center.ajs-top .ajs-message {
	top: -300px
}

.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
	top: 0
}

.alertify-notifier.ajs-center.ajs-bottom .ajs-message {
	bottom: -300px
}

.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible {
	bottom: 0
}

body {
	font-family: Lato, sans-serif;
	min-width: 1420px
}

.page-width {
	position: relative;
	width: 1420px;
	margin: 0 auto;
	box-sizing: border-box
}

header {
	display: block;
	width: 100%;
	background: #292421;
	color: #b99674
}

header a {
	color: #b99674;
	text-decoration: none
}

header a.active,
header a:hover {
	color: #d76d58
}

header:after {
	display: block;
	width: 100%;
	height: 5px;
	background: #7b5a4d;
	border-bottom: 1px solid #ce9c6f;
	content: ""
}

.header-top,
.top-nav {
	display: flex
}

.top-nav {
	width: 100%;
	height: 86px;
	align-items: center;
	text-transform: uppercase
}

.top-nav a {
	position: relative;
	margin: 0 21px
}

.top-nav a:first-child {
	margin-left: 0
}

.top-nav a:last-child {
	margin-right: 0
}

.top-nav a:after {
	position: absolute;
	bottom: -5px;
	left: 50%;
	display: block;
	width: 0;
	height: 1px;
	background: #b99674;
	content: "";
	transition: all .2s ease-in-out
}

.top-nav a:hover:after {
	left: 0;
	width: 100%;
	background: #d76d58
}

.sign-in {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 280px;
	z-index: 10
}

.sign-in button {
	margin-top: 6px
}

.sign-in--sign-in {
	display: flex;
	height: 86px;
	flex-direction: column
}

.sign-in--sign-in input[type=password],
.sign-in--sign-in input[type=text] {
	display: block;
	width: 280px;
	height: 42px;
	background: url(/style/images/input-login.png?cfe64d200bdb373d104552a99f0b5535) no-repeat;
	border: 0;
	margin: 0;
	box-sizing: border-box;
	padding: 0 5px;
	text-align: center;
	color: #f4c29b;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .9em
}

.sign-in--sign-in input[type=password]::-webkit-input-placeholder,
.sign-in--sign-in input[type=text]::-webkit-input-placeholder {
	color: #b99477
}

.sign-in--sign-in input[type=password]::-moz-placeholder,
.sign-in--sign-in input[type=text]::-moz-placeholder {
	color: #b99477
}

.sign-in--sign-in input[type=password]:-ms-input-placeholder,
.sign-in--sign-in input[type=text]:-ms-input-placeholder {
	color: #b99477
}

.sign-in--sign-in input[type=password]::-ms-input-placeholder,
.sign-in--sign-in input[type=text]::-ms-input-placeholder {
	color: #b99477
}

.sign-in--sign-in input[type=password]::placeholder,
.sign-in--sign-in input[type=text]::placeholder {
	color: #b99477
}

.sign-in--sign-in input[type=password] {
	margin-top: 2px;
	background-position: 0 -42px
}

.sign-in--signed-in {
	display: flex;
	height: 86px;
	width: 100%;
	flex-direction: column;
	text-transform: uppercase;
	justify-content: center;
	align-items: center
}

.sign-in--padding {
	padding-left: 336px
}

.player-nav {
	position: absolute;
	left: 280px;
	top: 92px;
	display: flex;
	height: 41px;
	max-width: 100%;
	background: rgba(61, 39, 35, .7);
	padding-left: 43px;
	padding-right: 66px;
	transition: all 1s ease-in-out;
	overflow: hidden;
	z-index: 10
}

.player-nav>* {
	height: 100%;
	line-height: 41px
}

.player-nav a {
	padding: 0 23px;
	white-space: nowrap;
	transition: all .5s ease-in, color .2s ease-in
}

.player-nav a:hover {
	color: #e78965
}

.player-nav--toggle {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 20px;
	text-align: center;
	font-size: 1.2em;
	cursor: pointer
}

.player-nav--collapse {
	max-width: 0;
	background: #3d2723;
	transition: all .5s ease-in-out
}

.player-nav--collapse .player-nav--toggle {
	display: block;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background: #3d2723
}

.language-selector {
	position: absolute;
	right: 50px;
	top: 49px
}

.fa,
.fab,
.fal,
.far,
.fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 2
}

.language-selector .languages-available {
	display: flex;
	flex-direction: column;
	height: 0;
	overflow: hidden
}

.language-selector .language-selected:hover+.languages-available,
.language-selector .languages-available:hover {
	height: auto
}

.language-selector .language-selected,
.language-selector .languages-available a {
	display: flex;
	color: #f4c29b;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	padding: 10px 20px;
	background: #7b5a4d;
	cursor: pointer;
	align-items: center
}

.language-selector .language-selected:hover,
.language-selector .languages-available a:hover {
	background: #5f4135
}

.language-selector .language-selected {
	border-radius: 5px 5px 0 0
}

.language-selector .languages-available a:last-child {
	border-radius: 0 0 5px 5px
}

.country-flag {
	display: block;
	width: 15px;
	height: 15px;
	background-size: contain;
	margin-right: 10px
}

.cf-de {
	background-image: url(/style/images/germany.svg?d810f62137d64a0a58035c80489b7d54)
}
.cf-fr{background-image:url(/style/images/french.svg)
}
.cf-en {
	background-image: url(/style/images/united-kingdom.svg?e5564902e2642c5e6e2e98e68a7d41f5)
}

.cf-ro {
	background-image: url(/style/images/romania.svg?edc6ec3b40fde370cfa3a82afb0fb9b4)
}

.cf-tr {
	background-image: url(/style/images/turkey.svg?30802ce69ee0f2efd1f6eb0374d129d9)
}

.cf-hu {
	background-image: url(/style/images/hu.svg?70a47eede02a7f19435d602e2294eb8b)
}

.bg {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #131313;
	background-position-x: center;
	background-repeat: no-repeat
}

.bg-landing {
	height: 1801px;
	background-image: url(/style/images/background-landing.png)
}

.bg-account {
	height: 1018px;
	background-image: url(/style/images/background-register.png)
}

.bg-ranking {
	height: 1583px;
	background-image: url(/style/images/background-ranking.png)
}

.bg-padding {
	padding: 120px 0
}

.logo {
	display: inline-block;
	width: 510px;
	height: 265px;
	background: url(/style/images/logo.png) no-repeat;
	top: 131px;
	left: 84px
}

.logo,
.news {
	position: absolute
}

.news {
	top: 463px;
	left: 37px
}

.news--single-news {
	display: block;
	width: 616px;
	height: 88px;
	background: url(/style/images/news-background.png?63dec520c36b1abfad2f8edf7d8b8bc8);
	text-align: center;
	padding-top: 13px;
	box-sizing: border-box;
	text-transform: uppercase;
	color: #885844;
	margin-top: 10px
}

.news--single-news:first-child {
	margin-top: 0
}

.news--single-news a {
	text-decoration: none;
	color: #d58a5c
}

.news--single-news a:hover {
	color: #cc614f
}

.news--single-news h2 {
	font-size: 16px;
	color: #d58a5c;
	font-weight: 400;
	margin-bottom: 4px
}

.statistics {
	display: flex;
	width: 825px;
	height: 85px;
	justify-content: space-between;
	text-align: center;
	position: absolute;
	top: 890px;
	left: 293px
}

.statistics>div {
	display: block;
	width: 85px;
	height: 85px;
	background-image: url(/style/images/statistics.png?553d520755d2ebddf16548ae3c982ce4);
	background-repeat: no-repeat
}

.statistics--text {
	display: block;
	width: calc(100% + 160px);
	margin-left: -80px;
	margin-top: 28px;
	color: #b38c6b;
	font-size: 18px;
	text-transform: uppercase
}

.statistics--text span {
	display: block
}

.statistics--number {
	color: #f2b075;
	font-size: 1.2em
}

.statistics--player-online {
	background-position: -255px 0
}

.statistics--player-online-day {
	background-position: -170px 0
}

.statistics--registered-player {
	background-position: -85px 0
}

.top5 {
	display: block;
	width: 1148px;
	position: absolute;
	top: 1033px;
	left: 136px
}

.top5-header {
	display: flex;
	width: 1018px;
	height: 415px;
	background: url(/style/images/top5-header.png?a3eec80daa6801bca7501c6bf95db41a);
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding-bottom: 40px;
	margin: 0 auto
}

.top5-header h2 {
	font-size: 36px;
	text-transform: uppercase;
	color: #b76c48;
	font-weight: 400;
	letter-spacing: 1px
}

.top5-header--left {
	text-align: right;
	padding-right: 175px
}

.top5-header--right {
	padding-left: 175px
}

.top5-tables {
	display: flex;
	justify-content: space-between;
	margin-top: -150px
}

.top5-table {
	display: block;
	width: 411px;
	height: 255px;
	border-collapse: separate;
	border-spacing: 0 5px
}

.top5-table td {
	width: 101px;
	height: 47px;
	text-align: center;
	font-size: 20px;
	padding: 0 0 5px;
	box-sizing: border-box;
	color: #8f6751;
	background: rgba(39, 21, 17, .73)
}

.top5-table td:nth-child(2) {
	width: 209px
}

.top5-table tr:first-child td:nth-child(2) {
	color: #cf9c6b;
	background: rgba(107, 77, 39, .73)
}

.top5-table tr:nth-child(2) td:nth-child(2) {
	color: #c1c1c1;
	background: hsla(0, 0%, 42%, .73)
}

.top5-table tr:nth-child(3) td:nth-child(2) {
	color: #a36148;
	background: rgba(115, 64, 30, .73)
}

.top5-button {
	margin-top: 78px;
	margin-left: 434px
}

.page-header-register {
	display: block;
	width: 754px;
	height: 415px;
	background: url(/style/images/header-register.png?976dbf486e8e38e0493cc756fdf0ea69);
	position: absolute;
	left: -24px;
	top: 40px;
	text-transform: uppercase
}

.page-header-register h1 {
	margin-top: 158px;
	margin-left: 308px;
	letter-spacing: -2px;
	color: #af5453
}

.page-header-register h2 {
	margin-top: -20px;
	margin-left: 308px;
	color: #c7a67c
}

.register {
	display: block;
	width: 639px;
	position: absolute;
	left: 36px;
	top: 411px
}

.form-control-add {
	height: 44px;
    background: rgba(52, 27, 26, .8);
    border: 0;
    padding: 0;
    text-align: center;
    font-size: 18px;
    color: #c68467;
    width: 100%;
    border: 1px solid #a17755;
}

.register--input-field {
	width: 310px
}

.input-field {
	height: 44px;
	background: rgba(52, 27, 26, .8);
	border: 0;
	padding: 0;
	text-align: center;
	font-size: 18px;
	border-bottom: 1px solid #a17755;
	border-top: 1px solid #a17755;
	border-right: 0px;
	border-left: 0px;
	border-color: rgb(198, 132, 103);
	color: #c68467
}

.input,
.input-field {
	position: relative;
	display: block
}

.input {
	border: solid rgba(52, 27, 26, .8);
	border-width: 3px 0;
	z-index: 0;
	margin-bottom: 11px
}

.input:after,
.input:before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	background: #a17755;
	z-index: 1
}

.input:before {
	top: -1px
}

.input.input--green:after,
.input.input--green:before {
	background: #83a155
}

.input.input--red:after,
.input.input--red:before {
	background: #b13a3a
}

.register--input {
	width: 310px
}

.register .btn {
	margin: 20px auto 0
}

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

.register p {
	color: #91ffa2
}

.register p a {
	color: #deab82;
	text-decoration: none;
	text-decoration: underline
}

.btn {
	display: block;
	width: 314px;
	height: 66px;
	background: url(/style/images/button.png?0ce8091c01987b02faa44a21cc3480cf);
	border: 0;
	color: #d37562;
	font-size: 16px;
	padding-bottom: 24px;
	cursor: pointer;
	margin-left: -17px;
	box-sizing: border-box;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	line-height: 40px
}

.btn:hover {
	background-position: 0 -66px;
	color: #b99674
}

footer {
	position: relative;
	display: flex;
	width: 100%;
	height: 380px;
	background: url(/style/images/background-footer.png?6d31b28df28e1262319eb0b3fd45e53d) 50% no-repeat #131313;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding-top: 180px;
	font-size: 16px
}

footer:before {
	content: "";
	position: absolute;
	top: -6px;
	display: block;
	width: 100%;
	height: 5px;
	background: #7b5a4d;
	border-bottom: 1px solid #ce9c6f
}

.bottom-nav a {
	position: relative;
	color: #8a6b58;
	text-decoration: none;
	padding: 0 30px
}

.bottom-nav a:hover {
	color: #b15441
}

.bottom-nav a:not(:first-child):before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #8a6b58;
	border-radius: 5px
}

.legal-notice {
	text-align: center;
	color: #bc9780;
	font-size: .9em
}

.page-header-ranking {
	display: block;
	width: 754px;
	height: 399px;
	background: url(/style/images/header-ranking.png?e60666254dc5d35727ce64c94976e65a);
	position: absolute;
	left: 267px;
	text-transform: uppercase
}

.page-header-ranking h1 {
	margin-top: 148px;
	margin-left: 308px;
	letter-spacing: -2px;
	color: #af5453
}

.page-header-ranking h2 {
	margin-top: -20px;
	margin-left: 308px;
	color: #c7a67c;
	font-size: 18px
}

.page-header-ranking--buttons {
	display: flex;
	width: 570px;
	justify-content: space-between;
	position: absolute;
	left: 326px;
	top: 229px
}

.alternative-btn {
	display: block;
	width: 180px;
	height: 46px;
	background: url(/style/images/alternative-button.png?a0ff7b7e678defbaec80f269d0fedbff);
	text-transform: uppercase;
	text-align: center;
	line-height: 46px;
	text-decoration: none;
	color: #977a64
}

.alternative-btn--active,
.alternative-btn:hover {
	background-position: 0 -46px;
	color: #f2e1a8
}

.alternative-btn--active {
	pointer-events: none
}

.table-ranking-container {
	display: block;
	width: 958px;
	position: absolute;
	top: 380px;
	left: 231px
}

.table-ranking {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 1px;
	text-align: center
}

.table-ranking th {
	padding: 17px;
	font-size: 18px;
	font-weight: 400
}

.table-ranking th:nth-child(odd),
.table-ranking tr:nth-child(odd) {
	background: rgba(82, 60, 48, .51);
	color: #a1836b
}

.table-ranking th:nth-child(2n),
.table-ranking tr:nth-child(2n) {
	background: rgba(82, 60, 48, .75);
	color: #b39479
}

.table-ranking tr.table-ranking--first-place {
	color: #d7a371
}

.table-ranking tr.table-ranking--second-place {
	color: #bab3af
}

.table-ranking tr.table-ranking--third-place {
	color: #a06035
}

.table-ranking td {
	padding: 10px
}

.table-ranking-container .pagination .wp-pagenavi {
	display: flex;
	list-style: none;
	justify-content: center;
	padding: 0;
	margin: 40px 0
}

.page-item-active {
	display: block;
	width: 33px;
	height: 35px;
	background: url(/style/images/pagination.png?d067f06a77a79603a0abb5daa283969a);
	text-decoration: none;
	line-height: 31px;
	text-align: center;
	background-position: -33px 0;
    color: #f1b370;
}

.page-item-active-no {
	display: block;
	width: 33px;
	height: 35px;
	background: url(/style/images/pagination.png?d067f06a77a79603a0abb5daa283969a);
	text-decoration: none;
	line-height: 31px;
	text-align: center;
	background-position: -33px 0;
    color: #f1b370;
}

.last-vrai a.page-item-active-no:hover,

.last-vrai {
	display: block;
	width: 110px;
	height: 35px;
	text-decoration: none;
	line-height: 31px;
	text-align: center;
	color: #f4c288;
}

.table-ranking-container .pagination .page-link {
	display: block;
	width: 33px;
	height: 35px;
	background: url(/style/images/pagination.png?d067f06a77a79603a0abb5daa283969a);
	text-decoration: none;
	line-height: 31px;
	text-align: center;
	color: #977b63
}

.table-ranking-container .pagination a.page-link:hover,
.table-ranking-container .pagination span.page-link {
	background-position: -33px 0;
	color: #f1b370
}

.container {
	padding: 40px 37px;
	background: rgba(52, 27, 26, .9);
	border: 1px solid #a17755;
	border-radius: 5px;
	margin: 0 10%;
	color: #b99674
}

.container p {
	margin: 0;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: justify
}

.container p6 {
	margin: 0;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 1px;
	font-style: italic;
	text-align: justify
}

.nouvelajustement h7 {
	margin: 0;
	font-size: 16px;
	line-height: 28px;
}

.container>h1:first-child {
	margin-top: 0
}

.container--splitted {
	display: flex;
	justify-content: center
}

.container--splitted>div {
	width: 50%
}

.simple-btn {
	display: inline-block;
	padding: 13px 30px;
	background: #5c3027;
	color: #d37562;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 5px
}

.simple-btn:hover {
	background: #924c3e;
	color: #b99674
}

.inline-form {
	display: flex;
	flex-direction: column
}

.inline-form .input {
	margin-bottom: 0
}

.form-btn {
	display: block;
	height: 50px;
	border: 0;
	padding: 0 40px;
	background: #5f4135;
	color: #f4c29b;
	text-transform: uppercase;
	cursor: pointer
}

.form-btn:hover {
	background: #7b5a4d;
	color: #e7c29b
}

.form-row:not(:last-child) {
	padding-bottom: 10px
}

.input-label {
	line-height: 50px
}

hr {
	height: 1px;
	border: 0;
	background: #5e4632;
	margin: 50px 0
}

.alert,
hr {
	display: block;
	width: 100%
}

.alert {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid;
	border-radius: 3px;
	box-sizing: border-box
}

.alert-success {
	background: rgba(107, 252, 107, .35);
	border-color: #91ffa2;
	color: #91ffa2
}

.alert-danger {
	background: rgba(219, 74, 74, .32);
	border-color: #ff8b8b;
	color: #ff8b8b
}

.alert-warning {
	background: rgba(219, 135, 74, .32);
	border-color: #ffc18b;
	color: #ffc18b
}

.twitch-stream {
	margin-top: 50px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75)
}

.sparkling-modal-overlay {
	background: #000
}

.sparkling-modal-title {
	background: #f5f3ef;
	position: relative
}

.sparkling-modal-title span {
	font-size: 20px;
	padding: 20px;
	float: left;
	line-height: 20px
}

.sparkling-modal-close {
	cursor: pointer;
	height: 100%;
	width: 75px;
	position: absolute;
	right: 0;
	transition: background .2s
}

.sparkling-modal-close:hover {
	background: #e0ddd6
}

.i-close {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.i-close-h {
	height: 1px;
	width: 19px;
	margin-left: -9px
}

.i-close-h,
.i-close-v {
	position: relative;
	background: #777;
	top: 50%;
	left: 50%
}

.i-close-v {
	height: 19px;
	width: 1px;
	margin-top: -10px
}

.table {
	width: 100%;
	border-collapse: collapse;
	text-align: center
}

.table th {
	padding: 15px 40px;
	background: rgba(0, 0, 0, .2);
	color: #b99674;
}

.table td {
	padding: 10px 20px;
	background: rgba(0, 0, 0, .05)
}

.table tr:nth-child(2n) td {
	padding: 10px 20px;
	background: rgba(0, 0, 0, .1)
}

.table--list {
	width: 90%;
	text-align: left
}

.table--list th,
td {
	padding: 15px!important;
	color: #b99674;
}

a {
	color: #f4c288;
	text-decoration: none
}

a:hover {
	text-decoration: underline
}