img.header-logo {
    filter: brightness(255);
}
body {
    padding-top: 0!important;
}
.page-account {
    .form-login {
        padding: 1rem;
        max-width: 400px;
    }

    .section-title {
        padding-bottom: 0.5rem;
        margin-bottom: 0.5rem;
        > h5 {
            margin-bottom: 0;
            margin-top: 0.25rem;
        }
    }

    .section-actions {
        padding-top: 0.5rem;
    }

    .account-editor {
        .editor-edit {
            padding-top: 0.25rem;
        }
    }

    .account-devices {
        .device-item {
            font-size: .875rem;
            padding: 0.5rem 0;

            .device-agent-icon {
                width: 2rem;
                height: 2rem;
                > i {
                    position: relative;
                    font-size: 2rem;
                    top: -0.5rem;
                }
            }

            &:last-child {
                padding-bottom: 0;
            }
        }
    }
}
#icon-mm {
    filter: brightness(255);
    opacity: .02;
    width: 40%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);

}

@media (min-width: 992px) {
    .primary-menu-trigger {
        display: none!important;
    }
	.block-mega-menu-4 .mega-menu-content {
		--bg-light-2: #111;
		background: #212121;
		background: linear-gradient(to right, #212121 66.666667%, #111 66.666667%, #111 100%);
	}

	.block-mega-menu-4 .bg-light-2 {
		background-color: var(--bg-light-2) !important;
	}

	.block-mega-menu-4 .mega-menu-column {
		max-height: calc(100vh - 101px);
		overflow: auto;
	}

	.block-mega-menu-4 .hover-opacity .feature-box {
		transition: opacity .2s ease;
		will-change: opacity;
	}

	.block-mega-menu-4 .hover-opacity:hover .feature-box:not(:hover) {
		opacity: .3;
	}

	.block-mega-menu-4 .mega-menu-column .feature-box::before {
		content: "";
		opacity: 0;
		position: absolute;
		background-color: #030303;
		width: 100%;
		top: -20px;
		left: -20px;
		border-radius: 2px;
		height: calc(100% + 40px);
		width: calc(100% + 40px);
		transform: scale(.875);
		transition: transform .2s linear;
	}

	.block-mega-menu-4 .mega-menu-column .feature-box:hover::before {
		opacity: .08;
        border-radius: 10px;
		transform: scale(0.95);
	}
}

.block-mega-menu-4 .mega-menu-column .feature-box .fbox-content { padding-right: 0; }

.block-mega-menu-4 .mega-menu-column .feature-box > i {
	line-height: 1.25;
	font-size: 18px;
}

.block-mega-menu-4 .mega-menu-column .feature-box h5 { transition: color .15s linear; }

/* Color Primary */
.block-mega-menu-4 .mega-menu-column .feature-box.card-primary > i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-primary:hover h5 {
	color: var(--bs-primary);
}
.block-mega-menu-4 .mega-menu-column .feature-box.card-primary::before {
	background-color: var(--bs-primary);
}

/* Color Info */
.block-mega-menu-4 .mega-menu-column .feature-box.card-info > i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-info:hover h5 {
	color: var(--bs-info);
}
.block-mega-menu-4 .mega-menu-column .feature-box.card-info::before {
	background-color: var(--bs-info);
}

/* Color warning */
.block-mega-menu-4 .mega-menu-column .feature-box.card-warning > i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-warning:hover h5 {
	color: var(--bs-warning);
}
.block-mega-menu-4 .mega-menu-column .feature-box.card-warning::before {
	background-color: var(--bs-warning);
}

/* Color danger */
.block-mega-menu-4 .mega-menu-column .feature-box.card-danger > i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-danger:hover h5 {
	color: var(--bs-danger);
}
.block-mega-menu-4 .mega-menu-column .feature-box.card-danger::before {
	background-color: var(--bs-danger);
}

/* Color success */
.block-mega-menu-4 .mega-menu-column .feature-box.card-success > i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-success:hover h5 {
	color: var(--bs-success);
}
.block-mega-menu-4 .mega-menu-column .feature-box.card-success::before {
	background-color: var(--bs-success);
}

/* Color orange */
.block-mega-menu-4 .mega-menu-column .feature-box.card-orange > i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-orange:hover h5 {
	color: var(--bs-orange);
}
.block-mega-menu-4 .mega-menu-column .feature-box.card-orange::before {
	background-color: var(--bs-orange);
}

/* Color pink */
.block-mega-menu-4 .mega-menu-column .feature-box.card-pink > i,
.block-mega-menu-4 .mega-menu-column .feature-box.card-pink:hover h5 {
	color: var(--bs-pink);
}
.block-mega-menu-4 .mega-menu-column .feature-box.card-pink::before {
	background-color: var(--bs-pink);
}


/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/
.slider-element .heading-block p {
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 5px;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 15px;
	color: rgba(255, 255, 255, 0.7);
}

.slider-element .slider-product-desc {
	position: absolute;
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	width: 65%;
	z-index: 2;
}

.slider-element .slider-product-desc [class^='col-'] {
	background-color: #353535;
	padding: 30px;
}

.slider-element .vertical-middle .container { top: -60px; }

.play-icon {
	position: relative;
	display: block;
	font-size: 1.75rem;
	margin: 1.25rem 0 0 0;
	width: 60px;
	height: 60px;
	line-height: 56px;
	border-radius: 50%;
	color: #FFF !important;
	border: 2px solid #EEE;
	text-align: center;
	transform: scale(1);
	transition: transform .3s ease;
}

.play-icon i {
	position: relative;
	left: 2px;
}

.play-icon:hover {
	transform: scale(1.1);
}

.heading-block h3 {
	font-weight: 800;
	text-transform: none;
	font-size: 2.3rem;
	letter-spacing: 0;
}

.edge-underline h3,
.product:hover .product-title h3 {
	text-decoration: underline;
	text-decoration-skip: edges;
}

/* ----------------------------------------------------------------
	On Hover Changes
-----------------------------------------------------------------*/
.showcase-target-images { position: relative; }

.showcase-target {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
	-moz-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
	-o-transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
	transition-timing-function: cubic-bezier(0.57, 0.21, 0.69, 1);
}

.showcase-target.showcase-target-active {
	position: relative;
	display: block;
}

.showcase-section:hover .showcase-target {
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.showcase-section ul li {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #000;
	cursor: pointer;
	border: 1px solid #EEE;
}

.showcase-section ul li.headphone-red { background-color: #af1e2b; }
.showcase-section ul li.headphone-black { background-color: #000; }
.showcase-section ul li.headphone-blue { background-color: darkblue; }
.showcase-section ul li.headphone-pink { background-color: pink; }
.showcase-section ul li.headphone-white { background-color: white; }

.showcase-section .badge {
	position: absolute;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 3px;
	font-size: 11px;
	text-shadow: none;
	background-color: #222 !important;
	left: 50%;
	top: 40px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}


.term{font-size:1.9rem; font-weight:800; margin:0 0 .25rem 0; letter-spacing:.2px;}
.pron{display:block; font-size:.98rem; color:var(--muted);}
.pron .ipa{font-family:"Noto Sans", ui-sans-serif, system-ui; letter-spacing:.5px;}
blockquote{
margin:1rem 0 0 0; padding-left:1rem;
border-left:4px solid var(--accent);
}
blockquote p{margin:0}
.meta{margin-top:.75rem; font-size:.92rem; color:var(--muted)}



.pricing-tabs input.switch-toggle-round:checked + label::before {
	background-color: var(--cnvs-themecolor);
}
.pricing-tabs label {
    cursor: pointer;
}
.pricing-tabs label.active {
	background-color: var(--cnvs-themecolor);
}

.pricing-tabs label.active * {
	color: #FFF;
}

.pricing-tabs .price small {
	font-size: 12px;
	opacity: .7;
}

.price-discount {
	position: relative;
	top: -12px;
	margin-left: 10px;
	background-repeat: no-repeat;
    background-position: 0 0;
	width: 60px;
	height: 39px;
}