/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 19, 2021 */
@font-face {
	font-family: 'nationalmuagbold';
	src: url('/static/fonts/national_muag/NationalMuag-Bold.woff2') format('woff2'),
	url('/static/fonts/national_muag/NationalMuag-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'nationalmuagbold_italic';
	src: url('/static/fonts/national_muag/NationalMuag-BoldItalic.woff2') format('woff2'),
	url('/static/fonts/national_muag/NationalMuag-BoldItalic.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'nationalmuagitalic';
	src: url('/static/fonts/national_muag/NationalMuag-Italic.woff2') format('woff2'),
	url('/static/fonts/national_muag/NationalMuag-Italic.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'nationalmuagregular';
	src: url('/static/fonts/national_muag/NationalMuag-Regular.woff2') format('woff2'),
	url('/static/fonts/national_muag/NationalMuag-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas,
caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption,
figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins, kbd,
label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section,
small, strike, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr,
tt, u, ul, var, video {
	font-family: nationalmuagregular, sans-serif !important;
}

h1, h2, h3, h4, h5, h6, strong, .price {
	font-family: nationalmuagbold, sans-serif !important;
	font-weight: normal !important;
}

.fa, .far, .fas {
	font-family: 'Font Awesome 5 Free' !important;
}

.fab {
	font-family: 'Font Awesome 5 Brands' !important;
}

[class*=" ti-"], [class^=ti-] {
	font-family: themify !important;
}

.grecaptcha-badge {
	visibility: hidden;
}

.text-light,
.text-light h2, .text-light  h4, .text-light  h5, .text-light  .pricing-content {

	color: #019EDE !important;
}

.bg-dark {

	background-color: #000000 !important;
}

.bg-yellow {

	background-color: #019EDE !important;
}

.footer-bg {
	background: #000000;
}


.screenshot-wrap .screenshot-frame {
	background-image: url("/static/img/iphone-mask-2.png") !important;
}

.bg-image h2 {

	color: #FFF;
}

[image-overlay]:before {
	background: linear-gradient(75deg,#019EDE,#019EDE)!important;
}

nav {
	-webkit-backdrop-filter: blur(40px);
	backdrop-filter: blur(40px);
	background-color: rgba(255,255,255,0.7);
}

.affix {
	background: none !important;
	background-color: rgba(255,255,255,0.7) !important;
}


.header .menu li a {
	color: black;
}

.dot-circle li:before {
	background: #019EDE;
}

.dot-circle.black li:before {
	background: black;
}

.dot-indicator.owl-theme button.owl-dot.active span {
	background: #019EDE;
}

.pricing-switch-wrap span.switch-icon {
	border: 1px solid #019EDE;
}

.pricing-switch-wrap span.switch-icon:after {
	background-color: #019EDE;
	color: #000000;
}

.pricing-switch-wrap span.year-switch {
	color: #000000;
}

.pricing-switch-wrap span.afterinput.text-success, .pricing-switch-wrap span.beforeinput.text-success {
	color: #000000!important;
}

.single-pricing-pack.popular-price {
	border-top: 4px solid #019EDE!important;
}

.single-pricing-pack:hover {
	border-top: 4px solid #019EDE;
}

.btn-outline-brand-01 {
	border-color: #019EDE;
	color: #019EDE;
}



.btn-outline-brand-01:active, .btn-outline-brand-01:focus, .btn-outline-brand-01:hover {
	background-color: #019EDE;
	border-color: #019EDE;
	color: #000000;
}

.contact-info-list li .contact-icon span {
	border: 1px solid #019EDE;
}

.text-black {
	color: black !important;
}

.text-decoration-underline {
	text-decoration: underline !important;
}

.border-yellow {
	border-color: #019EDE !important;
}

.audio-player-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.audio-player-wrapper > * {
	flex: 1 1 auto
}

.audio-player-wrapper > :first-child {
	flex: 1 0 100%;
}

.audio-player-wrapper > :nth-child(3) {
	flex: 1 1 auto;
}

.card img.card-thumbnail-image {
	width: 100%;
	aspect-ratio: 16/9;
}

.image-frame {
	position: relative;
	display: block;
}

.image-frame .image-frame-wrapper {
	position: relative;
	display: flex;
	align-items: flex-start;
}

.image-frame .image-frame-wrapper .image-frame-info {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	/*background: linear-gradient(45deg, rgba(0,0,0,0.33) 50%, rgba(0,0,0,0) 100%);*/
	/*background: radial-gradient(circle, rgba(71,95,111,1) 0%, rgba(69,92,108,1) 100%);*/
}

.image-frame .image-frame-wrapper .image-frame-info img {
	width: auto;
	height: 40%;
}

@media (min-width: 768px) {
	.image-frame .image-frame-wrapper .image-frame-info img {
		height: 33%;
	}
}

@media (min-width: 320px) and (max-width: 455px) {
	.screenshot-wrap .screenshot-frame {
		display: block;
		width: 68%;
		height: 93%;
	}
}

@media (min-width: 456px) and (max-width: 575px) {
	.screenshot-wrap .screenshot-frame {
		display: block;
		width: 70%;
		height: 95%;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.screenshot-wrap .screenshot-frame {
		display: block;
		width: 348px;
		height: 612px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.screenshot-wrap .screenshot-frame {
		display: block;
		width: 246px;
		height: 428px;
	}

	.audio-player-wrapper {
		display: flex;
		flex-wrap: nowrap;
	}

	.audio-player-wrapper > * {
		flex: 0 0 50%
	}

	.audio-player-wrapper > :first-child {
		flex: 1 1 25%;
	}

	.audio-player-wrapper > :nth-child(3) {
		flex: 1 1 25%;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.screenshot-wrap .screenshot-frame {
		display: block;
		width: 246px;
		height: 434px;
	}

	.audio-player-wrapper {
		display: flex;
		flex-wrap: nowrap;
	}

	.audio-player-wrapper > * {
		flex: 0 0 50%
	}

	.audio-player-wrapper > :first-child {
		flex: 1 1 25%;
	}

	.audio-player-wrapper > :nth-child(3) {
		flex: 1 1 25%;
	}
}

@media (min-width: 1201px) {
	.audio-player-wrapper {
		display: flex;
		flex-wrap: nowrap;
	}

	.audio-player-wrapper > * {
		flex: 0 0 50%
	}

	.audio-player-wrapper > :first-child {
		flex: 1 1 25%;
	}

	.audio-player-wrapper > :nth-child(3) {
		flex: 1 1 25%;
	}
}

.bg-muag-blue {
	background: linear-gradient(75deg,#019EDE,#019EDE) !important;
}

.text-muag-blue {
	color: #019EDE;
	transition: color .2s ease-in-out;
}

a {
	&.text-muag-blue {
		color: #019EDE;
		transition: color .2s ease-in-out;

		&:hover {
			color: #000000;
		}
	}
}

.video-hero .video-hero-video {
	display: block;
	width: 100%;
	max-width: 100vw;
	height: auto;
	max-height: 500px;
	aspect-ratio: 9/16;
	object-fit: cover;
}

.video-hero .video-hero-logo {
	width: 7rem;
}

@media (min-width: 768px) {
	.video-hero .video-hero-video {
		max-width: 2560px;
		max-height: 880px;
		aspect-ratio: 16/9;
		object-fit: cover;
	}

	.video-hero .video-hero-logo {
		width: 12rem;
	}
}

.museum-hero-logo {
	width: 16rem;
}

@media (min-width: 768px) {
	.museum-hero-logo {
		width: 32rem;
	}
}

.vh-40 {
	height: 40vh;
}

.page-header-image {
	height: 440px;
}

@media (min-width: 768px) {
	.page-header-image {
		height: 660px;
	}
}