@charset "UTF-8";

html {
	box-sizing: border-box
}

*,
:after,
:before {
	box-sizing: inherit
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

details,
footer,
header,
main,
menu,
nav,
section {
	display: block
}

audio,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden] {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline-width: 0
}

b,
strong {
	font-weight: bolder
}

.small,
small {
	font-size: 80%
}

sup {
	font-size: 75%
}

img {
	border-style: none
}

pre {
	font-family: monospace, monospace
}

button,
input,
select,
textarea {
	font: inherit
}

button,
input {
	overflow: visible
}

[type=button]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

body,
html {
	font-size: 15px;
	line-height: 1.5
}

html {
	overflow-x: hidden
}

.h1,
h1 {
	font-size: 36px
}

.h2,
h2 {
	font-size: 30px
}

.h3,
h3 {
	font-size: 24px
}

.h4,
h4 {
	font-size: 20px
}

.h5,
h5 {
	font-size: 18px
}

.h6,
h6 {
	font-size: 16px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Segoe UI, Arial, sans-serif;
	font-weight: 400;
	margin: 10px 0
}

img {
	vertical-align: middle
}

.w3-button,
a {
	color: inherit
}

.w3-button {
	-webkit-touch-callout: none;
	background-color: inherit;
	border: none;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap
}

.w3-button:disabled {
	cursor: not-allowed;
	opacity: .3
}

:disabled * {
	pointer-events: none
}

.w3-dropdown-click {
	cursor: pointer;
	display: inline-block;
	position: relative
}

.w3-dropdown-click:hover,
.w3-dropdown-click:hover>.w3-button:first-child {
	background-color: #ccc;
	color: #000
}

.w3-dropdown-content {
	background-color: #fff;
	color: #000;
	cursor: auto;
	display: none;
	margin: 0;
	min-width: 160px;
	padding: 0;
	position: absolute;
	z-index: 1
}

.w3-sidebar {
	background-color: #fff;
	height: 100%;
	overflow: auto;
	position: fixed !important;
	width: 200px;
	z-index: 1
}

.w3-bar-block .w3-dropdown-click {
	width: 100%
}

.w3-bar-block .w3-dropdown-click .w3-dropdown-content {
	min-width: 100%
}

.w3-bar-block .w3-dropdown-click .w3-button {
	padding: 8px 16px;
	text-align: left;
	width: 100%
}

#main {
	transition: margin-left .4s
}

.w3-bar {
	overflow: hidden;
	width: 100%
}

.w3-bar .w3-bar-item {
	border: none;
	display: block;
	float: left;
	outline: 0;
	padding: 8px 16px;
	width: auto
}

.w3-bar .w3-dropdown-click {
	float: left;
	position: static
}

.w3-bar .w3-button {
	white-space: normal
}

.w3-bar-block .w3-bar-item {
	border: none;
	display: block;
	float: none;
	outline: 0;
	padding: 8px 16px;
	text-align: left;
	white-space: normal;
	width: 100%
}

.w3-bar:after,
.w3-bar:before,
.w3-row:after,
.w3-row:before {
	clear: both;
	content: "";
	display: table
}

.w3-col {
	float: left;
	width: 100%
}

.w3-col.s6 {
	width: 49.99999%
}

.w3-col.s12 {
	width: 99.99999%
}

@media (min-width:601px) {
	.w3-col.m2 {
		width: 16.66666%
	}

	.w3-col.m3 {
		width: 24.99999%
	}

	.w3-col.m4 {
		width: 33.33333%
	}

	.w3-col.m6 {
		width: 49.99999%
	}
}

@media (min-width:993px) {
	.w3-col.l2 {
		width: 16.66666%
	}

	.w3-col.l10 {
		width: 83.33333%
	}
}

.w3-show {
	display: block !important
}

@-webkit-keyframes w3-spin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(359deg)
	}
}

@keyframes w3-spin {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(359deg)
	}
}

