:root {
	--bg-color: #f5f7fb;
	--bg-color-second: #182133;
	--bg-color-third: #fff;
	--primary-color: #4b4b4b;
	--primary-color-darker: #4338ca;
	--secondary-color: #14b8a6;
	--third-color: #c7d2fe;
	--primary-text-color: #1f2937;
	--secondary-text-color: #6b7280;
	--third-text-color: #f8fafc;
	--fourth-text-color: #cbd5e1;
	--gradient: radial-gradient(circle at top left, rgba(79,70,229,.18), transparent 35%), linear-gradient(135deg, #eef2ff, #f8fafc);
	--main-indent-negative: -32px;
	--main-indent: 32px;
	--maximum-width: 1240px;
}

/* RESET, BASIC UI SETTINGS
----------------------------------------------- */
* {background: transparent; margin: 0; padding: 0; outline: none; border: 0; box-sizing: border-box;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
img, table, iframe, video, frame, embed, object {max-width: 100%;}
html {font-size: 62.5%;}
body {font: 1.6rem 'Inter', Arial, sans-serif; line-height: normal; padding: 0; margin: 0;        
color: var(--primary-text-color); background: #18213373; 
min-height: 100%; width: 100%; font-weight: 400; letter-spacing: 0.02em;}
a {color: var(--primary-text-color); text-decoration: none;}
a:hover, a:focus {color: var(--primary-color); text-decoration: none;}
h1, h2, h3, h4, h5 {font-weight: 700; font-size: 2.4rem;}
::selection { background: #f6e58d; color: #000;}
b, strong {font-weight: 600;}

button, select, textarea, input[type="text"], input[type="password"], input[type="button"], input[type="submit"] 
{appearance: none; -webkit-appearance: none; font-size: 1.6rem; font-family: 'Nunito' !important;}
button:not(.color-btn):not([class*=fr]):not([class*=plyr]):not(.mpz-header__search-btn):not([class*=owl-]):not(.mpz-form__btn):not([id*=mceu]), 
.mpz-button, .mpz-btn, input[type="button"]:not(.mpz-form__btn), input[type="reset"], input[type="submit"] {
display: inline-block; cursor: pointer; text-align: center; padding: 0 20px; height: 40px; line-height: 40px;
background-color: var(--primary-color); color:#fff; font-size: 1.2rem; font-weight: 700; white-space: nowrap;
border-radius: 20px; box-shadow: 0 14px 35px rgba(79, 70, 229, 0.12); text-transform: uppercase;}
button:not(.color-btn):not([class*=fr]):not([class*=plyr]):not(.mpz-header__search-btn):not([class*=owl-]):not(.mpz-form__btn):not([id*=mceu]):hover, 
.mpz-button:hover, .mpz-btn:hover, input[type="button"]:not(.mpz-form__btn):hover, input[type="reset"]:hover, 
input[type="submit"]:hover {background-color: var(--primary-color-darker); color: #fff; box-shadow: 0 10px 20px 0 rgba(0,0,0,0);}
button:active, input[type="button"]:active, input[type="submit"]:active {box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}

input[type="text"], input[type="password"] {height: 40px; line-height: 40px; border-radius: 4px; padding: 0 15px;}
select {height: 40px; padding: 0 15px; display: block;}
select:not([multiple]) {background-image: url(../dleimages/chevron.svg); padding-right: 30px;
	background-repeat: no-repeat; background-position: right 15px top 50%; background-size: .6em auto;}
select option {padding: 6px 10px;}
select[multiple] {padding: 0 5px;}
textarea {padding: 15px; overflow: auto; vertical-align: top; resize: vertical;}
input[type="text"], input[type="password"], select, textarea {width: 100%; background-color: #fff; color: #000; 
box-shadow: inset 0 0 0 1px #e3e3e3, inset 1px 2px 5px rgba(0,0,0,0.1);}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus 
{box-shadow: inset 0 0 0 1px var(--primary-color), inset 1px 2px 5px rgba(0,0,0,0.1);}
input::placeholder, textarea::placeholder {color: #000; opacity: 0.6; font-size: 1.4rem;} 
input:focus::placeholder, textarea:focus::placeholder {color: transparent}

/* SNIPPETS
----------------------------------------------- */
.mpz-img-box, .mpz-img-wide, .mpz-img-ratio, .mpz-img-cover {overflow: hidden; position: relative;}
.mpz-img-ratio {padding-top: 60%;}
.mpz-img-responsive--portrait {padding-top: 150%;}
.mpz-img-box > img, .mpz-img-ratio > img {width: 100%; min-height: 100%; display: block;}
.mpz-img-ratio > img {position: absolute; left: 0; top: 0;}
.mpz-img-wide img, .mpz-img-wide > a {width: 100%; display: block;}
.mpz-img-cover img, .mpz-img-cover img {width: 100%; height: 100%; object-fit: cover;}
.mpz-clr {clear: both;}
.mpz-clearfix::after {content: ""; display: table; clear: both;}
.mpz-truncate, .mpz-truncate {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mpz-flex, #dle-content, .mpz-flex, .mpz-flex-col {display: flex; flex-wrap: wrap; flex-direction: row;}
.mpz-flex-col, .mpz-flex-col {flex-direction: column; flex-wrap: nowrap;} 
.mpz-jc-start, #dle-content {justify-content: flex-start;}
.mpz-jc-between, .mpz-flex {justify-content: space-between;}
.mpz-jc-center, .mpz-fx-center, .mpz-flex-col {justify-content: center;}
.mpz-ai-start {align-items: flex-start;}
.mpz-ai-center, .mpz-fx-middle, .mpz-flex-col {align-items: center;}
.mpz-order-first, .mpz-fx-first {order: -1;}
.mpz-order-last, .mpz-fx-last {order: 10;}
.mpz-grow, .mpz-fx-1 {flex: 1 1 0; max-width: 100%; min-width: 50px;}
.mpz-icon-left .mpz-ico {margin-right: 10px;}
.mpz-icon-right .mpz-ico {margin-left: 10px;}
.mpz-hidden, #dofullsearch, .mpz-form__header .mpz-form__btn {display: none;}
.mpz-anim, button, .mpz-btn, .mpz-nav a, .mpz-inner-page__rating a {transition: all .3s;}

#dle-content > *:not(.mpz-card), #dle-content {width: 100%;}

/* MP3Zone compact SVG icons */
.mpz-svg-sprite {position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;}
.mpz-ico {width:1em;height:1em;display:inline-block;vertical-align:-0.14em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;}
.mpz-ico--play, .mpz-ico--pause {width:1.5em;height:1.5em;}
.mpz-ico--play, .mpz-ico--pause, .mpz-ico--forward, .mpz-ico--backward {stroke:none;fill:currentColor;}
.mpz-ico__volume-muted {display:none;}
.mpz-audioplayer-muted .mpz-ico__volume-on {display:none;}
.mpz-audioplayer-muted .mpz-ico__volume-muted {display:inline;}
.mpz-ico__close {display:none;}
.mpz-ap-mob-btn.mpz-is-active .mpz-ico__info {display:none;}
.mpz-ap-mob-btn.mpz-is-active .mpz-ico__close {display:inline;}