@charset "utf-8";
/* CSS Document */

/***
font-family: 'Poppins', sans-serif;
**/



body {
	
	font-family: 'Aeonik Pro';
	color: #000;
	font-size: 14px;
	font-weight: 400;
    background-size: cover;
    background-attachment: fixed;
}

a {
	
	cursor:pointer !important;
	text-decoration:none !important;
}


/**********star************/

#starfield {
	
    display: inline-block;
    vertical-align: baseline;
    position: absolute;
    overflow: hidden;
    width: 100%;
    min-height:800px;
}





/***************************banner-bg****************************/

.banner-bg{
	background:url(../images/banner-bg.jpg) no-repeat top center;
	background-size:cover;
	padding: 0px 0px 50px 0px;
	min-height: 800px;
	}

/****header***/

header .navbar {
    background: transparent !IMPORTANT;
}

header .navbar .navbar-brand {
}

.navbar-light .navbar-toggler{
	color: #a151ff !important;
    border-color: #fff !important;
	}
 

header .navbar .navbar-collapse {
	flex-grow: unset;
	text-align: center;
    padding: 20px 0px;
	}

header .navbar .navbar-collapse .navbar-nav .nav-item {
	padding: 20px 0px 10px 24px;
    display: inline-block;
	}

header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
	font-family: 'Aeonik Pro';
	font-size:16px;
	color:#fff;
	font-weight:500;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover{
	color: #b158f1;
    transition: .7s;
	}	