@-webkit-keyframes fading {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fading {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@-webkit-keyframes opac {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes opac {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes animatetop {
	0% {
		opacity: 0;
		top: -300px
	}

	to {
		opacity: 1;
		top: 0
	}
}

@keyframes animatetop {
	0% {
		opacity: 0;
		top: -300px
	}

	to {
		opacity: 1;
		top: 0
	}
}

@-webkit-keyframes animateleft {
	0% {
		left: -300px;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@keyframes animateleft {
	0% {
		left: -300px;
		opacity: 0
	}

	to {
		left: 0;
		opacity: 1
	}
}

@-webkit-keyframes animateright {
	0% {
		opacity: 0;
		right: -300px
	}

	to {
		opacity: 1;
		right: 0
	}
}

@keyframes animateright {
	0% {
		opacity: 0;
		right: -300px
	}

	to {
		opacity: 1;
		right: 0
	}
}

@-webkit-keyframes animatebottom {
	0% {
		bottom: -300px;
		opacity: 0
	}

	to {
		bottom: 0;
		opacity: 1
	}
}

@keyframes animatebottom {
	0% {
		bottom: -300px;
		opacity: 0
	}

	to {
		bottom: 0;
		opacity: 1
	}
}

@-webkit-keyframes animatezoom {
	0% {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

@keyframes animatezoom {
	0% {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

.w3-left-align {
	text-align: left !important
}

.w3-right-align {
	text-align: right !important
}

.w3-padding {
	padding: 8px 16px !important
}

.w3-right {
	float: right !important
}

.w3-button:hover {
	background-color: #ccc !important;
	color: #000 !important
}

.container {
	padding-left: .5rem;
	padding-right: .5rem;
    padding-top: 5rem
}

@media (min-width:993px) {
	.container {
		margin-left: auto;
		margin-right: auto;
		max-width: min(85%, 1170px)
	}
}

.r {
	display: flex
}

.r.wrap {
	flex-wrap: wrap
}

.r:not(.wrap) {
	flex-wrap: nowrap
}

.r:not(.c) {
	flex-direction: row
}

.r.c {
	flex-direction: column
}

.r.c.center {
	align-items: center
}

.r:not(.c).center {
	justify-content: center
}

.r.j-sb {
	justify-content: space-between
}

.r>.col {
	flex: 1 0 auto;
	max-width: 100%
}

.r>.col-4 {
	width: 33.3333333333%
}

.r>.col-6 {
	width: 50%
}

.r>.col-12 {
	width: 100%
}

@media (max-width:600px) {
	.r>[class^=col-]:not(.ignore-screen) {
		flex-basis: 100%;
		max-width: 100%
	}
}

.r.nexp>.col,
.r>.col.nexp {
	flex: 0 1 auto
}

@media (max-width:600px) {
	.r .col.nexp-on-mobile {
		flex: 0 1 auto
	}
}

@media (min-width:601px) and (max-width:992px) {
	.r .col.nexp-on-tablet {
		flex: 0 1 auto
	}
}

@media (min-width:993px) {
	.r .col.nexp-on-desktop {
		flex: 0 1 auto
	}
}

.outer {
	display: table;
	height: 70%;
	position: absolute;
	width: 100%
}

.middle {
	display: table-cell;
	text-align: center;
	vertical-align: middle
}

.inner {
	margin-left: auto;
	margin-right: auto;
	width: auto
}

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

.overlay:before {
	background-color: rgba(0, 0, 0, .3);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%
}

.border {
	border: 1px solid #e0e0e0
}

.h-100 {
	height: 100%
}

.w-100 {
	width: 100%
}

.m-0 {
	margin: 0
}

.m-05 {
	margin: .5rem
}

.my-05 {
	margin-top: .5rem !important
}

.mb-05,
.my-05 {
	margin-bottom: .5rem !important
}

.ml-05 {
	margin-left: .5rem !important
}

.mt-1,
.my-1 {
	margin-top: 1rem !important
}

.mr-1,
.mx-1 {
	margin-right: 1rem !important
}

.mb-1,
.my-1 {
	margin-bottom: 1rem !important
}

.mx-1 {
	margin-left: 1rem !important
}

.mt-2,
.my-2 {
	margin-top: 2rem !important
}

.mr-2 {
	margin-right: 2rem !important
}

.mb-2,
.my-2 {
	margin-bottom: 2rem !important
}

.mt-3,
.my-3 {
	margin-top: 3rem !important
}

.my-3 {
	margin-bottom: 3rem !important
}

.mt-4 {
	margin-top: 4rem !important
}

.mt-5,
.my-5 {
	margin-top: 5rem !important
}

.mb-5,
.my-5 {
	margin-bottom: 5rem !important
}

.p-0 {
	padding: 0
}

.pl-0 {
	padding-left: 0 !important
}

.pb-05 {
	padding-bottom: .5rem !important
}

.p-1 {
	padding: 1rem
}

.pl-1 {
	padding-left: 1rem !important
}

.p-2 {
	padding: 2rem
}

.pt-2,
.py-2 {
	padding-top: 2rem !important
}

.py-2 {
	padding-bottom: 2rem !important
}

.pl-2 {
	padding-left: 2rem !important
}

.py-3 {
	padding-top: 3rem !important
}

.px-3 {
	padding-right: 3rem !important
}

.pb-3,
.py-3 {
	padding-bottom: 3rem !important
}

.px-3 {
	padding-left: 3rem !important
}

.hide {
	display: none
}

.show {
	display: block
}

.inline,
.inline-children:not(.children-block)>:not(a):not(.inline-block):not(.block) {
	display: inline
}

.inline-block {
	display: inline-block
}

.table {
	display: table
}

.relative {
	position: relative
}

.left {
	float: left
}

.right {
	float: right
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.bold {
	font-weight: 700
}

.underline {
	text-decoration: underline
}

.fw-300 {
	font-weight: 300
}

.fw-500 {
	font-weight: 500
}

.lh-1-5 {
	line-height: 1.5
}

.lh-2 {
	line-height: 2
}

.center-on-small {
	text-align: center
}

.left-on-small {
	text-align: left
}

@media (max-width:600px) {
	.hide-on-small {
		display: none
	}

	.show-on-small {
		display: inline;
		display: initial
	}

	.show-on-large {
		display: none
	}
}

@media (min-width:601px) {

	.show-on-large,
	.show-on-small {
		display: none
	}
}

@media (min-width:993px) {

	.hide-on-large,
	.show-on-small {
		display: none
	}

	.show-on-large {
		display: inline;
		display: initial
	}
}

.truncate {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.divider {
	background-color: #e0e0e0;
	height: 1px
}

body,
html {
	height: 100%
}

body {
	display: flex;
	flex-direction: column
}

main {
	flex: 1 0 auto
}

footer {
	flex-shrink: 0
}

:root {
	--bs-blue: #007bff;
	--bs-indigo: #6610f2;
	--bs-purple: #696cff;
	--bs-pink: #e83e8c;
	--bs-red: #ff3e1d;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffab00;
	--bs-green: #71dd37;
	--bs-teal: #20c997;
	--bs-cyan: #03c3ec;
	--bs-white: #fff;
	--bs-gray: rgba(67, 89, 113, .6);
	--bs-gray-dark: rgba(67, 89, 113, .8);
	--bs-gray-25: rgba(67, 89, 113, .025);
	--bs-gray-50: rgba(67, 89, 113, .05);
	--bs-primary: #696cff;
	--bs-secondary: #8592a3;
	--bs-success: #71dd37;
	--bs-info: #03c3ec;
	--bs-warning: #ffab00;
	--bs-danger: #ff3e1d;
	--bs-light: #fcfdfd;
	--bs-dark: #233446;
	--bs-gray: rgba(67, 89, 113, .1);
	--bs-primary-rgb: 105, 108, 255;
	--bs-secondary-rgb: 133, 146, 163;
	--bs-success-rgb: 113, 221, 55;
	--bs-info-rgb: 3, 195, 236;
	--bs-warning-rgb: 255, 171, 0;
	--bs-danger-rgb: 255, 62, 29;
	--bs-light-rgb: 252, 253, 253;
	--bs-dark-rgb: 35, 52, 70;
	--bs-gray-rgb: 67, 89, 113;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 67, 89, 113;
	--bs-body-color-rgb: 105, 122, 141;
	--bs-body-bg-rgb: 245, 245, 249;
	--bs-font-sans-serif: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	--bs-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
	--bs-root-font-size: 16px;
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 0.9375rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.53;
	--bs-body-color: #697a8d;
	--bs-body-bg: #f5f5f9
}

*,
:after,
:before {
	box-sizing: border-box
}

:root {
	font-size: 16px;
	font-size: var(--bs-root-font-size)
}

@media (prefers-reduced-motion:no-preference) {
	:root {
		scroll-behavior: smooth
	}
}

body {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(67, 89, 113, 0);
	background-color: #f5f5f9;
	background-color: var(--bs-body-bg);
	color: #697a8d;
	color: var(--bs-body-color);
	font-family: Public Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
	font-family: var(--bs-body-font-family);
	font-size: .9375rem;
	font-size: var(--bs-body-font-size);
	font-weight: 400;
	font-weight: var(--bs-body-font-weight);
	line-height: 1.53;
	line-height: var(--bs-body-line-height);
	margin: 0;
	text-align: var(--bs-body-text-align)
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #566a7f;
	font-weight: 500;
	line-height: 1.1;
	margin-bottom: 1rem;
	margin-top: 0
}

.h1,
h1 {
	font-size: calc(1.3625rem + 1.35vw)
}

@media (min-width:1200px) {

	.h1,
	h1 {
		font-size: 2.375rem
	}
}

.h2,
h2 {
	font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

	.h2,
	h2 {
		font-size: 2rem
	}
}

.h3,
h3 {
	font-size: calc(1.2875rem + .45vw)
}

@media (min-width:1200px) {

	.h3,
	h3 {
		font-size: 1.625rem
	}
}

.h4,
h4 {
	font-size: calc(1.2625rem + .15vw)
}

@media (min-width:1200px) {

	.h4,
	h4 {
		font-size: 1.375rem
	}
}

.h5,
h5 {
	font-size: 1.125rem
}

.h6,
h6 {
	font-size: .9375rem
}

p {
	margin-bottom: 1rem;
	margin-top: 0
}

ol,
ul {
	padding-left: 2rem
}

dl,
ol,
ul {
	margin-bottom: 1rem;
	margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin-bottom: 0
}

dt {
	font-weight: 700
}

dd {
	margin-bottom: .5rem;
	margin-left: 0
}

b,
strong {
	font-weight: 900
}

.small,
small {
	font-size: 85%
}

sup {
	font-size: .75em;
	line-height: 0;
	position: relative;
	top: -.5em;
	vertical-align: baseline
}

a {
	color: #696cff
}

a:hover {
	color: #5f61e6
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none
}

pre {
	direction: ltr;
	display: block;
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-family: var(--bs-font-monospace);
	font-size: 1em;
	font-size: 85%;
	margin-bottom: 1rem;
	margin-top: 0;
	overflow: auto;
	unicode-bidi: bidi-override
}

img,
svg {
	vertical-align: middle
}

table {
	border-collapse: collapse;
	caption-side: bottom
}

td,
tr {
	border: 0 solid;
	border-color: inherit
}

label {
	display: inline-block
}

button {
	border-radius: 0
}

button:focus:not(.focus-visible) {
	outline: 0
}

button:focus:not(:focus-visible) {
	outline: 0
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0
}

button,
select {
	text-transform: none
}

select {
	word-wrap: normal
}

select:disabled {
	opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
	display: none
}

[type=button],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
	cursor: pointer
}

::-moz-focus-inner {
	border-style: none;
	padding: 0
}

textarea {
	resize: vertical
}

fieldset {
	border: 0;
	margin: 0;
	min-width: 0;
	padding: 0
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
	padding: 0
}

::-webkit-inner-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
	padding: 0
}

::file-selector-button {
	font: inherit
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

iframe {
	border: 0
}

summary {
	cursor: pointer;
	display: list-item
}

[hidden] {
	display: none !important
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.625rem;
	padding-left: var(--bs-gutter-x, 1.625rem);
	padding-right: 1.625rem;
	padding-right: var(--bs-gutter-x, 1.625rem);
	width: 100%
}

@media (min-width:576px) {
	.container {
		max-width: 540px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 720px
	}
}

@media (min-width:992px) {
	.container {
		max-width: 960px
	}
}

@media (min-width:1200px) {
	.container {
		max-width: 1140px
	}
}

@media (min-width:1400px) {
	.container {
		max-width: 1440px
	}
}

.row {
	--bs-gutter-x: 1.625rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-left: calc(var(--bs-gutter-x)*-.5);
	margin-right: calc(var(--bs-gutter-x)*-.5);
	margin-top: calc(var(--bs-gutter-y)*-1)
}

.row>* {
	flex-shrink: 0;
	margin-top: var(--bs-gutter-y);
	max-width: 100%;
	padding-left: calc(var(--bs-gutter-x)*.5);
	padding-right: calc(var(--bs-gutter-x)*.5);
	width: 100%
}

.col {
	flex: 1 0 0%
}

.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%
}

.col-6 {
	flex: 0 0 auto;
	width: 50%
}

.col-12 {
	flex: 0 0 auto;
	width: 100%
}

.gx-1 {
	--bs-gutter-x: 0.25rem
}

.gy-1 {
	--bs-gutter-y: 0.25rem
}

.gy-3 {
	--bs-gutter-y: 1rem
}

@media (min-width:576px) {
	.col-sm-3 {
		flex: 0 0 auto;
		width: 25%
	}
}

@media (min-width:768px) {
	.col-md-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-md-6 {
		flex: 0 0 auto;
		width: 50%
	}
}

@media (min-width:992px) {
	.col-lg-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}

	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%
	}

	.col-lg-8 {
		flex: 0 0 auto;
		width: 66.66666667%
	}

	.col-lg-10 {
		flex: 0 0 auto;
		width: 83.33333333%
	}
}

@media (min-width:1200px) {
	.col-xl-2 {
		flex: 0 0 auto;
		width: 16.66666667%
	}
}

.table {
	--bs-table-bg: transparent;
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: #697a8d;
	--bs-table-striped-bg: #f9fafb;
	--bs-table-active-color: #697a8d;
	--bs-table-active-bg: rgba(67, 89, 113, .1);
	--bs-table-hover-color: #697a8d;
	--bs-table-hover-bg: rgba(67, 89, 113, .06);
	border-color: #d9dee3;
	color: #697a8d;
	margin-bottom: 1rem;
	vertical-align: middle;
	width: 100%
}

.table>:not(caption)>*>* {
	background-color: var(--bs-table-bg);
	border-bottom-width: 1px;
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
	padding: .625rem 1.25rem
}

.table>:not(:first-child) {
	border-top: 2px solid #d9dee3
}

.form-label {
	color: #566a7f;
	font-weight: 500;
	margin-bottom: .5rem
}

.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid #d9dee3;
	border-radius: .375rem;
	color: #697a8d;
	display: block;
	font-size: .9375rem;
	font-weight: 400;
	line-height: 1.53;
	padding: .4375rem .875rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	width: 100%
}

@media (prefers-reduced-motion:reduce) {
	.form-control {
		transition: none
	}
}

.form-control[type=file] {
	overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
	cursor: pointer
}

.form-control:focus {
	background-color: #fff;
	border-color: rgba(249, 249, 255, .54);
	box-shadow: 0 0 .25rem .05rem rgba(105, 108, 255, .1);
	color: #697a8d;
	outline: 0
}

.form-control::-webkit-date-and-time-value {
	height: 1.53em
}

.form-control::-moz-placeholder {
	color: #b4bdc6;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #b4bdc6;
	opacity: 1
}

.form-control::placeholder {
	color: #b4bdc6;
	opacity: 1
}

.form-control:disabled {
	background-color: #eceef1;
	opacity: 1
}

.form-control::file-selector-button {
	background-color: #fff;
	border: 0 solid;
	border-color: inherit;
	border-radius: 0;
	color: #697a8d;
	margin: -.4375rem -.875rem;
	padding: .4375rem .875rem;
	pointer-events: none;
	transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
	.form-control::-webkit-file-upload-button {
		-webkit-transition: none;
		transition: none
	}

	.form-control::file-selector-button {
		transition: none
	}
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
	background-color: #f2f2f2
}

.form-control::-webkit-file-upload-button {
	background-color: #fff;
	border: 0 solid;
	border-color: inherit;
	border-radius: 0;
	color: #697a8d;
	margin: -.4375rem -.875rem;
	padding: .4375rem .875rem;
	pointer-events: none;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
	.form-control::-webkit-file-upload-button {
		-webkit-transition: none;
		transition: none
	}
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
	background-color: #f2f2f2
}

.form-control-lg {
	border-radius: .5rem;
	font-size: 1rem;
	min-height: calc(1.53em + 1.5rem + 2px);
	padding: .75rem 1.25rem
}

.form-control-lg::file-selector-button {
	margin: -.75rem -1.25rem;
	padding: .75rem 1.25rem
}

.form-control-lg::-webkit-file-upload-button {
	margin: -.75rem -1.25rem;
	padding: .75rem 1.25rem
}

textarea.form-control {
	min-height: calc(1.53em + .875rem + 2px)
}

textarea.form-control-lg {
	min-height: calc(1.53em + 1.5rem + 2px)
}

.form-select {
	-moz-padding-start: calc(.875rem - 3px);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='rgba(67, 89, 113, 0.6)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
	background-position: right .875rem center;
	background-repeat: no-repeat;
	background-size: 17px 12px;
	border: 1px solid #d9dee3;
	border-radius: .375rem;
	color: #697a8d;
	display: block;
	font-size: .9375rem;
	font-weight: 400;
	line-height: 1.53;
	padding: .4375rem 1.875rem .4375rem .875rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	width: 100%
}

@media (prefers-reduced-motion:reduce) {
	.form-select {
		transition: none
	}
}

.form-select:focus {
	border-color: rgba(249, 249, 255, .54);
	box-shadow: 0 0 .25rem .05rem rgba(105, 108, 255, .1);
	outline: 0
}

.form-select[size]:not([size="1"]) {
	background-image: none;
	padding-right: .875rem
}

.form-select:disabled {
	background-color: #eceef1;
	color: #697a8d
}

.form-select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #697a8d
}

.input-group {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 100%
}

.input-group>.form-control,
.input-group>.form-select {
	flex: 1 1 auto;
	min-width: 0;
	position: relative;
	width: 1%
}

.input-group>.form-control:focus,
.input-group>.form-select:focus {
	z-index: 3
}

.input-group .btn {
	position: relative;
	z-index: 2
}

.input-group .btn:focus {
	z-index: 3
}

.input-group-text {
	align-items: center;
	background-color: #fff;
	border: 1px solid #d9dee3;
	border-radius: .375rem;
	color: #697a8d;
	display: flex;
	font-size: .9375rem;
	font-weight: 400;
	line-height: 1.53;
	padding: .4375rem .875rem;
	text-align: center;
	white-space: nowrap
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	margin-left: -1px
}

.btn {
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: .375rem;
	color: #697a8d;
	display: inline-block;
	font-size: .9375rem;
	font-weight: 400;
	line-height: 1.53;
	padding: .4375rem 1.25rem;
	text-align: center;
	transition: all .2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle
}

@media (prefers-reduced-motion:reduce) {
	.btn {
		transition: none
	}
}

.btn:hover {
	color: #697a8d
}

.btn:focus {
	box-shadow: none;
	outline: 0
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
	opacity: .65;
	pointer-events: none
}

.btn-sm {
	border-radius: .25rem;
	font-size: .75rem;
	padding: .25rem .6875rem
}

.collapse:not(.show) {
	display: none
}

.dropdown {
	position: relative
}

.nav {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0
}

.nav-link {
	color: #8e9baa;
	display: block;
	padding: .5rem 1.25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
	.nav-link {
		transition: none
	}
}

.nav-link:focus,
.nav-link:hover {
	color: #5f61e6
}

.nav-link.disabled {
	color: #c7cdd4;
	cursor: default;
	pointer-events: none
}

.navbar {
	flex-wrap: wrap;
	padding-bottom: .5rem;
	padding-top: .5rem;
	position: relative
}

.navbar,
.navbar>.container {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.navbar>.container {
	flex-wrap: inherit
}

.navbar-brand {
	font-size: 1rem;
	margin-right: 1rem;
	padding-bottom: .4521875rem;
	padding-top: .4521875rem;
	white-space: nowrap
}

.navbar-nav {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0
}

.navbar-nav .nav-link {
	padding-left: 0;
	padding-right: 0
}

.navbar-collapse {
	align-items: center;
	flex-basis: 100%;
	flex-grow: 1
}

.navbar-toggler {
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: .375rem;
	font-size: .75rem;
	line-height: 1;
	padding: 0;
	transition: box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
	.navbar-toggler {
		transition: none
	}
}

.navbar-toggler:hover {
	text-decoration: none
}

.navbar-toggler:focus {
	box-shadow: 0 0 0 .05rem;
	outline: 0;
	text-decoration: none
}

.navbar-toggler-icon {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	display: inline-block;
	height: 1.5em;
	vertical-align: middle;
	width: 1.5em
}

@media (min-width:992px) {
	.navbar-expand-lg {
		flex-wrap: nowrap;
		justify-content: flex-start
	}

	.navbar-expand-lg .navbar-nav {
		flex-direction: row
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: .5rem;
		padding-right: .5rem
	}

	.navbar-expand-lg .navbar-collapse {
		display: flex !important;
		flex-basis: auto
	}

	.navbar-expand-lg .navbar-toggler {
		display: none
	}
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
	color: #697a8d
}

.navbar-light .navbar-nav .nav-link {
	color: rgba(67, 89, 113, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #697a8d
}

.navbar-light .navbar-nav .nav-link.disabled {
	color: rgba(67, 89, 113, .3)
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
	color: #697a8d
}

.navbar-light .navbar-toggler {
	border-color: rgba(67, 89, 113, .06);
	color: rgba(67, 89, 113, .5)
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0 0h14v1.75H0V0Zm0 4.375h14v1.75H0v-1.75ZM0 8.75h14v1.75H0V8.75Z' id='a'/%3E%3C/defs%3E%3Cg fill='rgba(67, 89, 113, 0.5)' fill-rule='evenodd'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E")
}

.card {
	word-wrap: break-word;
	background-clip: border-box;
	background-color: #fff;
	border: 0 solid #d9dee3;
	border-radius: .5rem;
	display: flex;
	flex-direction: column;
	min-width: 0;
	position: relative
}

.card-body {
	flex: 1 1 auto;
	padding: 1.5rem
}

.card-title {
	margin-bottom: .875rem
}

.card-text:last-child {
	margin-bottom: 0
}

.card-img,
.card-img-top {
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
	width: 100%
}

.card-img {
	border-bottom-left-radius: .5rem;
	border-bottom-right-radius: .5rem
}

.pagination {
	display: flex;
	list-style: none;
	padding-left: 0
}

.badge {
	border-radius: .25rem;
	color: #fff;
	display: inline-block;
	font-size: .8125em;
	font-weight: 500;
	line-height: 1;
	padding: .52em .593em;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap
}

.badge:empty {
	display: none
}

.btn .badge {
	position: relative;
	top: -1px
}

.alert {
	border: 0 solid transparent;
	border-radius: .375rem;
	margin-bottom: 1rem;
	padding: .9375rem;
	position: relative
}

@-webkit-keyframes progress-bar-stripes {
	0% {
		background-position-x: .75rem
	}
}

@keyframes progress-bar-stripes {
	0% {
		background-position-x: .75rem
	}
}

@-webkit-keyframes spinner-border {
	to {
		transform: rotate(1turn)
	}
}

@keyframes spinner-border {
	to {
		transform: rotate(1turn)
	}
}

@-webkit-keyframes spinner-grow {
	0% {
		transform: scale(0)
	}

	50% {
		opacity: 1;
		transform: none
	}
}

@keyframes spinner-grow {
	0% {
		transform: scale(0)
	}

	50% {
		opacity: 1;
		transform: none
	}
}

.placeholder {
	background-color: currentColor;
	cursor: wait;
	display: inline-block;
	min-height: 1em;
	opacity: .5;
	vertical-align: middle
}

.placeholder.btn:before {
	content: "";
	display: inline-block
}

@-webkit-keyframes placeholder-glow {
	50% {
		opacity: .2
	}
}

@keyframes placeholder-glow {
	50% {
		opacity: .2
	}
}

@-webkit-keyframes placeholder-wave {
	to {
		-webkit-mask-position: -200% 0;
		mask-position: -200% 0
	}
}

@keyframes placeholder-wave {
	to {
		-webkit-mask-position: -200% 0;
		mask-position: -200% 0
	}
}

.ratio {
	position: relative;
	width: 100%
}

.ratio:before {
	content: "";
	display: block;
	padding-top: var(--bs-aspect-ratio)
}

.ratio>* {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

.ratio-16x9 {
	--bs-aspect-ratio: 56.25%
}

:root {
	color-scheme: light
}

b,
strong {
	font-weight: 700
}

a:not([href]),
a:not([href]):hover {
	color: inherit;
	text-decoration: none
}

input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
	background-clip: text !important;
	-webkit-background-clip: text !important
}

a.bg-dark:focus,
a.bg-dark:hover {
	background-color: rgba(67, 89, 113, .9) !important
}

a.bg-light:focus,
a.bg-light:hover {
	background-color: rgba(67, 89, 113, .2) !important
}

.text-muted[href]:focus,
.text-muted[href]:hover {
	color: #8e9baa !important
}

.card .table {
	margin-bottom: 0
}

.btn {
	cursor: pointer
}

.btn.disabled,
.btn:disabled {
	cursor: default
}

.btn .badge {
	transition: all .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
	.btn .badge {
		transition: none
	}
}

label.btn {
	margin-bottom: 0
}

.btn-secondary {
	background-color: #8592a3;
	border-color: #8592a3;
	box-shadow: 0 .125rem .25rem 0 rgba(133, 146, 163, .4);
	color: #fff
}

.btn-secondary:hover {
	transform: translateY(-1px)
}

.btn-secondary:focus,
.btn-secondary:hover {
	background-color: #788393;
	border-color: #788393;
	color: #fff
}

.btn-secondary:focus {
	box-shadow: none;
	transform: translateY(0)
}

.btn-secondary.active,
.btn-secondary:active {
	background-color: #717c8b;
	border-color: #717c8b;
	color: #fff
}

.btn-secondary.active:focus,
.btn-secondary.disabled,
.btn-secondary:active:focus,
.btn-secondary:disabled {
	box-shadow: none
}

.btn-success {
	background-color: #71dd37;
	border-color: #71dd37;
	box-shadow: 0 .125rem .25rem 0 rgba(113, 221, 55, .4);
	color: #fff
}

.btn-success:hover {
	transform: translateY(-1px)
}

.btn-success:focus,
.btn-success:hover {
	background-color: #66c732;
	border-color: #66c732;
	color: #fff
}

.btn-success:focus {
	box-shadow: none;
	transform: translateY(0)
}

.btn-success.active,
.btn-success:active {
	background-color: #60bc2f;
	border-color: #60bc2f;
	color: #fff
}

.btn-success.active:focus,
.btn-success.disabled,
.btn-success:active:focus,
.btn-success:disabled {
	box-shadow: none
}

.btn-light {
	box-shadow: 0 .125rem .25rem 0 rgba(252, 253, 253, .4)
}

.btn-light,
.btn-light:hover {
	background-color: #fcfdfd;
	border-color: #fcfdfd;
	color: #435971
}

.btn-light:hover {
	transform: translateY(-1px)
}

.btn-light:focus {
	box-shadow: none;
	transform: translateY(0)
}

.btn-light.active,
.btn-light:active,
.btn-light:focus {
	background-color: #fcfdfd;
	border-color: #fcfdfd;
	color: #435971
}

.btn-light.active:focus,
.btn-light.disabled,
.btn-light:active:focus,
.btn-light:disabled {
	box-shadow: none
}

button:focus {
	outline: none
}

.input-group>.btn:not([class*=btn-outline-]):first-child {
	border-left-color: transparent
}

.input-group>.btn:not([class*=btn-outline-]):last-of-type {
	border-right-color: transparent
}

.badge {
	line-height: .75;
	text-transform: uppercase
}

.nav .nav-link {
	outline: none !important
}

.form-label {
	font-size: .75rem;
	letter-spacing: inherit;
	text-transform: uppercase
}

.form-control::-moz-placeholder {
	-moz-transition: all .25s ease;
	transition: all .25s ease
}

.form-control:-ms-input-placeholder {
	-ms-transition: all .25s ease;
	transition: all .25s ease
}

.form-control::placeholder {
	transition: all .25s ease
}

.form-control:focus::-moz-placeholder {
	transform: translate(5px);
	-moz-transition: all .25s ease;
	transition: all .25s ease
}

.form-control:focus:-ms-input-placeholder {
	transform: translate(5px);
	-ms-transition: all .25s ease;
	transition: all .25s ease
}

.form-control:focus::placeholder {
	transform: translate(5px);
	transition: all .25s ease
}

.form-select {
	background-clip: padding-box
}

.input-group:focus-within {
	box-shadow: 0 0 .25rem .05rem rgba(105, 108, 255, .1)
}

.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
	box-shadow: none
}

.input-group.disabled .input-group-text {
	background-color: #eceef1
}

.input-group-text {
	background-clip: padding-box
}

.input-group-text i {
	font-size: .9375rem
}

.input-group-merge .input-group-text:first-child {
	border-right: 0
}

.input-group-merge .input-group-text:last-child {
	border-left: 0
}

.input-group-merge .form-control:not(:first-child) {
	border-left: 0;
	padding-left: 0
}

.input-group-merge .form-control:not(:last-child) {
	border-right: 0;
	padding-right: 0
}

.input-group-text {
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
	.input-group-text {
		transition: none
	}
}

form .error:not(li):not(input) {
	color: #ff3e1d;
	font-size: 85%;
	margin-top: .25rem
}

.navbar {
	z-index: 2
}

.navbar .dropdown:focus {
	outline: 0
}

.navbar .navbar-toggler {
	border: none
}

.navbar .navbar-toggler:focus {
	box-shadow: none
}

.navbar.navbar-light {
	color: rgba(67, 89, 113, .5)
}

.navbar-light .navbar-nav .nav-link.disabled {
	color: rgba(67, 89, 113, .3) !important
}

.navbar-brand,
.navbar-collapse {
	flex-shrink: 1
}

.card {
	background-clip: padding-box;
	box-shadow: 0 2px 6px 0 rgba(67, 89, 113, .12)
}

@-webkit-keyframes spinner-border-rtl {
	to {
		transform: rotate(-1turn)
	}
}

@keyframes spinner-border-rtl {
	to {
		transform: rotate(-1turn)
	}
}

.overflow-auto {
	overflow: auto !important
}

.d-flex {
	display: flex !important
}

.border {
	border: 1px solid #d9dee3 !important
}

.w-100 {
	width: 100% !important
}

.h-100 {
	height: 100% !important
}

.flex-row {
	flex-direction: row !important
}

.flex-column {
	flex-direction: column !important
}

.flex-grow-1 {
	flex-grow: 1 !important
}

.flex-nowrap {
	flex-wrap: nowrap !important
}

.justify-content-end {
	justify-content: flex-end !important
}

.justify-content-center {
	justify-content: center !important
}

.align-items-center {
	align-items: center !important
}

.m-0 {
	margin: 0 !important
}

.mx-1 {
	margin-left: .25rem !important;
	margin-right: .25rem !important
}

.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important
}

.my-1 {
	margin-bottom: .25rem !important;
	margin-top: .25rem !important
}

.my-2 {
	margin-bottom: .5rem !important;
	margin-top: .5rem !important
}

.my-3 {
	margin-bottom: 1rem !important;
	margin-top: 1rem !important
}

.my-5 {
	margin-bottom: 3rem !important;
	margin-top: 3rem !important
}

.mt-0 {
	margin-top: 0 !important
}

.mt-1 {
	margin-top: .25rem !important
}

.mt-2 {
	margin-top: .5rem !important
}

.mt-3 {
	margin-top: 1rem !important
}

.mt-4 {
	margin-top: 1.5rem !important
}

.mt-5 {
	margin-top: 3rem !important
}

.mb-0 {
	margin-bottom: 0 !important
}

.mb-1 {
	margin-bottom: .25rem !important
}

.mb-2 {
	margin-bottom: .5rem !important
}

.mb-5 {
	margin-bottom: 3rem !important
}

.p-0 {
	padding: 0 !important
}

.p-1 {
	padding: .25rem !important
}

.p-2 {
	padding: .5rem !important
}

.px-3 {
	padding-left: 1rem !important;
	padding-right: 1rem !important
}

.py-2 {
	padding-bottom: .5rem !important;
	padding-top: .5rem !important
}

.py-3 {
	padding-bottom: 1rem !important;
	padding-top: 1rem !important
}

.pt-2 {
	padding-top: .5rem !important
}

.pb-3 {
	padding-bottom: 1rem !important
}

.fw-semibold {
	font-weight: 600 !important
}

.text-nowrap {
	white-space: nowrap !important
}

.text-dark {
	--bs-text-opacity: 1;
	color: rgba(35, 52, 70, var(--bs-text-opacity)) !important;
	color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-white {
	--bs-text-opacity: 1;
	color: #fff !important
}

.text-muted {
	--bs-text-opacity: 1;
	color: #a1acb8 !important
}

.bg-light {
	--bs-bg-opacity: 1;
	background-color: rgba(252, 253, 253, var(--bs-bg-opacity)) !important;
	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
	--bs-bg-opacity: 1;
	background-color: rgba(35, 52, 70, var(--bs-bg-opacity)) !important;
	background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
	--bs-bg-opacity: 1;
	background-color: #fff !important
}

@media (min-width:576px) {
	.flex-sm-row {
		flex-direction: row !important
	}
}

.text-center {
	text-align: center !important
}

.ms-2 {
	margin-left: .5rem !important
}

body {
	text-rendering: optimizeLegibility;
	font-smoothing: antialiased;
	-moz-font-feature-settings: "liga" on;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.container {
	padding-left: 1rem;
	padding-right: 1rem
}

@media (min-width:992px) {
	.container {
		padding-left: 1.625rem;
		padding-right: 1.625rem
	}
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {

	.card,
	.card-body,
	.flex-column,
	img {
		min-height: 1px
	}

	img {
		height: auto
	}
}

.menu {
	display: flex
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.menu {
		transition: none !important;
		transition-duration: 0s !important
	}
}

@-webkit-keyframes menuAnimation {
	0% {
		opacity: 0
	}

	to {
		opacity: .5
	}
}

@keyframes menuAnimation {
	0% {
		opacity: 0
	}

	to {
		opacity: .5
	}
}

.divider {
	display: block;
	margin: 1rem 0;
	overflow: hidden;
	text-align: center;
	white-space: nowrap
}

.navbar.bg-dark {
	background-color: #233446 !important;
	color: #e4e6e8
}

.navbar.bg-dark .navbar-brand,
.navbar.bg-dark .navbar-brand a,
.navbar.bg-dark .navbar-brand a:focus,
.navbar.bg-dark .navbar-brand a:hover,
.navbar.bg-dark .navbar-brand:focus,
.navbar.bg-dark .navbar-brand:hover {
	color: #fff
}

.navbar.bg-dark .navbar-nav>.nav-link {
	color: #e4e6e8
}

.navbar.bg-dark .navbar-nav>.nav-link:focus,
.navbar.bg-dark .navbar-nav>.nav-link:hover {
	color: #fff
}

.navbar.bg-dark .navbar-nav>.nav-link.disabled {
	color: #979fa7 !important
}

.navbar.bg-dark .navbar-nav .active>.nav-link,
.navbar.bg-dark .navbar-nav .nav-link.active,
.navbar.bg-dark .navbar-nav .nav-link.show,
.navbar.bg-dark .navbar-nav .show>.nav-link {
	color: #fff
}

.navbar.bg-dark .navbar-toggler {
	border-color: hsla(0, 0%, 100%, .06);
	color: #e4e6e8
}

.navbar.bg-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0 0h14v1.75H0V0Zm0 4.375h14v1.75H0v-1.75ZM0 8.75h14v1.75H0V8.75Z' id='a'/%3E%3C/defs%3E%3Cg fill='rgba(255, 255, 255, 0.8)' fill-rule='evenodd'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E")
}

.navbar.bg-white {
	background-color: #fff !important;
	color: #a1acb8
}

.navbar.bg-white .navbar-brand,
.navbar.bg-white .navbar-brand a,
.navbar.bg-white .navbar-brand a:focus,
.navbar.bg-white .navbar-brand a:hover,
.navbar.bg-white .navbar-brand:focus,
.navbar.bg-white .navbar-brand:hover {
	color: #697a8d
}

.navbar.bg-white .navbar-nav>.nav-link {
	color: #a1acb8
}

.navbar.bg-white .navbar-nav>.nav-link:focus,
.navbar.bg-white .navbar-nav>.nav-link:hover {
	color: #697a8d
}

.navbar.bg-white .navbar-nav>.nav-link.disabled {
	color: #c7cdd4 !important
}

.navbar.bg-white .navbar-nav .active>.nav-link,
.navbar.bg-white .navbar-nav .nav-link.active,
.navbar.bg-white .navbar-nav .nav-link.show,
.navbar.bg-white .navbar-nav .show>.nav-link {
	color: #697a8d
}

.navbar.bg-white .navbar-toggler {
	border-color: rgba(105, 122, 141, .075);
	color: #a1acb8
}

.navbar.bg-white .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0 0h14v1.75H0V0Zm0 4.375h14v1.75H0v-1.75ZM0 8.75h14v1.75H0V8.75Z' id='a'/%3E%3C/defs%3E%3Cg fill='rgba(67, 89, 113, 0.5)' fill-rule='evenodd'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E")
}

.navbar.bg-light {
	background-color: #eceef1 !important;
	color: #a1acb8
}

.navbar.bg-light .navbar-brand,
.navbar.bg-light .navbar-brand a,
.navbar.bg-light .navbar-brand a:focus,
.navbar.bg-light .navbar-brand a:hover,
.navbar.bg-light .navbar-brand:focus,
.navbar.bg-light .navbar-brand:hover {
	color: #697a8d
}

.navbar.bg-light .navbar-nav>.nav-link {
	color: #a1acb8
}

.navbar.bg-light .navbar-nav>.nav-link:focus,
.navbar.bg-light .navbar-nav>.nav-link:hover {
	color: #697a8d
}

.navbar.bg-light .navbar-nav>.nav-link.disabled {
	color: #bfc6cf !important
}

.navbar.bg-light .navbar-nav .active>.nav-link,
.navbar.bg-light .navbar-nav .nav-link.active,
.navbar.bg-light .navbar-nav .nav-link.show,
.navbar.bg-light .navbar-nav .show>.nav-link {
	color: #697a8d
}

.navbar.bg-light .navbar-toggler {
	border-color: rgba(105, 122, 141, .078);
	color: #a1acb8
}

.navbar.bg-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0 0h14v1.75H0V0Zm0 4.375h14v1.75H0v-1.75ZM0 8.75h14v1.75H0V8.75Z' id='a'/%3E%3C/defs%3E%3Cg fill='rgba(67, 89, 113, 0.5)' fill-rule='evenodd'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse fill-opacity='.1' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E")
}

.footer.bg-white {
	background-color: #fff !important;
	color: #a1acb8
}

.footer.bg-light {
	background-color: #eceef1 !important;
	color: #a1acb8
}

.pagination li.active>a:not(.page-link),
.pagination li.active>a:not(.page-link):focus,
.pagination li.active>a:not(.page-link):hover {
	background-color: #5f2eea;
	border-color: #5f2eea;
	box-shadow: 0 .125rem .25rem rgba(95, 46, 234, .4);
	color: #fff
}

.btn-primary {
	background-color: #5f2eea;
	border-color: #5f2eea;
	box-shadow: 0 .125rem .25rem 0 rgba(95, 46, 234, .4);
	color: #fff
}

.btn-primary:hover {
	transform: translateY(-1px)
}

.btn-primary:focus,
.btn-primary:hover {
	background-color: #5629d3;
	border-color: #5629d3;
	color: #fff
}

.btn-primary:focus {
	box-shadow: none;
	transform: translateY(0)
}

.btn-primary.active,
.btn-primary:active {
	background-color: #5127c7;
	border-color: #5127c7;
	color: #fff
}

.btn-primary.active:focus,
.btn-primary.disabled,
.btn-primary:active:focus,
.btn-primary:disabled {
	box-shadow: none
}

.nav .nav-link:focus,
.nav .nav-link:hover {
	color: #5629d3
}

.form-control:focus,
.form-select:focus {
	border-color: #5f2eea
}

.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
	border-color: #5f2eea
}

.form-control:focus~.form-label {
	border-color: #5f2eea
}

.form-control:focus~.form-label:after {
	border-color: inherit
}

a {
	color: #5f2eea
}

a:hover {
	color: #6f43ec
}

.close-button {
	position: absolute;
	right: 5px;
	top: 5px
}

.a-ads {
	text-align: center
}

@media (max-width:992px) {
	.a-ads.banner-728 {
		display: none
	}
}

@media (min-width:601px) {
	.a-ads.banner-320 {
		display: none
	}
}

@media (min-width:992px) {
	.a-ads.banner-468 {
		display: none
	}
}

@media (max-width:600px) {
	.a-ads.banner-468 {
		display: none
	}
}

.a-ads.auto iframe {
	max-height: 125px
}

.adblock-pop {
	top: 0
}

:root {
	--default-text-color: #364a63;
	--primary-text-color: #8094ae;
	--result-link-hover: #106;
	--input-placeholder: #8094ae;
	--primary-background-color: #e5e8ff;
	--primary-background-hover-color: #d9ddfb;
	--primary-identity-color: #5f2eea;
	--primary-identity-hover-color: #481ebf;
	--primary-border-color: #c1c8ff;
	--container-bg: #f5f6fa;
	--search-form-border-radius: 25px;
	--sidebar-width: 100%
}

@media (min-width:601px) {
	:root {
		--sidebar-width: 60%
	}
}

.movie-search .search-form {
	border-radius: 33px
}

body,
html {
	color: #364a63;
	color: var(--default-text-color);
	font-family: Roboto, sans-serif
}

@media (max-width:600px) {

	body,
	html {
		line-height: 1.3
	}
}

a {
	cursor: pointer;
	text-decoration: none
}

a .primary-bg:hover,
a.primary-bg:hover,
a:hover .primary-bg,
a:hover.primary-bg {
	background: #d9ddfb;
	background: var(--primary-background-hover-color)
}

:focus {
	outline: none
}

input[type=text]::-moz-placeholder,
textarea::-moz-placeholder {
	color: #8094ae;
	color: var(--input-placeholder)
}

input[type=text]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #8094ae;
	color: var(--input-placeholder)
}

input[type=text]::placeholder,
textarea::placeholder {
	color: #8094ae;
	color: var(--input-placeholder)
}

select {
	cursor: pointer
}

select:hover {
	box-shadow: 0 0 2px 4px #f0f8ff
}

button {
	cursor: pointer
}

.primary-bg {
	background-color: #e5e8ff;
	background-color: var(--primary-background-color)
}

.primary-text {
	color: #8094ae;
	color: var(--primary-text-color)
}

.br-5 {
	border-radius: 5px
}

.tab:not(.show) {
	display: none
}

.link-1 {
	border: 0;
	border-radius: 5px;
	color: #364a63;
	color: var(--default-text-color);
	padding: 5px 10px;
	transition: .3s;
	white-space: nowrap
}

.link-1.primary-text {
	color: #8094ae;
	color: var(--primary-text-color)
}

.link-1.selected,
.link-1:hover {
	background-color: #e5e8ff;
	background-color: var(--primary-background-color)
}

.hover-transparent:hover,
.transparent {
	background: transparent
}

main:not(.homepage-main) {
	background: #f5f6fa;
	background: var(--container-bg)
}

header {
	line-height: 4
}

@media (min-width:601px) {
	header {
		line-height: 5
	}
}

@media (min-width:993px) {
	header {
		line-height: 6
	}
}

header .w3-dropdown-content {
	line-height: 1.5
}

header .search-form {
	line-height: 1.5;
	margin-left: 10px;
	margin-right: 10px;
	max-width: 100%
}

@media (min-width:432px) {
	header .col.center-flex.nexp-on-desktop.nexp-on-mobile {
		flex: 1 0 auto
	}
}

.header-links>a {
	margin: 0 1rem
}

.header-links>a:not(.login-button):hover {
	color: #5f2eea;
	color: var(--primary-identity-color)
}

.header-links>a:first-child {
	margin-left: 0
}

.header-links>a:last-child {
	margin-right: 0
}

@media (min-width:601px) {
	.header-links>a {
		margin: 0 .5rem
	}
}

@media (max-width:600px) {
	.logo-1:last-child {
		height: 40px;
		margin-top: -2px;
		padding-right: 6px
	}
}

.login-button {
	background-color: #5f2eea;
	background-color: var(--primary-identity-color);
	border-radius: 125px;
	color: #fff;
	padding: 6px 12px;
	transition: .2s
}

@media (min-width:424px) {
	.login-button {
		padding: 10px 30px
	}
}

.login-button:hover {
	background: #481ebf
}

footer {
	background-color: #5f2eea;
	background-color: var(--primary-identity-color);
	color: #fff;
	line-height: 3.467rem
}

@media (max-width:600px) {
	footer {
		text-align: center
	}
}

@media (min-width:601px) {
	footer .copyright {
		text-align: right
	}

	footer .footer-links {
		padding-right: 1rem
	}
}

footer a {
	color: #fff;
	transition: .2s
}

footer a:hover {
	color: #a0a0ea
}

.footer-links a {
	margin-right: 2.667rem
}

.footer-links a:first-child {
	margin-left: 0
}

.footer-links a:last-child {
	margin-right: 0
}

body.sidebar {
	overflow: hidden
}

body.sidebar .sidebar-trigger {
	border-color: #e0e0e0
}

body.sidebar .sidebar-overlay {
	margin-left: 0
}

body.sidebar .sidebar-overlay>.w3-sidebar {
	box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .2);
	opacity: 1;
	pointer-events: all
}

body.sidebar .sidebar-overlay:before {
	left: 0
}

.sidebar-trigger {
	background: #fff;
	border: 1px solid transparent;
	border-radius: 5px;
	padding: 8px 5px;
	position: relative;
	transition: .3s;
	z-index: 2
}

.sidebar-trigger:hover {
	background: #f0f0f0
}

.sidebar-overlay {
	margin-left: -100%;
	position: absolute;
	transition: .2s;
	z-index: 1
}

.sidebar-overlay>.w3-sidebar {
	opacity: 0;
	pointer-events: none;
	width: 100%;
	width: var(--sidebar-width)
}

.sidebar-overlay:before {
	left: -100%;
	transition: .2s
}

.collection-item {
	padding: 12px 20px;
	transition: .15s
}

.collection-item:hover {
	background: #f0f0f0
}

footer,
header,
main {
	transition: .2s
}

.search-control .h5,
.search-control h5 {
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 2px
}

@media (max-width:600px) {

	.search-control .h5,
	.search-control h5 {
		font-size: 16px
	}
}

.order-by-control {
	padding: 7.5px 12px
}

@media (max-width:600px) {
	.order-by-control {
		padding: 6px 10px
	}
}

.search-stats .link-1 {
	white-space: nowrap
}

.search-form {
	background: #eff1ff;
	border: 1px solid #c1c8ff;
	border: 1px solid var(--primary-border-color);
	border-radius: 25px;
	border-radius: var(--search-form-border-radius);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	max-width: 38rem;
	width: 100%
}

.search-form:focus-within {
	box-shadow: 0 0 2px 4px #f0f8ff
}

@media (max-width:600px) {
	.search-form img {
		display: none
	}
}

.search-form img:first-child {
	margin-left: 16px;
	margin-right: 4px
}

.search-form input[type=text] {
	background: transparent;
	border: none;
	flex: 0 1 auto;
	outline: none
}

.search-form button[type=submit] {
	background-color: #e5e8ff;
	background-color: var(--primary-background-color);
	border: none;
	border-bottom-right-radius: 25px;
	border-bottom-right-radius: var(--search-form-border-radius);
	border-left: 1px solid #c1c8ff;
	border-left: 1px solid var(--primary-border-color);
	border-top-right-radius: 25px;
	border-top-right-radius: var(--search-form-border-radius);
	padding: 0 12px;
	transition: .2s
}

@media (min-width:401px) {
	.search-form button[type=submit] {
		padding: 0 15px
	}
}

@media (min-width:601px) {
	.search-form button[type=submit] {
		padding: 0 30px
	}
}

.search-form button[type=submit]:hover {
	background-color: #d6dbff
}

.autocomplete-input {
	background-color: #eee;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjY2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTEiIGN5PSIxMSIgcj0iOCIvPjxwYXRoIGQ9Im0yMSAyMS00LTQiLz48L3N2Zz4=");
	background-position: 12px;
	background-repeat: no-repeat;
	border: 1px solid #eee;
	border-radius: 25px;
	border-radius: var(--search-form-border-radius);
	box-sizing: border-box;
	flex: 0;
	font-size: 15px;
	line-height: 1.5;
	padding: 8px 8px 8px 12px;
	position: relative;
	width: 100%
}

@media (min-width:601px) {
	.autocomplete-input {
		font-size: 16px;
		padding: 12px
	}
}

.autocomplete-input:focus,
.autocomplete-input[aria-expanded=true] {
	background-color: #fff;
	border-color: rgba(0, 0, 0, .12);
	outline: none
}

[data-position=below] .autocomplete-input[aria-expanded=true] {
	border-bottom-color: transparent;
	border-radius: 25px 25px 0 0;
	border-radius: var(--search-form-border-radius) var(--search-form-border-radius) 0 0
}

[data-position=below] .autocomplete-result-list {
	padding-bottom: 8px
}

[data-position=above] .autocomplete-input[aria-expanded=true],
[data-position=below] .autocomplete-result-list {
	border-radius: 0 0 25px 25px;
	border-radius: 0 0 var(--search-form-border-radius) var(--search-form-border-radius);
	border-top-color: transparent
}

[data-position=above] .autocomplete-input[aria-expanded=true] {
	z-index: 2
}

[data-position=above] .autocomplete-result-list {
	border-bottom-color: transparent;
	border-radius: 25px 25px 0 0;
	border-radius: var(--search-form-border-radius) var(--search-form-border-radius) 0 0;
	padding-top: 8px
}

.autocomplete-result-list {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .12);
	box-sizing: border-box;
	line-height: 1.5;
	list-style: none;
	margin: 0;
	max-height: 296px;
	overflow-y: auto;
	padding: 0
}

.autocomplete-result {
	cursor: pointer;
	padding: 12px 12px 12px 48px
}

@media (max-width:600px) {
	.autocomplete-result {
		padding: 8px 8px 8px 12px
	}
}

@media (min-width:601px) {
	.autocomplete-result {
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjY2NjIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTEiIGN5PSIxMSIgcj0iOCIvPjxwYXRoIGQ9Im0yMSAyMS00LTQiLz48L3N2Zz4=");
		background-position: 12px;
		background-repeat: no-repeat
	}
}

.autocomplete-result:hover,
.autocomplete-result[aria-selected=true] {
	background-color: #eff1ff
}

.pagination {
	margin-bottom: 135px;
	margin-top: 20px
}

.pagination a {
	background: #e5e8ff;
	background: var(--primary-background-color);
	border-radius: 5px;
	font-weight: 700;
	margin: 0 5px;
	padding: 6px 11px;
	transition: .2s
}

.pagination a:first-child {
	margin-left: 0
}

.pagination a:last-child {
	margin-right: 0
}

.pagination a.active,
.pagination a:hover {
	background: #5f2eea;
	background: var(--primary-identity-color);
	color: #fff
}

.w-100.center b {
	line-height: 4rem
}

.homepage-categories {
	width: min(750px, 100%)
}

.homepage-categories a {
	color: #364a63;
	color: var(--default-text-color)
}

.cat-container {
	flex-basis: 100%;
	line-height: 6rem;
	max-width: 100%;
	padding: 12.5px 0
}

@media (min-width:446px) {
	.cat-container {
		flex-basis: 50%;
		max-width: 50%;
		padding: 12.5px
	}
}

@media (min-width:446px) and (max-width:638px) {
	.cat-container:nth-child(odd) {
		padding-left: 0
	}

	.cat-container:nth-child(2n) {
		padding-right: 0
	}
}

@media (min-width:639px) {
	.cat-container {
		flex-basis: 33.33%;
		max-width: 33.33%
	}

	.cat-container:first-child,
	.cat-container:nth-child(4),
	.cat-container:nth-child(7) {
		padding-left: 0
	}

	.cat-container:nth-child(3n) {
		padding-right: 0
	}
}

.cat-container>.w3-bar {
	background-color: #eff1ff;
	border: 1px solid #c1c8ff;
	border: 1px solid var(--primary-border-color);
	border-radius: 8px;
	line-height: 4.2rem;
	transition: .2s ease-in
}

.cat-container>.w3-bar:hover {
	background-color: #d6dbff
}

.cat-container>.w3-bar .w3-bar-item {
	padding: 0 8px
}

.cat-container>.w3-bar .w3-bar-item:first-child {
	padding: 0 15px
}

.cat-container>.w3-bar .w3-bar-item.center {
	padding: 0 20px
}

.w3-bar:hover .hp-cat-img-container,
.w3-bar:not(:hover) .hp-cat-img-container {
	background-color: #e5e8ff;
	background-color: var(--primary-background-color)
}

.hp-cat-img-container {
	border: 1px solid #c1c8ff;
	border: 1px solid var(--primary-border-color)
}

.hp-cat-img-container img {
	height: auto;
	width: 40px
}

.hp-large-logo {
	margin: 1rem;
	max-width: 100%
}

@media (min-width:601px) {
	.hp-large-logo {
		margin: 1rem
	}
}

.w3-bar.search-stats {
	border-bottom: 1px solid #ddd;
	line-height: 2
}

.w3-bar.search-stats>.w3-bar-item {
	padding-left: 0;
	padding-right: 0
}

.search-result {
	grid-gap: 5px;
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	max-width: 100%;
	overflow: hidden
}

.search-result>.info {
	color: #8094ae;
	color: var(--primary-text-color);
	flex-basis: auto;
	flex-grow: 1;
	font-size: 14px;
	min-width: 0;
	padding-bottom: 5px
}

.search-result>.info .title {
	margin-top: 0;
	word-break: break-all
}

@media (max-width:600px) {
	.search-result>.info .title {
		font-size: 15px;
		max-height: 46px;
		overflow: hidden
	}
}

.search-result>.info .title a {
	color: #4b6382;
	font-size: 16px;
	font-weight: 600;
	height: 3em;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: normal;
	width: 100%
}

.search-result>.info a.category {
	background-color: #e5e8ff;
	background-color: var(--primary-background-color);
	border-radius: 5px;
	margin-right: 10px;
	padding: 5px 10px;
	transition: .3s
}

.search-result>.info .rating {
	display: inline-flex;
	flex-wrap: wrap;
	margin-left: 10px;
	margin-right: 10px
}

@media (max-width:848px) {

	.search-result>.info .rating,
	.search-result>.info a.category {
		display: none
	}
}

.search-result>.info .stats {
	grid-gap: 5px;
	align-items: center;
	display: inline-flex;
	flex-wrap: wrap
}

@media (min-width:600px) {
	.search-result>.info .stats {
		grid-gap: 12.5px
	}
}

.search-result>.info .stats div img {
	margin-right: 5px
}

@media (min-width:601px) {
	.search-result>.info .stats div img {
		margin-left: 5px
	}
}

.search-result>.links {
	flex-basis: auto;
	flex-shrink: 1
}

.search-result>.links a {
	border-radius: 5px;
	padding: 10px 12px
}

@media (min-width:600px) {
	.search-result>.links a {
		padding: 13px 15px
	}
}

.search-result>.links [class*=dl-] {
	color: #fff;
	transition: .3s
}

.search-result>.links [class*=dl-] img {
	height: 15px
}

@media (min-width:600px) {
	.search-result>.links [class*=dl-] img {
		height: 20px
	}
}

.search-result>.links .dl-torrent {
	background-color: #5f2eea
}

.search-result>.links .dl-torrent:hover {
	background-color: #481ebf
}

.search-result>.links .dl-magnet {
	background-color: #0ab49a
}

.search-result>.links .dl-magnet:hover {
	background-color: #079b85
}

@media (max-width:600px) {
	.search-result>.links {
		flex-direction: column
	}

	.search-result>.links a:first-child {
		margin-bottom: 5px
	}
}

@media (min-width:601px) {
	.search-result>.links a:first-child {
		margin-right: 5px
	}

	.search-result>.links a:last-child {
		margin-left: 5px
	}
}

.view-box {
	background: #fff;
	border: 1px solid #c1c8ff;
	border: 1px solid var(--primary-border-color);
	border-radius: 10px;
	margin: 10px auto;
	padding: 20px;
	width: 100%
}

.view-box.video-palyer-box {
	overflow: hidden;
	padding: 0
}

.view-box.details-box {
	padding: 15px
}

@media (min-width:601px) {
	.view-box.details-box {
		padding: 20px
	}
}

@media (min-width:993px) {
	.view-box.details-box {
		padding: 30px
	}
}

.view-box.tab {
	padding: 20px
}

.view-box.search-result {
	content-visibility: auto;
	padding: 10px 1rem;
	word-break: break-all
}

@media (min-width:600px) {
	.view-box.search-result {
		padding: 20px 2rem
	}
}

@media (max-width:600px) {
	.view-box.search-result {
		font-size: 12px
	}
}

.view-box.comment-name {
	padding: 10px 20px !important
}

.w3-tabs .w3-bar .w3-bar-item[data-tab-target] {
	cursor: pointer
}

.description {
	font-family: monospace;
	word-break: break-all
}

.description img {
	max-width: 100%
}

.view-box a {
	color: #106
}

.details-page-layout {
	display: grid;
	grid-template-areas: "details-box""meta-box""details-page-sidebar""comments";
	grid-template-columns: auto;
	grid-template-rows: auto
}

@media (min-width:500px) {
	.details-page-layout {
		grid-gap: 0 2rem
	}
}

@media (min-width:809px) {
	.details-page-layout {
		grid-gap: 0 2rem;
		grid-template-areas: "details-box details-box details-box details-box""meta-box meta-box meta-box details-page-sidebar""comments comments comments details-page-sidebar";
		grid-template-columns: repeat(3, auto) min(25rem, 100%);
		grid-template-rows: auto auto 1fr
	}
}

.details-box {
	grid-gap: 1rem 1rem;
	display: grid;
	grid-area: details-box;
	grid-template-areas: "thumb""details""dl-links""actions";
	grid-template-columns: auto;
	grid-template-rows: auto
}

@media (min-width:401px) {
	.details-box {
		grid-gap: 1rem 1rem;
		grid-template-areas: "thumb details""dl-links dl-links""actions actions";
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(3, auto)
	}
}

@media (min-width:601px) {
	.details-box {
		grid-template-columns: auto 1fr
	}
}

@media (min-width:809px) {
	.details-box {
		grid-gap: 0 1rem;
		grid-template-areas: "thumb details details dl-links""thumb details details dl-links""thumb details details dl-links""thumb details details actions";
		grid-template-columns: auto repeat(2, 1fr) auto;
		grid-template-rows: repeat(3, 1fr) auto
	}
}

.thumb {
	grid-area: thumb
}

@media (min-width:601px) {
	.thumb {
		min-width: 182px;
		width: auto
	}
}

@media (min-width:601px) and (max-width:2110px) {
	.thumb {
		max-width: 182px
	}
}

.thumb>img {
	border-radius: 5px;
	height: auto;
	width: 100%
}

@media (min-width:2111px) {
	.thumb>img {
		height: 100%;
		width: auto
	}
}

.details {
	grid-area: details
}

.details>.h5:first-child,
.details>h5:first-child {
	overflow: hidden;
	word-break: break-all
}

.details>.info-panel {
	line-height: 2;
	word-break: keep-all
}

.details>.info-panel>* {
	margin-bottom: 8px
}

.details>.title {
	font-size: 16px;
	font-weight: 600;
	word-break: break-all
}

.stat-table {
	clear: both;
	display: table;
	margin-top: 2rem;
	width: min(300px, 100%)
}

.stat-table tr td {
	padding-top: 5px;
	width: 50%;
	word-break: break-all
}

@media (min-width:401px) {
	.stat-table tr td img {
		margin-right: 6px
	}
}

.actions {
	grid-area: actions
}

.actions .col:first-child {
	margin-right: 4px
}

.dl-links {
	grid-area: dl-links
}

.dl-links .dl-torrent {
	background-color: #5f2eea
}

.dl-links .dl-torrent:hover {
	background-color: #481ebf
}

.dl-links .dl-magnet {
	background-color: #0ab49a
}

.dl-links .dl-magnet:hover {
	background-color: #079b85
}

.dl-links [class*=dl-] {
	color: #fff;
	transition: .3s
}

.dl-links [class*=dl-]:first-child {
	margin-bottom: 10px
}

.dl-links [class*=dl-] img {
	height: 20px
}

@media (min-width:809px) {

	.actions,
	.dl-links {
		max-width: 190px
	}
}

.meta-box {
	grid-area: meta-box
}

.view-box.files.show {
	display: grid
}

.view-box .file-list-container {
	display: grid;
	max-height: 400px;
	overflow: auto
}

.comments {
	grid-area: comments
}

.comments .view-box {
	font-size: 14px;
	padding: 20px
}

.submit-button {
	background: #5f2eea;
	background: var(--primary-identity-color);
	border: 0;
	border-radius: 5px;
	color: #fff;
	padding: 10px 18px;
	transition: .1s
}

.submit-button>img {
	color: #fff
}

.submit-button:hover {
	background: #481ebf
}

.details-page-sidebar {
	grid-area: details-page-sidebar
}

.details-page-sidebar .search-result>.info>a .h5,
.details-page-sidebar .search-result>.info>a h5 {
	margin-top: 10px
}

.details-page-sidebar .search-result:not(:last-child) {
	border-bottom: 1px solid #c1c8ff;
	border-bottom: 1px solid var(--primary-border-color)
}

.details-page-sidebar .search-result:not(:last-child)>.info {
	padding-bottom: 20px
}

.details-page-sidebar .view-box {
	padding: 10px 18px 20px
}

.tab.view-box .search-result {
	border-bottom: 1px solid #c1c8ff;
	border-bottom: 1px solid var(--primary-border-color)
}

.trackers {
	width: 100%
}

.tracker {
	padding: 5px 0
}

.tracker-name {
	display: block;
	max-width: calc(100vw - 250px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all
}

.tracker-seeder {
	color: #079b85
}

.tracker-leecher {
	color: #c4585e
}

.title {
	font-weight: 600;
	line-height: 1.5;
	word-break: break-all
}

.sub-title {
	color: #8094ae;
	color: var(--primary-text-color);
	font-size: 13px;
	font-weight: 500;
	line-height: 0
}

@media (max-width:600px) {
	.movie-filters>.w3-col {
		padding: 10px 8px
	}
}

@media (min-width:601px) {
	.movie-filters>.w3-col {
		padding: 1rem 2rem
	}
}

@media (min-width:993px) {
	.movie-filters>.w3-col {
		padding: 1rem
	}
}

.movie-search .center-flex .search-form {
	background: #e5e8ff;
	background: var(--primary-background-color);
	border: none;
	max-width: none;
	max-width: 100%
}

.movie-search .center-flex .search-form button[type=submit] {
	background: #d6dbff;
	border-left: none
}

.movie-search .center-flex .search-form button[type=submit]:hover {
	background: #c9d0ff
}

@media (max-width:600px) {
	.movie-search .center-flex {
		padding: 0 8px
	}
}

@media (min-width:601px) {
	.movie-search .center-flex {
		padding: 0 2rem
	}
}

@media (min-width:993px) {
	.movie-search .center-flex {
		padding: 1rem
	}
}

.movie-grid:not(.r)>.w3-col {
	padding: 16px 13px
}

@media (min-width:993px) {
	.movie-grid>.w3-col.l2 {
		max-width: 20%;
		width: 20%
	}
}

.w3-row.movie-grid.r.row .w3-col {
	padding: 16px 13px
}

.w3-row.movie-grid.r.row .w3-col:first-child {
	padding-left: 0
}

.w3-row.movie-grid.r.row .w3-col:last-child {
	padding-right: 0
}

.poster-container {
	overflow: hidden;
	position: relative
}

.poster-container img {
	width: 100%
}

.poster-overlay {
	grid-gap: 55px;
	align-items: center;
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background: rgba(0, 0, 0, .5);
	color: #e5e8ff;
	display: flex;
	flex: 1;
	flex-direction: column;
	font-size: 14px;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	text-align: center;
	top: 100%;
	transition: .3s;
	width: 100%
}

.poster-overlay img:first-child {
	height: 27px
}

.poster-overlay div+div {
	padding-left: 5px;
	padding-right: 5px
}

.poster-overlay div+div a:not(:last-child) {
	margin-right: 7px;
	position: relative
}

.poster-overlay div+div a:not(:last-child):after {
	content: "·";
	font-size: 20px;
	position: absolute;
	right: -8px;
	top: -6px
}

.poster-container:hover .poster-overlay {
	top: 0
}

.poster-container+.title {
	margin-bottom: 0
}

.poster-container+.title+div {
	color: #8094ae;
	display: inline-flex
}

.poster-container+.title+div>div {
	margin-left: 12px;
	margin-right: 12px;
	transform: translateY(-2px)
}

.poster-image {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	padding-top: 150%;
	position: relative;
	width: 100%
}

.poster-image.hide-on-small {
	display: block
}

.poster-image.show-on-small {
	display: none
}

@media (max-width:600px) {
	.poster-image.hide-on-small {
		display: none
	}

	.poster-image.show-on-small {
		display: block
	}
}

.movie-suggestions {
	display: flex;
	flex-direction: row;
	float: left;
	margin: 0;
	padding: 0
}

.movie-suggestions .info {
	flex: 1 0 auto;
	flex-basis: 150px;
	margin-left: 10px;
	max-width: 150px
}

.movie-suggestions .poster-container {
	border-radius: 10px 0 0 10px;
	min-width: 100px
}

.movie-suggest-container-wraper {
	padding-right: 5px
}

.related-movies {
	-ms-overflow-style: none;
	cursor: pointer;
	gap: 10px;
	overflow: scroll;
	perspective: 500px;
	scrollbar-width: none;
	transition: all .2s;
	transition: .5s cubic-bezier(.175, .885, .32, 1.275);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: 100%;
	will-change: transform
}

.related-movies::-webkit-scrollbar {
	display: none
}

@media (max-width:600px) {
	.related-movies .related-movie-items.view-box {
		padding: 15px
	}

	.related-movies .related-movie-items .poster-container {
		max-width: 100px
	}
}

@media (min-width:601px) {
	.related-movies .related-movie-items .poster-container {
		min-width: 128px
	}
}

.related-movies .related-movie-items.clicked {
	cursor: grabbing;
	cursor: -webkit-grabbing
}

@media (min-width:601px) {
	.related-movies .related-movie-items>div:first-child {
		margin-right: 10px
	}
}

@media (max-width:600px) {
	.related-movies .related-movie-items {
		flex-basis: 252px;
		max-width: 252px
	}
}

@media (min-width:601px) {
	.related-movies .related-movie-items {
		flex-basis: 300px;
		max-width: 300px
	}
}

.list {
	list-style: none
}

.list,
.list li {
	display: block;
	margin: 0;
	padding: 0
}

.list .server-selector {
	background: #252525;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-weight: 900;
	margin-bottom: 10px;
	padding: 10px;
	transition: all .2s
}

.list .server-selector:hover {
	background: #481ebf;
	background: var(--primary-identity-hover-color)
}

.episodes .episode {
	background-color: #364a63;
	border-radius: 5px;
	color: #fff;
	margin: 3px;
	padding: 10px;
	transition: all .2s
}

.episodes .episode:hover {
	background-color: #5f2eea;
	background-color: var(--primary-identity-color)
}

.video-player {
	padding-top: 56.25%;
	position: relative;
	width: 100%
}

.video-player .video {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.badge {
	display: block;
	margin-left: -16px;
	margin-top: -77px;
	position: absolute
}

.badge .label {
	background: red;
	border-radius: 5px;
	color: #fff;
	line-height: 15px;
	padding: 5px
}

.anime-list-poster {
	margin: -20px 10px -20px -30px;
	width: 80px
}

.no-scroll-bar {
	scrollbar-width: none
}

.no-scroll-bar::-webkit-scrollbar {
	display: none
}