:root {
	--main-color: #000000;
	--main-font-color: #ffffff;
	/*--font-family-sans-serif: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: 'Lato', SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;*/
}

/*body {
	font-family: 'Lato', sans-serif;
}

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: 'Roboto', sans-serif !important;
}*/

/*h1, h2, h3, h4, h5, h6, strong, .price {
	font-family: 'Roboto', sans-serif !important;
	font-weight: bold !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: var(--main-color) !important;
}

.textColor * {
	color: var(--main-font-color);
}

.bg-dark {

	background-color: #000000 !important;
}

.bg-yellow {

	background-color: var(--main-color) !important;
}

.footer-bg {
	background: #000000;
}

.z-index-0 {
	z-index: 0;
}

.margin-spacing-15{
	margin-top: 15%;
}

.hr-margin-block-0{
	margin-block-start: 0;
	margin-block-end: 0;
}

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

[image-overlay]:before {
	background: linear-gradient(75deg,var(--main-color),var(--main-color))!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: var(--main-color);
}

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

.dot-indicator.owl-theme button.owl-dot.active span {
	background: var(--main-color);
}

.pricing-switch-wrap span.switch-icon {
	border: 1px solid var(--main-color);
}

.pricing-switch-wrap span.switch-icon:after {
	background-color: var(--main-color);
	color: var(--main-font-color);
}

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

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

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

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

.contact-info-list li .contact-icon span {
	border: 1px solid var(--main-color);
}

@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;
	}
}

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