header .navbar .navbar-collapse .navbar-nav .nav-item .banbut-1 {
     font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    padding: 10px 30px;
    background: linear-gradient(136deg, #bd5dff, #5934ff);
    border-radius: 6px;
    border: 1px solid transparent;
    margin: -10px 0px 0px 0px;
    transition: .7s;
	}
	
header .navbar .navbar-collapse .navbar-nav .nav-item .banbut-1:hover {
    background: #fff;
    transition: .7s;
    box-shadow: inset 118px 0px 0px #5934ff;
    color: #fff;
	}	
	
/**************/

.banner-bg .banner{
	padding: 100px 0px 0px 0px;
	} 	
	
.banner-bg .banner .ban-left{
	padding: 0px 0px 0px 0px;
	} 	

.banner-bg .banner .ban-left h1{
	font-family: 'Aeonik Pro';
	font-size:16px;
	color:#7e3d42;
	font-weight:500;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	} 	

.banner-bg .banner .ban-left h2{
    font-family: 'Aeonik Pro';
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 30px;
	}

.banner-bg .banner .ban-left h2 span{
    font-size: 19px;
    font-weight: 500;
    line-height: 28px; 
}	
	
.banner-bg .banner .ban-left p{
    font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 28px;
	} 	
	
.banner-bg .banner .ban-left .but{
	padding: 50px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    z-index: 11;
    position: relative;
	}	
	
.banner-bg .banner .ban-left .but a{
    font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    padding: 12px 30px;
    background: linear-gradient(136deg, #bd5dff, #5934ff);
    border-radius: 6px;
    border: 1px solid transparent;
    margin: 0px 0px 0px 0px;
	transition: .7s;
	}
	
.banner-bg .banner .ban-left .but a:hover{
    background: #fff;
    transition: .7s;
    box-shadow: inset 118px 0px 0px #5934ff;
    color: #fff;
	}		
	
	
/***************************intro-bg****************************/	

.intro-bg{
	background: #fff no-repeat top center;
	background-size:cover;
	padding: 0px 0px 0px 0px; 
	}
	
.intro-bg .intro-ani{
	background:url(../images/intro-ani.png) no-repeat top center;
	background-size:cover;
	animation: shrink 5s infinite alternate;
	}	

@keyframes shrink{ 

0% {
    background-size: 100% 100%;
}
100% {
    background-size: 110% 110%;
}

}
	
.intro-bg .intro{
	padding: 80px 0px 30px 0px; 
	}
	
.intro-bg .intro .intro-left{
	padding: 0px 0px 0px 0px; 
	}		
	
.intro-bg .intro .intro-left h1{
    font-family: 'Aeonik Pro';
    font-size: 50px;
    color: #fff;
    font-weight: 800;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: linear-gradient(88deg,#5934ff , #bb5cff 34%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
	}	
	
.intro-bg .intro .intro-left h2{
	font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #090e2a;
    font-weight: 400;
    padding: 20px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
	}	
	
.intro-bg .intro .intro-left h3{
	font-family: 'Aeonik Pro';
    font-size: 18px;
    color: #090e2a;
    font-weight: 600;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
	}	

.intro-bg .intro .intro-left p{
	font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #090e2a;
    font-weight: 500;
    padding: 0px 0px 30px 0px;
    margin: 0px 0px 0px 0px;
	line-height: 28px;
	}
	
.intro-bg .intro .intro-right{ 

}		

.intro-bg .intro .intro-right video{
     max-width: 550px;
    width: 100%;
    min-height: 300px;
    margin: 40px auto 0px;
    border-radius: 10px;
	}

	

/************************feature-bg*************************/	

.feature-bg{
	background: url(../images/feature-bg.jpg) no-repeat top center;
	background-size:cover;
	min-height: 1740px;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	}

.feature-bg .feature-head {
	padding: 100px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	}
	
.feature-bg .feature-head h1{
	font-family: 'Aeonik Pro';
    font-size: 50px;
    color: #fff;
    font-weight: 800;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
	}

.feature-bg .feature-head h2{
    font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 24px;
	}

.feature-bg .feature {
	padding: 80px 0px 0px 0px;
	}

.feature-bg .feature .fea1{
    border: 1px solid transparent;
    padding: 30px 30px;
    text-align: center;
    width: 350px;
    min-height: 336px;
    background: #0a112b;
    border-radius: 6px;
    overflow: hidden;
    margin: 20px auto;
	}

.feature-bg .feature .fea1:hover span , .feature-bg .feature .fea1 span:hover{
	position: relative;
    animation-name: example;
    animation-duration: 4s;
	}
	 

@keyframes example { 
0% {
    right: 0px;
    top: 0px;
}

25% {
    right: 200px;
    top: 0px;
}
50% {
    
    right: 200px;
    top: 200px;
}
75% {
    right: 0px;
    top: 200px;
}
100% {
    right: 0px;
    top: 0px;
}

}

.feature-bg .feature .fea1 img{
	padding: 0px 0px 0px 0px;
	}
	
.feature-bg .feature .fea1 span{
    box-shadow: -50px -40px 90px 68px #00acfe7a;
    transition: 1s;
	}

.feature-bg .feature .fea2 span{
    box-shadow: -50px -20px 130px 66px #b058fe82;
    transition: 1s;
	}
	
.feature-bg .feature .fea3 span{
    box-shadow: -50px -20px 130px 66px #6cd1316e;
    transition: 1s;
	}

.feature-bg .feature .fea4 span{
	box-shadow: -50px -20px 130px 66px #feb1017a;
    transition: 1s;
	}
	
.feature-bg .feature .fea5 span{
	box-shadow: -50px -20px 130px 66px #fc4d7d73;
    transition: 1s;
	}		

.feature-bg .feature .fea6 span{
	box-shadow: -50px -20px 130px 66px #00acfe63;
    transition: 1s;
	}		
			

.feature-bg .feature .fea1 h1{
    font-family: 'Aeonik Pro';
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    padding: 20px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
	}

.feature-bg .feature .fea1 h2{
    font-family: 'Aeonik Pro';
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 26px;
	}

.feature-bg .secure {
	padding: 100px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

.feature-bg .secure .sec-left{
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

.feature-bg .secure .sec-left h1{
    font-family: 'Aeonik Pro';
    font-size: 14px;
    color: #7e3d42;
    font-weight: 500;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
	}

.feature-bg .secure .sec-left h2{
	font-family: 'Aeonik Pro';
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    padding: 10px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
	}

.feature-bg .secure .sec-left h3{
    font-family: 'Aeonik Pro';
    font-size: 50px;
    color: #fff;
    font-weight: 800;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    background: linear-gradient(115deg,#5934ff 20% , #bb5cff 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
	}

.feature-bg .secure .sec-left p{
	font-family: 'Aeonik Pro';
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
	}

.feature-bg .secure .sec-left h4{
	font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    padding: 18px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

.feature-bg .secure .sec-left h4 img{
    padding: 0px 6px 0px 0px;
    margin: -6px 0px 0px 0px;
    animation: heartbeat 1.5s ease-in-out infinite both;
	}

@keyframes heartbeat {	
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
}

.feature-bg .secure .sec-left .but{
	padding: 50px 0px 0px 0px;
	}

.feature-bg .secure .sec-left .but a{
    font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    padding: 10px 40px;
    background: linear-gradient(136deg, #bd5dff, #5934ff);
    border-radius: 6px;
    border: 1px solid transparent;
    margin: 0px 0px 0px 0px;
	transition: .7s;
	}

.feature-bg .secure .sec-left .but a:hover{
	background: #fff;
    transition: .7s;
    box-shadow: inset 156px 0px 0px #5934ff;
    color: #fff;
	}
	
	
.feature-bg .secure .sec-right{
	padding: 0px 0px 0px 0px;
	position:relative;
	} 
	
.feature-bg .secure .sec-right .sec-rht{
	padding: 80px 0px 0px 0px;
    position: absolute;
	}
	
.feature-bg .secure .sec-right .sec1{
	padding: 0px 0px 0px 0px;
    position: absolute;
    top: 144px;
    left: 98px;
	}
	
.feature-bg .secure .sec-right .sec11{
	padding: 0px 0px 0px 0px;
    position: absolute;
    right: 200px;
	}

.feature-bg .secure .sec-right .sec2{
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: 442px;
    right: 230px;
    width: 50px;
	}

.feature-bg .secure .sec-right .sec22{
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: 400px;
    right: 154px;
    width: 65px;
	}


/************************plan-bg*************************/

.plan-bg{
	background: url(../images/plan-bg.jpg) no-repeat top center;
	background-size:cover;
	padding: 30px 0px 30px 0px;
	background-attachment:fixed;
	}
	
.plan-bg .plan{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.plan-bg .pln-head{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	}

.plan-bg .pln-head h1{
	font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #090e2a;
    font-weight: 500;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

.plan-bg .pln-head h2{
    font-family: 'Aeonik Pro';
    font-size: 50px;
    color: #fff;
    font-weight: 800;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    background: linear-gradient(116deg,#5934ff , #bb5cff 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
	}
	
.plan-bg .pln-head h3{
    font-family: 'Aeonik Pro';
    font-size: 15px;
    color: #090e2a;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 24px;
	}

.plan-bg .plan .plan-con{
	padding: 30px 0px 0px 0px;
	}		

.plan-bg .plan .pln-box{
    background: url(../images/plan-box.png) no-repeat top center;
    background-size: cover;
    min-height: 640px;
    padding: 50px 20px 0px 20px;
    width: 290px;
    margin: 20px auto;
	}

.plan-bg .plan .pln-box:hover{
    transform: rotateY(360deg);
	transition:2s;
	}
	
.plan-bg .plan .claci-box:hover{
    transform: unset; 
}	

.plan-bg .plan .pln-box .pln-top{
	padding: 0px 0px 0px 0px;
	}

.plan-bg .plan .pln-box .pln-top h1{
    font-family: 'Aeonik Pro';
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 18px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

.plan-bg .plan .pln-box .pln-cen{
    padding: 50px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
	}

.plan-bg .plan .pln-box .pln-cen h1{
    font-family: 'Aeonik Pro';
    font-size: 46px;
    color: #fff;
    font-weight: 800;
    padding: 0px 0px 6px 0px;
    margin: 0px 0px 0px 0px;
    text-shadow: -3px 1px #000;
	}

.plan-bg .plan .pln-box .pln-cen h2{
    font-family: 'Aeonik Pro';
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-transform:uppercase;
	}

.plan-bg .plan .pln-box .pln-cen h2{
    font-family: 'Aeonik Pro';
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-transform:uppercase;
	}

.plan-bg .plan .pln-box .pln-cen p{
    font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

.plan-bg .plan .pln-box .pln-cen .but{
	padding: 30px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.plan-bg .plan .pln-box .pln-cen .but a{
    font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    background: #141f56;
    padding: 10px 30px;
    margin: 0px 0px 0px 0px;
    border-radius: 6px;
	transition: .7s;
	}


.plan-bg .plan .pln-box .pln-cen .but a:hover{
	background: #5934ff;
    transition: .7s;
    color: #fff;
	}	

.plan-bg .plan .pln-box .calci{
	padding: 50px 14px 0px 14px;
	}

.plan-bg .plan .pln-box .calci ul{
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.plan-bg .plan .pln-box .calci ul li{
    padding: 30px 0px 0px 0px;
   }

.plan-bg .plan .pln-box .calci ul li .calci1{
	padding: 0px 0px 0px 0px;
	}

.plan-bg .plan .pln-box .calci ul li .calci1 h1{
	font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

.plan-bg .plan .pln-box .calci ul li .calci1 input{
    font-family: 'Aeonik Pro';
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    margin: 8px 0px 0px 0px;
    padding: 6px 10px;
    border: 1px solid transparent;
    background: #141f56;
    width: 100%;
    border-radius: 6px;
    }

.plan-bg .plan .pln-box .calci ul li .calci1 select{
	font-family: 'Aeonik Pro';
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    margin: 8px 0px 0px 0px;
    padding: 6px 10px;
    border: 1px solid transparent;
    background: #141f56;
    width: 100%;
    border-radius: 6px;
	text-transform:lowercase;
	}

.plan-bg .plan .pln-box .calci ul li .calci1 h2{
	font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:center;
	}

.plan-bg .plan .pln-box .calci .but{
	padding: 50px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	}

.plan-bg .plan .pln-box .calci .but a{
	font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    background: #141f56;
    padding: 10px 30px;
    margin: 0px 0px 0px 0px;
    border-radius: 6px;
	transition: .7s;
	}

.plan-bg .plan .pln-box .calci .but a:hover{
	background: #5934ff;
    transition: .7s;	}

/************************affiliate-bg**************************/

.affiliate-bg{
	background:url(../images/affiliate-bg.jpg) no-repeat top center;
	background-size:cover;
	padding: 50px 0px 50px 0px;
	}

.affiliate-bg .affi-ani{
    background: url(../images/affi-ani.png);
    animation: shrink 5s infinite alternate;
	}	

.affiliate-bg .affiliate{
	padding: 0px 0px 0px 0px;
	}

.affiliate-bg .affiliate .affi-head{
	padding: 50px 0px 0px 0px;
	text-align:center;
	}

.affiliate-bg .affiliate .affi-head h1{
	font-family: 'Aeonik Pro';
    font-size: 50px;
    color: #fff;
    font-weight: 800;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    background: linear-gradient(115deg,#5934ff 20% , #bb5cff 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
	}

.affiliate-bg .affiliate .affi-head h2{
    font-family: 'Aeonik Pro';
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 24px;
	}

.affiliate-bg .affiliate .affi-lst{
	padding: 40px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

.affiliate-bg .affiliate .affi-lst ul{
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	}

.affiliate-bg .affiliate .affi-lst ul li{
	display:inline-block;
	padding: 20px 16px;
	}
	
.affiliate-bg .affiliate .affi-lst ul li .lst1{
    padding: 40px 20px;
    width: 132px;
    background: #fff;
    border-radius: 6px;
	transition: 1s;
	}
	
.affiliate-bg .affiliate .affi-lst ul li .lst1:hover{
	background: linear-gradient(136deg, #bd5dff, #5934ff);
    transition: 1s;
	}

.affiliate-bg .affiliate .affi-lst ul li .lst1:hover h1 , .affiliate-bg .affiliate .affi-lst ul li .lst1 h1:hover{
	color:#fff;
	}			

.affiliate-bg .affiliate .affi-lst ul li .lst1 h1{
	font-family: 'Aeonik Pro';
    font-size: 16px;
    color: #090f2c;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

.affiliate-bg .affiliate .affi-lst ul li .lst1 h1 span{
    font-size: 20px;
    font-weight: 900;
	}


/*************************road-bg************************/

.road-bg{
	background: url(../images/road-bg.jpg) no-repeat top center;
	background-size:cover;
	padding: 50px 0px 50px 0px;
	}

.road-bg .road{
	padding: 0px 0px 0px 0px;
	}
	
.road-bg .road .road-left {
	padding: 50px 0px 0px 0px;
	position:relative;
	}
	
.road-bg .road .road-left .road-img{
	padding: 0px 0px 0px 0px;
	}		

.road-bg .road .road-left .coin{
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: 35%;
    left: 16%;
    width: 30%;
    animation: rotating 20s linear infinite;
	}
	
@keyframes rotating {
	 	
0% {
    -webkit-transform: rotate(0deg);
}

100% {
    -webkit-transform: rotate(360deg);
}
}


.road-bg .road h1{
	font-family: 'Aeonik Pro';
    font-size: 50px;
    color: #fff;
    font-weight: 800;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
	text-align: center;
	}

.road-bg .road .road-right{
	padding: 0px 0px 0px 0px;
	}

.road-bg .road .road-right .road-lne{
    padding: 32px 0px 0px 0px;
    height: 480px;
    width: 12px;
	}

.road-bg .road .road-right .road-lst{
	padding: 0px 0px 0px 0px;
	position:relative;
	}

.road-bg .road .road-right .road-lst ul{
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.road-bg .road .road-right .road-lst ul li{
	display:inline-block;
	padding: 14px 0px;
	}

.road-bg .road .road-right .road-lst ul li .lst1{
	padding: 0px 0px 0px 0px;
	}
.road-bg .road .road-right .road-lst ul li .lst1 .spinner-grow{
    padding: 0px 0px;
    color: #0f133f;
    display: inline-block;
    position: relative;
    left: -42px;
    top: 42px;
    border: 4px solid #fff;
    width: 1.2rem;
    height: 1.2rem;
	}
	
	
.road-bg .road .road-right .road-lst ul li .lst1 .lst-txt{
    width: 300px;
    height: auto;
    background: #0f133f;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 20px 10px 20px;
    }	

.road-bg .road .road-right .road-lst ul li .lst1 .lst-txt:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 10px;
    left: -24px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-right: 34px solid #0f133f;
    border-bottom: 10px solid transparent;
    transform: rotate(-26deg);
	}
	
.road-bg .road .road-right .road-lst ul li .lst1 .lst-txt p{
    font-family: 'Aeonik Pro';
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

/**************************payment-bg***************************/

.payment-bg{
	background: #090e2a no-repeat top center;
	background-size:cover;
	padding: 30px 0px 30px 0px;
	}

.payment-bg .pay{
	 padding: 0px 0px 0px 0px;
	}

.payment-bg .pay ul{
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	}

.payment-bg .pay ul li{
    display: inline-block;
    padding: 20px 20px;
    vertical-align: middle;
	}

.payment-bg .pay ul li img{
	padding: 0px 0px 0px 0px;
    width: 120px;
	transition: .7s;
	}

.payment-bg .pay ul li img:hover{
	transform: rotate(360deg);
    transition: .7s;
	}	

/**********************footer-bg**************************/

.footer-bg{
	background: url(../images/footer-bg.jpg) no-repeat top center;
	background-size:cover;
	padding: 50px 0px 30px 0px;
	}

.footer-bg .foot-left{
	padding: 30px 0px 0px 0px;
	}

.footer-bg .foot-left .foot-logo{
	padding: 0px 0px 0px 0px;
	}

.footer-bg .foot-left .soc{
	padding: 50px 0px 0px 0px;
	}
	

.footer-bg .foot-left .soc h1{
    
}

.footer-bg .foot-left .soc h1 i{
    
}

.footer-bg .foot-left .soc h1 a{
    
}

.footer-bg .foot-left .soc h1 a:hover{
    
}



.footer-bg .foot-left .soc ul{
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.footer-bg .foot-left .soc ul li{
	display:inline-block;
	padding: 0px 10px 0px 0px;
	}

.footer-bg .foot-left .soc ul li h1{
	font-family: 'Aeonik Pro';
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

.footer-bg .foot-left .soc ul li a i{
	font-size: 18px;
    color: #090e2a;
    background: #507ec7;
    padding: 10px 8px;
    width: 36px;
    height: 37px;
    border-radius: 26px;
    text-align: center;
	transition: .7s;
	}
	
.footer-bg .foot-left .soc ul li a i:hover{
	transform: rotate(360deg);
    box-shadow: 0px 0px 6px #ac56f1;
    transition: .7s;
    background: transparent;
    color: #fff;
	}	

.footer-bg .foot-right{
	padding: 40px 0px 0px 0px;
	}

.footer-bg .foot-right ul{
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.footer-bg .foot-right ul li{
    display: inline-block;
    padding: 4px 10px;
    width: 178px;
	 }

.footer-bg .foot-right ul li a{
	font-family: 'Aeonik Pro';
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	transition: .7s;
	}

.footer-bg .foot-right ul li a:hover{
	color: #b158f1;
    transition: .7s;
	}	


.footer-bg .cpy{
	padding: 50px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
	}

.footer-bg .cpy h1{
	font-family: 'Aeonik Pro';
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:center;
	}




/*******************************************************/

@media only screen and (min-width: 1500px){
    
    .banner-bg {
    min-height: 1124px;
    }
    .banner-bg .banner .ban-left {
    padding: 100px 0px 0px 0px;
    }
    .feature-bg {
    min-height: 2558px;
    padding: 200px 0px 0px 0px;    
    }
    .feature-bg .feature .fea1 {
    margin: 50px auto;
   }
   .feature-bg .secure {
    padding: 300px 0px 0px 0px;}
}


@media only screen and (max-width: 1200px){
	.feature-bg .feature .fea1{
    padding: 20px 20px;
    width: 270px;
    min-height: 318px;
	}
	
   .road-bg .road .road-left .coin {
    top: 156px;
    left: 90px;
    width: 144px;}
	
	.payment-bg .pay ul li {
    padding: 20px 10px;}
	
	
	}
	



@media only screen and (max-width: 1199px){
	header .navbar .navbar-collapse .navbar-nav .nav-item {
    padding: 20px 0px 10px 10px;}
	}

@media only screen and (max-width: 991px){
	header .navbar .navbar-collapse .navbar-nav .nav-item .banbut-1 {
	  display:inline;	
	}
	.banner-bg { 
        background-size: 100% 100%;
        padding: 0px 0px 100px 0px;
        min-height: unset;
        text-align: center;
    }
	.banner-bg .banner .ban-left {
    text-align: center;
    }
	.intro-bg .intro {
        padding: 0px;
        text-align: center;
}
	.intro-bg .intro .intro-left {
    padding: 0px 0px 0px 0px;
    text-align: center;
    } 
	
	.feature-bg .feature-head {
    padding: 150px 0px 0px 0px;}
	
	.feature-bg {
      min-height: unset;
    overflow: unset;
    background-size: 100% 104%;
    padding: 0px 0px 30px;
	}
	
	.feature-bg .secure .sec-left {
    text-align: center;
    }
	
	.plan-bg .pln-head h2 {
    font-size: 30px;}
    
	.road-bg .road .road-left {
    display: none;
    }
	
	.road-bg .road .road-right .road-lst ul li {
    display: block;}
	
	.road-bg .road .road-right .road-lne {
    display: none;
    }
	.road-bg .road .road-right .road-lst ul li .lst1 .lst-txt {
    margin: auto;
    }
	.road-bg .road .road-right .road-lst ul li .lst1 .spinner-grow {
    display: none;
    }
	.payment-bg .pay ul li img {
    width: 70px;}
	
	.footer-bg {
    text-align: center;}
	
	.feature-bg .secure .sec-right {
    display: none;}
	
	}



@media only screen and (max-width: 767px){
	
	.banner-bg .banner .row{
	display: contents !important;
	}
	.banner-bg .banner .ban-left h2 {
    font-size: 30px;
    line-height: 42px;
    }
	
	.feature-bg .feature-head h1 {
    font-size: 30px;}
	
	.feature-bg .feature {
    padding: 30px 0px 0px 0px;
    }
	.feature-bg .secure {
    padding: 50px 0px 0px 0px;}
	
	.feature-bg .secure .sec-left h2 {
    font-size: 20px;}
	.feature-bg .secure .sec-left h3{
    font-size: 30px;}
    .road-bg .road h1 {
    font-size: 30px;}
	.payment-bg .pay ul li {
    padding: 10px 10px;}
	
	}



@media only screen and (max-width: 560px){
	.banner-bg .banner .ban-left h2 {
    font-size: 20px;
    line-height: 42px;
    }
	.intro-bg .intro .intro-right video { 
        margin: 0px auto 0px; 
    }
	.affiliate-bg .affiliate .affi-head h1 {
    font-size: 30px;}
	
	
	}