.btn-default:hover {
	background: rgba(107, 12, 104, 0.3);
}

.btn-header {
	margin-top: 0;
}

.try-btn {
	padding: 8px;
	padding-left: 20px;
}

.try-btn a {
	margin-left: 10px;
}

.nav-logo {
	width: 250px;
	height: auto;
	margin-top: 10px;
}

.nav-bg-color {
	background: #000000;
}

#nav-center-menu-logo-social {
	background: transparent;
}

#nav-center-menu-logo-social .nav-bg {
	background: #000000;
	opacity: 0.8;
}

#nav-center-menu-logo-social .dropdown-menu,
#nav-center-menu-logo-social .sub-menu,
#nav-center-menu-logo-social .mega-menu-container {
	background: #000000;
}

#header-slogan-btn-img {
	background: #000000;
}

#header-slogan-btn-img .bg {
	background-image: url('../images/bg-28.webp');
	background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	-webkit-background-repeat: no-repeat;
	background-position: top center;
	opacity: 0.9;
}

#action-center-text-btn-2 {
	background: linear-gradient(135deg, #864aae, #b53894);
}

#benefit-center-4col {
	/* background: #080808; */
	background: linear-gradient(to bottom, #000, #0f0213, #1d0725, #15031b, #000000);
}

.buy-btn {
	color: #FFF;
	background: linear-gradient(135deg, #864aae, #b53894);
	border: 1px solid transparent;
	border-color: #864aae;
}

.buy-btn:hover {
	background: linear-gradient(135deg, #864aae, #b53894);
	border-color: #FFF;
}

.fancy-text {
	padding: 10px;
	background-color: linear-gradient(216deg, #8134af, #dd2a7b, #515bd4, #f58529);
	background-size: 500% 500%;
	-webkit-animation: MovingBackground 12s ease infinite;
	-moz-animation: MovingBackground 12s ease infinite;
	-o-animation: MovingBackground 12s ease infinite;
	animation: MovingBackground 12s ease infinite;
	border-radius: 10px;
}

#how-it-works .bg {
	background-image: url('../images/Screenshot_1.jpg');
	background-size: auto;
	-webkit-background-size: auto;
	background-repeat: no-repeat;
	-webkit-background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.5;
}

#video-examples, #video-gif-animation, #what-is-m2t  {
	background: #131313;
}

#video-examples,
#video-gif-animation {
	background: #131313;
}

#team-section {
	background: #0e0e0e;
}

span.icons-row [class^=icon-star] {
	color: #ffd800;
}

#discount-countdown {
	background: #000000;
}

#discount-countdown .half-container-left {
	background-image: url('../images/music-production.jpg');
	background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
	-webkit-background-repeat: no-repeat;
	background-position: center center;
}

#testimonials-list {
	background: #080808;
}

#testimonials-list .bg {
	background-image: url('../images/bg-30.webp');
	background-size: auto;
	-webkit-background-size: auto;
	background-repeat: no-repeat;
	-webkit-background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.5;
}

.cta {
	background: linear-gradient(135deg, #864aae, #b53894);
}

#testimonials-center-single {
	background: #000000;
}

span.icons-row [class^=icon-star] {
	color: #ffd800;
}

#faq {
	background: #000000;
}

#footer-text-icon-share {
	background: #000000;
}

#benefit-img-2col {
	background: #131313;
}

.palette1 .spopupbtnok {
	background: #864aae;
}

#audio-to-video-visual {
	width: 400px;
}

.alert-pricing-info {
	background-color: #181818;
    color: #FFF;
	border: 1px solid #864aae;
}

@media (max-width: 992px) {
	#header-slogan-btn-img {
		padding-top: 80px;
	}

	#product-display {
		padding-bottom: 25px;
	}

	#action-center-text-btn-2 h1 {
		font-size: 30px !important;
	}

	.fancy-text {
		padding: 2px;
	}

	.nav-logo {
		width: 250px;
	}

	.card-img-overlay-center, .team-member-photo {
		width: 300px;
		margin: 0 auto;
	}
}

@media (max-width: 740px) {
	.nav-logo {
		width: 200px;
	}
}

@media(max-width: 768px) {
	#audio-to-video-visual {
		width: 50vw;
	}
}

