.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
    color: #3a3e84;
    text-transform: none;
}

.fof {
	font-size: 100px;
	color: #137efd;
}

.uk-button-default {
    background-color: #fff;
    color: #2b24f1;
    border: 1px solid #c2b4ff;
}

.logo {
	width: 190px;
}

.sub-nav {
	background: #fff;
	padding: 10px 0;
	border-top: 1px solid #e1e1e1;
}

.footer {
	background: #fff;
	padding: 15px 0;
	border-top: 1px solid #e1e1e1;
}

.uk-subnav.uk-subnav-pill {
	margin: 0;
}

.uk-subnav-pill > * > :first-child {
	padding: 5px 10px;
	background: 0 0;
	color: #61449c;
}
.uk-card-default {
	color: #55529c;
}

html {
	color: #4f538d;
}


.header{
	padding: 15px 0;
}

.pattern {
	background-image: url(../img/pattern.png) !important;
}

.mttle {
	font-weight: bold;
	background-image: linear-gradient( 68.6deg, rgba(57,67,248,1) 38.1%, rgba(192,0,255,1) 93.1% );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #1AAB7E;
}

p {
	font-size: 14px;
}

body{
	background: linear-gradient(-45deg, #3943f8, #c000ff, #009cff, #3943f8);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

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

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

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.uk-button-primary {
	background-image: linear-gradient( 135deg, #ABDCFF 10%, #0396FF 100%);
	color: #fff;
}

.brr {
	border-radius: 50px;
}

.uk-icon-button {
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
}

.no-link {
	text-decoration: none;
}

.no-link:hover {
	text-decoration: none;
}

.moblogo  {
	width: 150px;
	padding: 0px 0px 0 15px;
}

.uk-navbar-toggle {
	color: #fff;
}

.uk-offcanvas-bar {
	background-image: linear-gradient( 128.6deg,  rgba(57,67,248,1) 38.1%, rgba(192,0,255,1) 93.1% );
}

.uk-offcanvas-bar .uk-nav-default > li > a {
    color: rgba(255,255,255,.7);
}

.call-center {
	position: fixed;
	right: 15px;
	bottom: 15px;
}

.call-center a {
	width: 40px;
	display: block;
	background: #fff;
	padding: 10px;
	border-radius: 35px;
}

.mob-menu {
	background-image: linear-gradient( 68.6deg, rgba(57,67,248,1) 38.1%, rgba(192,0,255,1) 93.1% );
}

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
	min-height: 70px;
	padding: 0 15px;
}

.supermain-block {
	background-color: #333;
}

.mprice {
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: #811ffc;
	display: inline-block;
	padding: 0px 20px 0 20px;
	border-radius: 50px;
}

.uk-overlay-primary {
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 40%);
	border-radius: 0px 0 15px 15px;
}

.brrr {
	border-radius: 15px;
}
.hero,
.banner,
.main-banner{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}

.hero img,
.banner img,
.main-banner img{
margin:auto;
display:block;
}