@-webkit-keyframes MovingBackground {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes MovingBackground {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

@keyframes MovingBackground {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}


/* custom.css */
#m2t-preview-screenshot {
	max-width: 100%;
}

#price-plans {
	background-color: #131313;
	color: #FFF;
}

#price-plans .card {
	background-color: rgb(13, 13, 13);
	border-radius: 10px;
	border: 1px solid #9245A7;
}

#price-plans .price-plan .fancy-bg {
	background: linear-gradient(216deg, #8134af, #dd2a7b, #515bd4, #f58529);
	background-color: linear-gradient(216deg, #8134af, #dd2a7b, #515bd4, #f58529);
	background-size: 500% 500%;
	-webkit-animation: MovingBackground 12s ease infinite;
	-moz-animation: MovingBackground 12s ease infinite;
	-o-animation: MovingBackground 12s ease infinite;
	animation: MovingBackground 12s ease infinite;
	border: 1px solid transparent;
}
/* --------------- Color Style ------------------ */
section.dark,
.nav-bg.dark,
.bg-test.dark,
.nb-off-canvas.dark,
header.dark,
.dark .sub-menu,
footer.dark,
.modal-content.dark,
.dark .mega-menu-container,
.off-canvas-overlay.dark {
	background-color: #353B4A;
}

.light .dark .dropdown-menu,
.dark .dropdown-menu {
	background-color: #353B4A;
}

.dark-page #preloader {
	background-color: #353B4A;
}

.dark-page {
	background-color: #000;
}

.dark-page #preloader>div,
.dark-page #preloader>div>*,
.dark-page #preloader>div:before,
.dark-page #preloader>div:after {
	border-color: #f3f3f3;
	background-color: #f3f3f3;
}

section.light,
.nav-bg.light,
.bg-test.light,
.nb-off-canvas.light,
header.light,
.light .sub-menu,
footer.light,
.modal-content.light,
.light .mega-menu-container,
.off-canvas-overlay.light {
	background-color: #ffffff;
}

.dark .light .dropdown-menu,
.light .dropdown-menu {
	background-color: #ffffff;
}

.light-page #preloader {
	background-color: #ffffff;
}

.light-page {
	background-color: #ffffff;
}

.light-page #preloader>div,
.light-page #preloader>div>*,
.light-page #preloader>div:before,
.light-page #preloader>div:after {
	border-color: #888888;
	background-color: #888888;
}

.light .dark,
.dark {
	color: #ffffff !important;
}

.light .dark mark,
.dark mark {
	color: #000000;
}

.light .dark mark,
.dark mark {
	background-color: #ffff60;
}

.light .dark h1,
.dark h1 {
	color: #ffffff;
}

.light .dark h2,
.dark h2 {
	color: #ffffff;
}

.light .dark h3,
.dark h3 {
	color: #ffffff;
}

.light .dark h4,
.dark h4 {
	color: #ffffff;
}

.light .dark.sep-b:after,
.dark.sep-b:after {
	border-color: #777777;
}

.light .dark.sep-full-b:after,
.dark.sep-full-b:after {
	border-color: #777777;
}

.light .dark hr,
.dark hr {
	border-color: #777777;
}

.light .dark .border-box,
.dark .border-box {
	border-color: #777777;
}

.light .dark .text-icon-list.text-icon-list-sep li,
.dark .text-icon-list.text-icon-list-sep li {
	border-color: #777777;
}

.light .dark .nav-tabs,
.dark .nav-tabs {
	border-color: #777777;
}

.light .dark .step-line-ltc,
.dark .step-line-ltc {
	border-color: #edf8ff;
}

.light .dark .step-line-rtc,
.dark .step-line-rtc {
	border-color: #edf8ff;
}

.light .dark .step-line-ctl,
.dark .step-line-ctl {
	border-color: #edf8ff;
}

.light .dark .step-line-ctr,
.dark .step-line-ctr {
	border-color: #edf8ff;
}

.light .dark .step-line-start:before,
.dark .step-line-start:before {
	border-color: #edf8ff;
}

.light .dark .step-line-end:before,
.dark .step-line-end:before {
	border-color: #edf8ff;
}

.light .dark a:not(.btn):not(.gallery-box):not(.goodshare),
.dark a:not(.btn):not(.gallery-box):not(.goodshare) {
	color: #ffffff;
}

.light .dark a.btn-link,
.dark a.btn-link {
	color: #ffffff;
}

.light .dark a:not(.btn):not(.gallery-box):not(.goodshare):hover,
.dark a:not(.btn):not(.gallery-box):not(.goodshare):hover {
	color: #f4f4f4;
}

.light .dark li.active>a:not(.btn):not(.gallery-box):not(.goodshare),
.dark li.active>a:not(.btn):not(.gallery-box):not(.goodshare) {
	color: #f4f4f4;
}

.light .dark li.active>div.buttons-control>a:not(.btn):not(.gallery-box):not(.goodshare),
.dark li.active>div.buttons-control>a:not(.btn):not(.gallery-box):not(.goodshare) {
	color: #f4f4f4;
}

.light .dark .btn-primary,
.dark .btn-primary {
	color: #ffffff;
}

.light .dark .btn-primary,
.dark .btn-primary {
	background-color: #07bcf7;
	border-color: #07bcf7;
}

.light .dark .btn-primary:hover,
.dark .btn-primary:hover {
	color: #ffffff;
}

.light .dark .btn-primary:hover,
.dark .btn-primary:hover {
	background-color: #039dd0;
	border-color: #039dd0;
}

.light .dark .btn-default,
.dark .btn-default {
	color: #ffffff;
}

.light .dark .btn-default,
.dark .btn-default {
	border-color: #ffffff;
}

.light .dark .btn-default:hover,
.dark .btn-default:hover {
	color: #eeeeee;
}

.light .dark .btn-default:hover,
.dark .btn-default:hover {
	border-color: #eeeeee;
}

.light .dark i.icon-color,
.dark i.icon-color {
	color: #FFFFFF;
}

.light .dark .owl-next,
.dark .owl-next {
	border-color: #FFFFFF;
}

.light .dark .owl-prev,
.dark .owl-prev {
	border-color: #FFFFFF;
}

.light .dark .owl-dot,
.dark .owl-dot {
	border-color: #FFFFFF;
}

.light .dark .gallery-box,
.dark .gallery-box {
	background: #353B4A;
}

.light .dark .card-img-overlay-bg:before,
.dark .card-img-overlay-bg:before {
	background: #353B4A;
}

.light .dark .gallery-box,
.dark .gallery-box {
	color: #FFFFFF;
}

.light .dark .card-img-overlay-bg,
.dark .card-img-overlay-bg {
	color: #FFFFFF;
}

.light .dark .checkbox .lbl::before,
.dark .checkbox .lbl::before {
	background: #FFFFFF;
}

.light .dark .radio .lbl::before,
.dark .radio .lbl::before {
	background: #FFFFFF;
}

.light .dark .form-control,
.dark .form-control {
	background: #FFFFFF;
}

.light .dark .form-inline .btn.btn-link,
.dark .form-inline .btn.btn-link {
	background: #FFFFFF;
}

.light .dark .form-group input,
.dark .form-group input {
	color: #222222;
}

.light .dark .form-group select,
.dark .form-group select {
	color: #222222;
}

.light .dark .input-group input,
.dark .input-group input {
	color: #222222;
}

.light .dark .form-group textarea,
.dark .form-group textarea {
	color: #222222;
}

.light .dark .form-inline .btn.btn-link,
.dark .form-inline .btn.btn-link {
	color: #222222;
}

.light .dark .checkbox .lbl::before,
.dark .checkbox .lbl::before {
	border-color: #EEEEEE;
}

.light .dark .radio .lbl::before,
.dark .radio .lbl::before {
	border-color: #EEEEEE;
}

.light .dark .form-control,
.dark .form-control {
	border-color: #EEEEEE;
}

.light .dark .form-inline .btn.btn-link,
.dark .form-inline .btn.btn-link {
	border-color: #EEEEEE;
}

.light .dark .checkbox .lbl::after,
.dark .checkbox .lbl::after {
	background: #00C0FF;
}

.light .dark .radio .lbl::after,
.dark .radio .lbl::after {
	background: #00C0FF;
}

.light .dark .form-control::-webkit-input-placeholder,
.dark .form-control::-webkit-input-placeholder {
	color: #999999;
}

.light .dark .form-control::-moz-placeholder,
.dark .form-control::-moz-placeholder {
	color: #999999;
}

.light .dark .form-control:-ms-input-placeholder,
.dark .form-control:-ms-input-placeholder {
	color: #999999;
}

.light .dark .select-group:before,
.dark .select-group:before {
	color: #999999;
}

.light .dark .datepicker-group:before,
.dark .datepicker-group:before {
	color: #999999;
}

.light .dark .file-group:before,
.dark .file-group:before {
	color: #999999;
}

.light .dark .radio .label-name,
.dark .radio .label-name {
	color: #999999;
}

.dark .light,
.light {
	color: #444444 !important;
}

.dark .light mark,
.light mark {
	color: #000000;
}

.dark .light mark,
.light mark {
	background-color: #ffff60;
}

.dark .light h1,
.light h1 {
	color: #222222;
}

.dark .light h2,
.light h2 {
	color: #ffffff;
}

.dark .light h3,
.light h3 {
	color: #444444;
}

.dark .light h4,
.light h4 {
	color: #555555;
}

.dark .light.sep-b:after,
.light.sep-b:after {
	border-color: #dddddd;
}

.dark .light.sep-full-b:after,
.light.sep-full-b:after {
	border-color: #dddddd;
}

.dark .light hr,
.light hr {
	border-color: #dddddd;
}

.dark .light .border-box,
.light .border-box {
	border-color: #dddddd;
}

.dark .light .text-icon-list.text-icon-list-sep li,
.light .text-icon-list.text-icon-list-sep li {
	border-color: #dddddd;
}

.dark .light .nav-tabs,
.light .nav-tabs {
	border-color: #dddddd;
}

.dark .light .step-line-ltc,
.light .step-line-ltc {
	border-color: #72c9ff;
}

.dark .light .step-line-rtc,
.light .step-line-rtc {
	border-color: #72c9ff;
}

.dark .light .step-line-ctl,
.light .step-line-ctl {
	border-color: #72c9ff;
}

.dark .light .step-line-ctr,
.light .step-line-ctr {
	border-color: #72c9ff;
}

.dark .light .step-line-start:before,
.light .step-line-start:before {
	border-color: #72c9ff;
}

.dark .light .step-line-end:before,
.light .step-line-end:before {
	border-color: #72c9ff;
}

.dark .light a:not(.btn):not(.gallery-box):not(.goodshare),
.light a:not(.btn):not(.gallery-box):not(.goodshare) {
	color: #222;
}

.dark .light a.btn-link,
.light a.btn-link {
	color: #222;
}

.dark .light a:not(.btn):not(.gallery-box):not(.goodshare):hover,
.light a:not(.btn):not(.gallery-box):not(.goodshare):hover {
	color: #00a7ff;
}

.dark .light li.active>a:not(.btn):not(.gallery-box):not(.goodshare),
.light li.active>a:not(.btn):not(.gallery-box):not(.goodshare) {
	color: #00a7ff;
}

.dark .light li.active>div.buttons-control>a:not(.btn):not(.gallery-box):not(.goodshare),
.light li.active>div.buttons-control>a:not(.btn):not(.gallery-box):not(.goodshare) {
	color: #00a7ff;
}

.dark .light .btn-primary,
.light .btn-primary {
	color: #ffffff;
}

.dark .light .btn-primary,
.light .btn-primary {
	background-color: #07bcf7;
	border-color: #07bcf7;
}

.dark .light .btn-primary:hover,
.light .btn-primary:hover {
	color: #ffffff;
}

.dark .light .btn-primary:hover,
.light .btn-primary:hover {
	background-color: #039dd0;
	border-color: #039dd0;
}

.dark .light .btn-default,
.light .btn-default {
	color: #555555;
}

.dark .light .btn-default,
.light .btn-default {
	border-color: #555555;
}

.dark .light .btn-default:hover,
.light .btn-default:hover {
	color: #222222;
}

.dark .light .btn-default:hover,
.light .btn-default:hover {
	border-color: #222222;
}

.dark .light i.icon-color,
.light i.icon-color {
	color: #aaaaaa;
}

.dark .light .owl-next,
.light .owl-next {
	border-color: #444444;
}

.dark .light .owl-prev,
.light .owl-prev {
	border-color: #444444;
}

.dark .light .owl-dot,
.light .owl-dot {
	border-color: #444444;
}

.dark .light .gallery-box,
.light .gallery-box {
	background: #FFFFFF;
}

.dark .light .card-img-overlay-bg:before,
.light .card-img-overlay-bg:before {
	background: #FFFFFF;
}

.dark .light .gallery-box,
.light .gallery-box {
	color: #222222;
}

.dark .light .card-img-overlay-bg,
.light .card-img-overlay-bg {
	color: #222222;
}

.dark .light .checkbox .lbl::before,
.light .checkbox .lbl::before {
	background: #FFFFFF;
}

.dark .light .radio .lbl::before,
.light .radio .lbl::before {
	background: #FFFFFF;
}

.dark .light .form-control,
.light .form-control {
	background: #FFFFFF;
}

.dark .light .form-inline .btn.btn-link,
.light .form-inline .btn.btn-link {
	background: #FFFFFF;
}

.dark .light .form-group input,
.light .form-group input {
	color: #222222;
}

.dark .light .form-group select,
.light .form-group select {
	color: #222222;
}

.dark .light .input-group input,
.light .input-group input {
	color: #222222;
}

.dark .light .form-group textarea,
.light .form-group textarea {
	color: #222222;
}

.dark .light .form-inline .btn.btn-link,
.light .form-inline .btn.btn-link {
	color: #222222;
}

.dark .light .checkbox .lbl::before,
.light .checkbox .lbl::before {
	border-color: #EEEEEE;
}

.dark .light .radio .lbl::before,
.light .radio .lbl::before {
	border-color: #EEEEEE;
}

.dark .light .form-control,
.light .form-control {
	border-color: #EEEEEE;
}

.dark .light .form-inline .btn.btn-link,
.light .form-inline .btn.btn-link {
	border-color: #EEEEEE;
}

.dark .light .checkbox .lbl::after,
.light .checkbox .lbl::after {
	background: #00C0FF;
}

.dark .light .radio .lbl::after,
.light .radio .lbl::after {
	background: #00C0FF;
}

.dark .light .form-control::-webkit-input-placeholder,
.light .form-control::-webkit-input-placeholder {
	color: #999999;
}

.dark .light .form-control::-moz-placeholder,
.light .form-control::-moz-placeholder {
	color: #999999;
}

.dark .light .form-control:-ms-input-placeholder,
.light .form-control:-ms-input-placeholder {
	color: #999999;
}

.dark .light .select-group:before,
.light .select-group:before {
	color: #999999;
}

.dark .light .datepicker-group:before,
.light .datepicker-group:before {
	color: #999999;
}

.dark .light .file-group:before,
.light .file-group:before {
	color: #999999;
}

.dark .light .radio .label-name,
.light .radio .label-name {
	color: #999999;
}

/* ------------------ Typography --------------------- */
body,
.datepicker {
	font-family: 'Open Sans';
	font-size: 15px;
	font-style: inherit;
	font-weight: 400;
	text-transform: inherit;
	font-display: swap;
}

h1 {
	font-family: 'Source Sans Pro';
	font-size: 56px;
	font-style: initial;
	font-weight: 400;
	text-transform: inherit;
	font-display: swap;
}

h2 {
	font-family: 'Roboto';
	font-size: 36px;
	font-style: inherit;
	font-weight: 100;
	text-transform: inherit;
	font-display: swap;
}

h3 {
	font-family: 'Roboto';
	font-size: 26px;
	font-style: inherit;
	font-weight: 100;
	text-transform: inherit;
	font-display: swap;
}

h4 {
	font-family: 'Roboto';
	font-size: 20px;
	font-style: inherit;
	font-weight: 100;
	text-transform: inherit;
	font-display: swap;
}

.navbar-nav,
aside#navbar .nav {
	font-family: 'Open Sans';
	font-size: 15px;
	font-style: inherit;
	font-weight: 400;
	text-transform: inherit;
	font-display: swap;
}

.btn {
	font-family: 'Roboto';
	font-size: 15px;
	font-style: inherit;
	font-weight: bold;
	text-transform: inherit;
	font-display: swap;
}