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


/*
font-family: 'Merienda', cursive;
font-family: 'Montserrat', sans-serif;
*/

body {
	
	font-family: 'Montserrat', sans-serif;
	color: #fff !important;
	font-size: 14px;
	font-weight: 400;
	background: #000 !important;
    background-size: cover;
}

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


/**********************heartbeat***********************/
.heartbeat {
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
    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;
}
}

/************************floater************************/

.floater{
	animation-name: floater;
    animation-duration: 8s;
    animation-iteration-count: infinite;
	}

@keyframes floater{
	 	
0% {
    transform: translate3d(0px, 0px, 0px);
}
50% {
    transform: translate3d(0px, -20px, 0px);
}
100% {
    transform: translate3d(0px, 0px, 0px);
}	
		
}

/*******************rotating***********************/

.rotating {
    -webkit-animation: rotating 20s linear infinite;
    animation: rotating 20s linear infinite;
}

@keyframes rotating{ 

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

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

/**************************Shutter In Horizontal**************************/

  /* Shutter In Horizontal */
  .hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #ffbe00 !important;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .hvr-shutter-in-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e60606;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	border-radius:4px;
  }
  .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
    color: #000 !important;
  }
  .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }


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

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

/****header***/

header .navbar {
    background: transparent !IMPORTANT;
}

header .navbar .navbar-brand {
}

.navbar-light .navbar-toggler {
    color: rgb(230 6 6) !important;
    border-color: rgb(255 190 0) !important;
} 

header .navbar .navbar-collapse {
	flex-grow: unset;
	}

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

header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	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: #ff6854;
	transition:.7s;
	}	

header .navbar .navbar-collapse .navbar-nav .nav-item .banbut-1 {
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    background: #e60606;
    border: 2px solid transparent;
    padding: 8px 28px;
    margin: -6px 0px 0px 0px;
    border-radius: 6px;
	}
	
header .navbar .navbar-collapse .navbar-nav .nav-item .banbut-1:hover {
	color: #fff;
    background: #000;
    transition: .7s;
    border: 2px solid #ffbe00;
	}	

header .navbar .navbar-collapse .navbar-nav .nav-item .banbut-2 {
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    background: #000;
    border: 2px solid #ffbe00;
    padding: 8px 28px;
    margin: -6px 0px 0px 0px;
    border-radius: 6px;
	}

header .navbar .navbar-collapse .navbar-nav .nav-item .banbut-2:hover {
	color: #fff;
    background: #e60606;
    transition: .7s;
    border: 2px solid transparent;
	}


 
header .navbar .navbar-collapse .navbar-nav .dropdown:hover .dropdown-content {
display: block;
    position: absolute;
    z-index: 111;
    padding: 20px 20px;
    list-style: none;
    width: 220px;
    margin: 2px auto 0px;
    border-radius: 8px;
    border: 1px solid #ff9909;
    text-align: left;
    background: url(../images/signup-bg.png) no-repeat top center;
    background-size: 150% 150%;
    left: 0;
    right: 0;

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

header .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-content {
    display: none;
}
header .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-content a{
    display: block;
    color: #fff;
    padding: 0px 0px 9px;
    font-weight: 400;
    position: relative;
}
header .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-content
    a::before{
content: ">";
    position: absolute;
    left: -13px;
    color: #febe10;
    font-weight: bold;
}
header .navbar .navbar-collapse .navbar-nav .dropdown .dropdown-content a:hover{
    color:#ff9909;
}

/*********************ban-start*************************/

.banner-bg .banner{
	padding: 50px 0px 0px 0px;
	}
	
.banner-bg .banner .ban-lft {
	padding: 0px 0px 0px 0px;
	position:relative;
	}	

.banner-bg .banner .ban-lft h1{
	font-family: 'Merienda', cursive;
    font-size: 50px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 60px;
	}	

.banner-bg .banner .ban-lft h1 span{
	color: #e60606;
	}

.banner-bg .banner .ban-lft h1:before{
	content: "";
    background: url(../images/befr-lne.png) no-repeat;
    height: 44px;
    width: 44px;
    position: absolute;
    top: -6px;
    left: -14px;
    animation-name: ban-lne;
    animation-duration: 8s;
    animation-iteration-count: infinite;
	}	

@keyframes ban-lne { 
	0% {
		top: -6px;
        left: -14px;
		transition: 1s;
	}
	
	25% {
		top: 46px;
        left: -14px;
		transform: rotateX(180deg);
		transition: 1s;
	}
	50% {
		top: 54px;
        left: 180px;
		transform: rotateX(180deg);
		transition: 1s;
		height: 5px;
	}
	75% {
		top: 54px;
        left: 200px;
		transform: rotateX(180deg);
		transition: 1s;
		height: 5px;
	}
	100% {
		top: -6px;
        left: -14px;
		transition: 1s;
	}
}

.banner-bg .banner .ban-lft p{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 30px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 22px;
	}

.banner-bg .banner .ban-lft .but{
	padding: 30px 0px 0px 0px;
	position: relative;
	}

.banner-bg .banner .ban-lft .but a{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    background: #e60606;
    border: 2px solid transparent;
    padding: 8px 60px 8px 10px;
    margin: 0px 0px 0px 0px;
    border-radius: 6px;
    border: 1px solid #e60606;
	}

.banner-bg .banner .ban-lft .but a:hover i , .banner-bg .banner .ban-lft .but a i:hover{
	padding: 0px 0px 0px 20px;
	transition:.7s;
	}

.banner-bg .banner .ban-lft .but a i{
	padding: 0px 0px 0px 10px;
    font-size: 30px;
    position: absolute;
    top: -4px;
	transition:.7s;
	}
	

.banner-bg .banner .ban-rht{
	padding: 0px 0px 0px 0px;
    position: relative;
    text-align: center;
	}

.banner-bg .banner .ban-rht .ban-rht-img{
	padding: 0px 0px 0px 0px;
	text-align:center;
	}

.banner-bg .banner .ban-rht .ban-rht-img .ban-monkey{
	width: 380px;
	padding: 0px 0px 0px 0px;
	}

.banner-bg .banner .ban-rht .ban-rht-img .eye1{	
    position: absolute;
    top: 95px;
    right: 224px;
    animation: eye1 10s linear infinite;
   }
  
.banner-bg .banner .ban-rht .ban-rht-img .eye2{	
    position: absolute;
    top: 95px;
    right: 173px;
    animation: eye2 10s linear infinite;
   }   
  
  
@keyframes eye1{ 

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

50% {
   transform: rotate(180deg) scale(0.7);
}

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

@keyframes eye2{ 

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

50% {
   transform: rotate(-180deg) scale(0.7);
}

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

.banner-bg .banner:hover , .ban-rht .chain:hover{
	
	}

.banner-bg .banner .ban-rht .ban-rht-img .chain{	
    position: absolute;
    top: 375px;
    right: 203px;
    width: 30px;
    filter: opacity(0.8);
    animation: chain 2s linear infinite;
   }   	
  
@keyframes chain{
	0% {
    transform: translateY(0) translateX(2px) rotate(10deg);
	}
	50% {
		transform: translateY(0) translateX(-2px ) rotate(20deg);
	}
	100% {
		transform: translateY(0) translateX(2px) rotate(10deg);
	}
	}   

.banner-bg .banner .ban-rht ul{
	list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
	}

.banner-bg .banner .ban-rht ul li{
	display: inline-block;
    padding: 10px 10px;
    width: 200px;
	}

.banner-bg .banner .ban-rht ul .sta1{
	position: absolute;
    top: 30px;
    left: -20px;
	}

.banner-bg .banner .ban-rht ul .sta2{
	position: absolute;
    top: -20px;
    right: 0px;
	}	

.banner-bg .banner .ban-rht ul .sta3{
    position: absolute;
    top: 200px;
    left: -20px;
	}	

.banner-bg .banner .ban-rht ul .sta4{
	position: absolute;
    top: 240px;
    right: 0px;
	}	
		

.banner-bg .banner .ban-rht ul li img{
	padding: 0px 0px 0px 0px;
    background: #ffbe00;
    border-radius: 50px;
    float: left;
    margin: 3px 6px 0px 0px;
    width: 44px;
	}	

.banner-bg .banner .ban-rht ul li .sta-con{
	padding: 8px 0px;
    background: #e60606;
    border-radius: 8px;
    margin: 0px 0px 0px 20px;
	}

.banner-bg .banner .ban-rht ul li .sta-con h1{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}	

.banner-bg .banner .ban-rht ul li .sta-con h2{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 2px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}	

.banner-bg .live{
	padding: 23px 30px;
    margin: 0px 0px 0px 0px;
    background: #e60606;
    border-radius: 10px;
    max-height: 111px;
    width: 100%;
	}

.banner-bg .live .live_detail {
    padding: 0px;
    margin: 0px;
}	

.ban-lft .str1{
	position: absolute;
    bottom: 0px;
    right: 100px;
	animation: str1 10s linear infinite;
	}

.ban-rht .str2{	
    position: absolute;
    top: 150px;
    right: 0px;
	animation: str1 10s linear infinite;
    }

@keyframes str1{
	0% {
    -webkit-transform: rotate(0deg);
	}
	50% {
		transform: rotate(180deg) scale(0.1);
	}
	
	100% {
		-webkit-transform: rotate(360deg);
	}
	} 	

/******live part start******/

.coinPriceBlock-footer{
	display: none;
}
.coinPriceBlock-container {
	
	overflow-y: hidden;
	display: inline-block;
	padding: 0px !important;
	box-sizing: border-box;
	min-height: unset !important;
}
.coinPriceBlock-container {
	overflow-x: scroll;
	/* overflow-y: hidden; */
	/* white-space: nowrap; */
	/* padding: 10px 10px; */
	/* box-sizing: border-box; */
	/* min-height: 174px; */
	width: 100%;
	margin: auto;
	text-align: center;
}
.coinPriceBlock-wrapper--transparent .coinPriceBlock {
	display: inline-block;
	background: transparent !important;
	border: none;
	box-shadow: none !important;
	margin: 0px 0px 0px;
	padding: 0px;
	color: #fff;
}
.live_detail .coinPriceBlock-wrapper--transparent .coinPriceBlock {
	background: transparent !important;
	box-shadow: unset !important;
	width: 177px;
	padding: 0px 0px 0px 0px;
}
.coinPriceBlock__title {
	color: #bf9d31;
}
.coinPriceBlock__title a {
    font-family: 'Montserrat';
    font-size: 16px !important;
    font-weight: 400;
    color: #fff !important;
    padding: 0px;
    margin: 0px;
}
.coinPriceBlock__price {
	color: #ffffff;
	padding: 5px 0px;
}
.live_detail .coinPriceBlock__changes--up {
	color: #fff !important;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	background: none;
	text-align: center;
	display:none;
}
.live_detail .coinPriceBlock__price {
	font-weight: 700 !important;
    font-family: 'Montserrat';
    font-size: 22px;
    line-height: 1;
    color: #fff;
    padding: 2px 0px 0px 0px;
    margin: 0px;
}
.live_detail .coinPriceBlock__changes--down{
   background: none !important;
   color: #06ff00 !important;
   display:none;
}
.about_bg .banner .live_detail {
	overflow-x: scroll;
}

.coinPriceBlock-container::-webkit-scrollbar {
	display: none;
}
.coinPriceBlock-container::-webkit-scrollbar {
	display: none;
}
.live_detail .coinPriceBlock__changes--down{
   color:#fff;	
}

	/******live part end******/

.banner-bg .nav-down{
	position: absolute;
    bottom: 120px;
    left: 0px;
    width: fit-content;
	}

.banner-bg .nav-down i{
	font-size: 30px;
    color: #e60606;
    background: #ffbe00;
    padding: 4px 7px;
    border-radius: 6px;
	transition:.7s;
	}
	
.banner-bg .nav-down i:hover{
	color:#ffbe00;
    background:#e60606;
	transition:.7s;
	}	


/************************apc-bg*************************/

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

.apc-bg .about {
	padding: 0px 0px;
	}	
	
.apc-bg .about .abt-lft {
	padding: 0px 0px 0px 0px;
	position:relative;
	}

.apc-bg .about .abt-lft .abt-mnky {
	padding: 0px 0px 0px 0px;
    width: 380px;
	}	

.apc-bg .about .abt-lft .ringl1 {
	position: absolute;
    padding: 0px 0px 0px 0px;
    top: 128px;
    left: 94px;
    width: 26px;
	animation: ringl1 2s linear infinite;
	}

@keyframes ringl1{
	
	0% {
    transform: translateY(0) translateX(0px) rotate(0deg);
	}
	50% {
		transform: translateY(4px) translateX(3px) rotateY(40deg);
	}
	
	100% {
		transform: translateY(0) translateX(0px) rotate(0deg);
	}
	
	}
		

.apc-bg .about .abt-lft .ringl2{
	position: absolute;
    padding: 0px 0px 0px 0px;
    top: 150px;
    left: 109px;
    width: 26px;
	animation: ringl2 2s linear infinite;
	}

@keyframes ringl2{
	
	0% {
    transform: translateY(0) translateX(0px) rotate(0deg);
	}
	50% {
		transform: translateY(4px) translateX(3px) rotateY(40deg);
	}
	
	100% {
		transform: translateY(0) translateX(0px) rotate(0deg);
	}
	
	}	

.apc-bg .about .abt-lft .ringr{
	position: absolute;
    padding: 0px 0px 0px 0px;
    top: 98px;
    right: 223px;
    width: 30px;
	animation: ringr 2s linear infinite;
	}	

@keyframes ringr{
	0% {
    transform: translateY(0) translateX(0px) rotate(0deg);
	}
	
	50% {
	transform: translateY(4px) translateX(-4px) rotate(20deg);
	}
	
	100% {
	transform: translateY(0) translateX(0px) rotate(0deg);
	}
	}		

.apc-bg .about .abt-rht {
	padding: 0px 0px 0px 0px;
	position:relative;
	}
	
.apc-bg .about .abt-rht h1{
	font-weight: 700;
    font-family: 'Merienda';
    font-size: 90px;
    padding: 0px 0px 0px 0px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #333333;
	margin: 0px 0px -76px 70px;
	}

.apc-bg .about .abt-rht h2{
    font-family: 'Merienda', cursive;
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    padding: 0px 0px 24px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
}

.apc-bg .about .abt-rht h2 span{
	color: #e60606;
	}
	
.apc-bg .about .abt-rht h2:before{
	content: "";
    background: url(../images/befr-lne.png) no-repeat;
    height: 44px;
    width: 44px;
    position: absolute;
    top: -6px;
    left: -14px;
    animation-name: ban-lne;
    animation-duration: 8s;
    animation-iteration-count: infinite;
	}	

.apc-bg .about .abt-rht p{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 22px;
}

.apc-bg .about .abt-rht .abt-rocket{
	position: absolute;
    bottom: -60px;
    right: 0px;
    width: 100px;
	}

.apc-bg .about .abt-rht .but{
	padding: 20px 0px 0px 0px;
    position: relative;
	}	

.apc-bg .about .abt-rht .but a{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    background: #e60606;
    border: 2px solid #e60606;
    padding: 8px 60px 8px 10px;
    margin: 0px 0px 0px 0px;
    border-radius: 6px;
	}

.apc-bg .about .abt-rht .but a:hover i , .apc-bg .about .abt-rht .but a i:hover{
	padding: 0px 0px 0px 20px;
	transition:.7s;
	}	
	
.apc-bg .about .abt-rht .but a i{
	padding: 0px 0px 0px 10px;
    font-size: 30px;
    position: absolute;
    top: -4px;
	transition:.7s;
	}	
	
.apc-bg .about .abt-rht .but a:hover{
	border: 2px solid transparent;
	}
	
.apc-bg .about .abt-lft .abt-l1{
	position: absolute;
    width: 60px;
	}	

.apc-bg .about .abt-lft .abt-l2{
	position: absolute;
    right: 140px;
    transform: rotateY(180deg);
    width: 60px;
	}	


.apc-bg .plan{
	padding: 50px 0px 50px 0px;
	position:relative;
	}
		
.apc-bg .plan .pln-rckt{
	width: 70px;
    position: absolute;
    top: 400px;
    left: -70px;
	}
		
.apc-bg .plan .pln-head{
	padding: 0px 0px 0px 0px;
	text-align: center;
	}	
	
.apc-bg .plan .pln-head h1{	
    font-weight: 700;
    font-family: Merienda;
    font-size: 90px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(51, 51, 51);
    padding: 0px;
    margin: 0px 0px -76px 0px;
    }
	
.apc-bg .plan .pln-head h2{	
    font-family: Merienda, cursive;
    font-size: 40px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    position: relative;
    padding: 0px 0px 20px 0px;
    width: fit-content;
    margin: auto;
    }

.apc-bg .plan .pln-head h2:before{
	content: "";
    background: url(../images/befr-lne.png) no-repeat;
    height: 44px;
    width: 44px;
    position: absolute;
    top: -6px;
    left: -14px;
    animation-name: ban-lne;
    animation-duration: 8s;
    animation-iteration-count: infinite;
	}	

.apc-bg .plan .pln-head h2 span{	
    color: #e60606;
	}

.apc-bg .plan .pln-head p{	
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 20px;
	}
	
.apc-bg .plan ul{
	list-style:none;
	 padding: 40px 0px 0px 0px;
	 margin: 0px 0px 0px 0px;
	 text-align:center;
	}			

.apc-bg .plan ul li{
	display: inline-block;
    padding: 20px 36px;
    margin: 0px 0px 0px 0px;
	}
	
.apc-bg .plan ul li .pln-box{
	background: url(../images/pln-box.png) no-repeat top center;
    background-size: cover;
    width: 300px;
    padding: 0px 0px 40px 0px;
	transition:1s;
	}

.apc-bg .plan ul li .pln-box:hover{
	background: url(../images/pln-box-hvr.png) no-repeat top center;
    background-size: cover;
	transition:1s;
	}	

.apc-bg .plan ul li .pln-box .top{	
	padding: 38px 0px 0px 0px;
   }
	
.apc-bg .plan ul li .pln-box .top h1{
	font-family: 'Merienda', cursive;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-transform: capitalize;
	}
	
.apc-bg .plan ul li .pln-box .center{
	padding: 38px 23px;
    background: #101010;
    width: fit-content;
    margin: 70px auto 30px;
    border-radius: 100px;
	position: relative;
	}


.apc-bg .plan ul li .pln-box .center:after{
	content: "";
    background: url(../images/pln-rnd1.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -3px;
    left: -3px;
    width: 134px;
    min-height: 134px;
	animation: rotating 20s linear infinite;
	transition:.7s;
	}

.apc-bg .plan ul li .box2 .center:after{
	content: "";
    background: url(../images/pln-rnd2.png) no-repeat;
    background-size: contain;
	transition:.7s;
	transition:.7s;
	}

.apc-bg .plan ul li .box3 .center:after{
	content: "";
    background: url(../images/pln-rnd3.png) no-repeat;
    background-size: contain;
	transition:.7s;
	}			

.apc-bg .plan ul li .pln-box:hover .center:after , .apc-bg .plan ul li .pln-box .center:hover:after{
	content: "";
    background: url(../images/pln-rnd1-hvr.png) no-repeat;
    background-size: contain;
	transition:.7s;
	}

.apc-bg .plan ul li .box2:hover .center:after , .apc-bg .plan ul li .box2 .center:hover:after{
	content: "";
    background: url(../images/pln-rnd2-hvr.png) no-repeat;
    background-size: contain;
	transition:.7s;
	}

.apc-bg .plan ul li .box3:hover .center:after , .apc-bg .plan ul li .box3 .center:hover:after{
	content: "";
    background: url(../images/pln-rnd3-hvr.png) no-repeat;
    background-size: contain;
	transition:.7s;
	}	

.apc-bg .plan ul li .pln-box .center h1{
	font-family: 'Merienda', cursive;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}			
	
.apc-bg .plan ul li .pln-box .center h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-transform: capitalize;
	}

.apc-bg .plan ul li .pln-box p{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 16px 0px;
    margin: 0px 0px 0px 0px;
	}

.apc-bg .plan ul li .pln-box p span{
	font-weight: 600;
	}

.apc-bg .plan ul li .pln-box .but{
	padding: 20px 0px 0px 0px;
	}

.apc-bg .plan ul li .pln-box .but a{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    background: #e60606;
    border: 1px solid transparent;
    padding: 8px 30px;
    margin: 0px 0px 0px 0px;
    border-radius: 6px;
	transition:.7s;
	}

.apc-bg .plan ul li .pln-box:hover .but a , .apc-bg .plan ul li .pln-box .but a:hover{
	background: #ffbe00;
	transition:.7s;
	}	

.apc-bg .plan ul li .pln-box .but a:hover{
	
	}
	
	
.apc-bg .calculator{
	padding: 0px 0px 0px 0px;
	}

.apc-bg .calculator .cal-head{
	padding: 0px 0px 0px 0px;
	text-align:center;
	}

.apc-bg .calculator .cal-head h1{
    font-weight: 700;
    font-family: Merienda;
    font-size: 80px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(51, 51, 51);
    padding: 0px;
    margin: 0px 0px -76px 0px;
	}

.apc-bg .calculator .cal-head h2{
	font-family: Merienda, cursive;
    font-size: 46px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    position: relative;
    padding: 0px 0px 20px 0px;
    width: fit-content;
    margin: auto;
	}
	
.apc-bg .calculator .cal-head h2:before{
	content: "";
    background: url(../images/befr-lne.png) no-repeat;
    height: 44px;
    width: 44px;
    position: absolute;
    top: -6px;
    left: -14px;
    animation-name: ban-lne;
    animation-duration: 8s;
    animation-iteration-count: infinite;
	}		

.apc-bg .calculator .cal-head h2 span{
	color: #e60606;
	}
	
		

.apc-bg .calculator ul{
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}	 	
							
.apc-bg .calculator ul li{
	display: inline-block;
    padding: 0px 30px;
    margin: 0px 0px 0px 0px;
    vertical-align: top;
	}

.apc-bg .calculator ul li h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    }

.apc-bg .calculator ul li select{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 10px 50px;
    margin: 0px 0px 0px 0px;
    background: transparent;
    border: 1px solid #e60606;
	}

.apc-bg .calculator ul li select option{
	color:#e60606;
	font-weight: 600;
	background:#171717;
	}		

.apc-bg .calculator ul li input{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 10px 10px;
    margin: 0px 0px 0px 0px;
    background: transparent;
    border: 1px solid #e60606;
	}

.apc-bg .calculator ul li p{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 10px 10px;
    margin: 0px 0px 0px 0px;
    background: transparent;
    border: 1px solid #e60606;
    width: 200px;
	}			
	
.apc-bg .calculator ul .cal-rckt{
	position: absolute;
    width: 50px;
	right: 0px;
	top:-100px;
	}
	
		
/*******************************rf-bg*********************************/	
	
.rf-bg{
	background:url(../images/rf-bg.jpg) no-repeat top center;
	background-size:cover;
	min-height:1350px;
	padding: 50px 0px 50px 0px
	}	
	
.rf-bg .refferal{ 
    padding: 0px 0px 0px 0px;
   }    
  
.rf-bg .refferal .ref-lft{
    padding: 0px 0px 0px 0px;
	}    	
	
.rf-bg .refferal .ref-lft h1{
    font-weight: 700;
    font-family: Merienda;
    font-size: 80px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(51, 51, 51);
    padding: 0px;
    margin: 0px 0px -76px 0px;
	}    	
	
.rf-bg .refferal .ref-lft h2{
    font-family: Merienda, cursive;
    font-size: 46px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    position: relative;
    padding: 0px 0px 20px 0px;
	} 

.rf-bg .refferal .ref-lft h2:before{
	content: "";
    background: url(../images/befr-lne.png) no-repeat;
    height: 44px;
    width: 44px;
    position: absolute;
    top: -6px;
    left: -14px;
    animation-name: ban-lne;
    animation-duration: 8s;
    animation-iteration-count: infinite;
	}

.rf-bg .refferal .ref-lft h2 span{
	color: #e60606;
	}	   	
	
.rf-bg .refferal .ref-lft p{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 22px;  
	}	

.rf-bg .refferal .ref-lft .but{
	padding: 20px 0px 0px 0px;
	}
	
.rf-bg .refferal .ref-lft .but a{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    background: #e60606;
    border: 1px solid #e60606;
    padding: 8px 20px;
    margin: 0px 0px 0px 0px;
    border-radius: 6px;
    transition: .7s;	
}
	
.rf-bg .refferal .ref-cen{
	padding: 0px 0px 0px 0px;
	}
	
.rf-bg .refferal .ref-cen ul{
	list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
    text-align: center;
	}

.rf-bg .refferal .ref-cen ul li{
	display: block;
    padding: 15px 10px;
    margin: 0px 0px 0px 0px;
	}
	
.rf-bg .refferal .ref-cen ul li .ref1{
	padding: 10px 0px 0px 20px;
    width: 100px;
    height: 100px;
    background: #e60606;
    position: relative;
    margin: auto;
	}

.rf-bg .refferal .ref-cen ul li .ref1:before{
	content: "";
    width: 120px;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 50px solid #e60606;
    border-left: 29px solid #101010;
    border-right: 29px solid #101010;
	}	

.rf-bg .refferal .ref-cen ul li .ref1:after{
	content: "";
    width: 120px;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 50px solid red;
    border-left: 29px solid #101010;
    border-right: 29px solid #101010;
	}	

.rf-bg .refferal .ref-cen ul li .ref1 h1{
	font-family: Merienda, cursive;
    font-size: 46px;
    color: #fff;
    font-weight: 700;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    z-index: 1;
	}

.rf-bg .refferal .ref-cen ul li .ref1 h2{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
    z-index: 1;
	}	

.rf-bg .refferal .ref-rht{
	padding: 0px 0px 0px 0px;
	position:relative;
	}

.rf-bg .refferal .ref-rht .ref-mnky1{
	position: absolute;
    width: 80px;
    top: 230px;
    left: 162px;
	animation: ref-mnky1 2s linear infinite;
	}

@keyframes ref-mnky1{
	0% {
    transform: translateY(0) translateX(0px) rotate(0deg);
	}
	50% {
		transform: translateY(0) translateX(-4px) rotate(10deg);
	}
	
	100% {
		transform: translateY(0) translateX(0px) rotate(0deg);
	}
	}	

.rf-bg .refferal .ref-rht .ref-mnky{
	height: 380px;
	}	
	
.rf-bg .feature{
	padding: 50px 0px 0px 0px;
	position:relative;
	}

.rf-bg .feature .fea-str1{
	position: absolute;
    width: 60px;
    top: 200px;
	animation: str1 10s linear infinite;
	}

.rf-bg .feature .fea-str2{
	position: absolute;
    width: 60px;
    right: 0px;
    top: 300px;
	animation: str1 10s linear infinite;
	}

.rf-bg .feature .fea-rckt{
	position: absolute;
    width: 80px;
    top: 500px;
	}			

.rf-bg .feature .feat-head{
	padding: 0px 0px 0px 0px;
	text-align:center;
	}
	
.rf-bg .feature .feat-head h1{
	font-weight: 700;
    font-family: Merienda;
    font-size: 80px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(51, 51, 51);
    padding: 0px;
    margin: 0px 0px -76px 0px;
	}

.rf-bg .feature .feat-head h2{
	font-family: Merienda, cursive;
    font-size: 46px;
    color: #fff;
    font-weight: 400;
    position: relative;
    padding: 0px 0px 20px 0px;
    width: fit-content;
    margin: auto;
	}

.rf-bg .feature .feat-head h2:before{
    content: "";
    background: url(../images/befr-lne.png) no-repeat;
    height: 44px;
    width: 44px;
    position: absolute;
    top: -6px;
    left: -14px;
    animation-name: ban-lne;
    animation-duration: 8s;
    animation-iteration-count: infinite;
	}	

.rf-bg .feature .feat-head h2 span{	
    color: #e60606;
    }

.rf-bg .feature ul{
    list-style: none;
    padding: 0px 0px;
    margin: 50px 0px 0px 0px;
    text-align: center;
    position: relative;
	}

.rf-bg .feature ul li{
	display: inline-block;
    padding: 10px 10px;
    margin: 0px 0px;
    vertical-align: top;
	width: auto;
	}

.rf-bg .feature ul li .fea1{
	padding: 10px 10px;
    width: 270px;
    height: 270px;
    border: 1px solid #e60606;
    border-radius: 0px 0px 0px 40px;
    background: #171717;
    margin: 10px auto;
    transform: rotate(45deg);
	}

.rf-bg .feature ul li .fea1:hover{
	box-shadow: inset 0px 0px 0px 160px #cc0808;
    transition: 1.5s;
  }

.rf-bg .feature ul li .fea2{
	border-radius: 0px 0px 0px 40px;
	}

.rf-bg .feature ul li .fea3{
	border-radius: 0px 0px 0px 40px;
	}	

.rf-bg .feature ul li .fea4{
	border-radius: 0px 0px 0px 40px;
	}	
	
.rf-bg .feature ul li .fea5{
	border-radius: 0px 0px 0px 40px;
	}

.rf-bg .feature ul li .fea6{
	border-radius: 0px 0px 0px 40px;
	}	

.rf-bg .feature ul li .fea1 img{
	padding: 0px 132px 10px 0px;
    width: 180px;
    transform: rotate(-45deg);
	}
	
.rf-bg .feature ul li .fea1 h1{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 10px 50px 16px 0px;
    margin: 0px 0px 0px 0px;
    transform: rotate(-45deg);
	}
	
.rf-bg .feature ul li .fea1 h2{
	font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    padding: 12px 0px 0px 40px;
    margin: 0px 0px 0px 0px;
    transform: rotate(-45deg);
    line-height: 17px;
	}

.rf-bg .certificate{
    padding: 0px 0px 0px 0px;
}	

.rf-bg .certificate .cer-head{
    padding: 60px 0px 30px 0px;
    text-align: center;
}	

.rf-bg .certificate .cer-head h1{
    font-weight: 700;
    font-family: Merienda;
    font-size: 80px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(51, 51, 51);
    padding: 0px;
    margin: 0px 0px -76px 0px;
}

.rf-bg .certificate .cer-head h2 {
    font-family: Merienda, cursive;
    font-size: 38px;
    color: #fff;
    font-weight: 400;
    position: relative;
    padding: 0px 0px 20px 0px;
    width: fit-content;
    margin: auto;
}

.rf-bg .certificate .cer-head h2:before {
    content: "";
    background: url(../images/befr-lne.png) no-repeat;
    height: 44px;
    width: 44px;
    position: absolute;
    top: -6px;
    left: -14px;
    animation-name: ban-lne;
    animation-duration: 8s;
    animation-iteration-count: infinite;
}

.rf-bg .certificate .cer-head h2 span {
    color: #e60606;
}

.rf-bg .certificate .cer1{
    padding: 30px 30px;
    background: #171717;
    border: 1px solid #e60606;
    border-radius: 10px;
}

.rf-bg .certificate .cer1 .cer-lft{
    
}

.rf-bg .certificate .cer1 .cer-lft p{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 60px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 22px;
}

.rf-bg .certificate .cer1 .cer-lft h1{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 22px;
}

.rf-bg .certificate .cer1 .cer-lft h2{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 22px;
}

.rf-bg .certificate .cer1 .cer-lft h1 a{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #e80606;
    font-weight: 600;
    padding: 0px 0px 0px 6px;
    margin: 0px 0px 0px 0px;
    line-height: 22px;
    transition:.7s;
}

.rf-bg .certificate .cer1 .cer-lft h1 a:hover{
    color:#ffbe00;
    transition:.7s;
}

.rf-bg .certificate .cer1 .cer-lft .but{
    padding: 30px 0px 0px 0px;
}

.rf-bg .certificate .cer1 .cer-lft .but a{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    background: #e60606;
    border: 1px solid #e60606;
    padding: 8px 20px;
    margin: 0px 0px 0px 0px;
    border-radius: 6px;
    transition: .7s;
}


.rf-bg .certificate .cer1 .cer-rht{
    padding: 0px 0px 0px 0px;
    text-align:center;
}

.rf-bg .certificate .cer1 .cer-rht img{
    width:400px;
}


/***************************trans-bg***************************/		

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

.trans-bg .trans{	
	padding: 0px 0px 0px 0px;
	position:relative;
   }
  
.trans-bg .trans .tab-rckt{
	position: absolute;
    width: 90px;
    top: 300px;
    left: -80px;
	}   	
  
.trans-bg .trans .trans-head{ 
    padding: 0px 0px 50px 0px;
	text-align:center;
   } 
  
.trans-bg .trans .trans-head h1{ 
    font-weight: 700;
    font-family: Merienda;
    font-size: 80px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(51, 51, 51);
    padding: 0px;
    margin: 0px 0px -76px 0px;
   }
  
.trans-bg .trans .trans-head h2{ 
    font-family: Merienda, cursive;
    font-size: 46px;
    color: #fff;
    font-weight: 400;
    position: relative;
    padding: 0px 0px 20px 0px;
    width: fit-content;
    margin: auto;
   }
  
.trans-bg .trans .trans-head h2:before{ 
    content: "";
    background: url(../images/befr-lne.png) no-repeat;
    height: 44px;
    width: 44px;
    position: absolute;
    top: -6px;
    left: -14px;
    animation-name: ban-lne;
    animation-duration: 8s;
    animation-iteration-count: infinite;
   }  
  
.trans-bg .trans .trans-head h2 span{ 
   color: #e60606;
   }   
	
.trans-bg .trans .tab-left{	
	padding: 0px 0px 0px 0px;
   }
  
.trans-bg .trans .tab-left .tab-head{	
	padding: 0px 0px 0px 0px;
   }
  
.trans-bg .trans .tab-left .tab-head h1{	
	font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
	text-align:center;
   }
  
.trans-bg .trans .tab-left table{	
	padding: 0px 0px 0px 0px;
	width: 90%;
    margin: auto;
   } 
  
.trans-bg .trans .tab-left table tr{	
	padding: 0px 0px 0px 0px;
   } 
  
.trans-bg .trans .tab-left table tr:nth-child(odd){
	padding: 0px 0px 0px 0px;
    background: url(../images/tr-odd.png) no-repeat;
    margin: 0px 0px 0px 0px;
    background-size: contain;
    height: 60px;
	}

.trans-bg .trans .tab-left table tr:nth-child(even){
	padding: 0px 0px 0px 0px;
    background: url(../images/tr-even.png) no-repeat;
    margin: 0px 0px 0px 0px;
    background-size: contain;
    height: 60px;
	} 

.trans-bg .trans .tab-left table tr td:nth-child(1) {
	text-align: left;
	}

.trans-bg .trans .tab-left table tr td:nth-child(2) {
	text-align: center;
	}			

.trans-bg .trans .tab-left table tr td:nth-child(3) {
	text-align: right;
	}
		   
  
.trans-bg .trans .tab-left table tr th{	
	padding: 0px 0px 0px 0px;
   }   	
     	
.trans-bg .trans .tab-left table tr td{	
	padding: 8px 30px 16px 30px;
    margin: 0px 0px 0px 0px;
   } 
 
.trans-bg .trans .tab-left table tr td h1{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

.trans-bg .trans .tab-left table tr td h2{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}	

.trans-bg .trans .tab-left table tr td img{
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 30px;
	}	     	

.trans-bg .pay{
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

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

.trans-bg .pay ul li{
	display: inline-block;
    padding: 0px 4px;
    margin: 0px 0px 0px 0px;
	}
	
.trans-bg .pay ul li img{
	padding: 0px 0px 0px 0px;
    transition: 1s;
	}	
	
.trans-bg .pay ul li img:hover{
    transform: scale(0.9);
    transition: 1s;
}

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

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

.footer-bg .footer{
	padding: 0px 0px 0px 0px;
	}	
	   	
.footer-bg .footer .foot1{
	padding: 0px 0px 0px 0px;
	}	
	
.footer-bg .footer .foot1 .foot-logo{
	padding: 0px 0px 30px 0px;
	}	
	
.footer-bg .footer .foot1 p{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 16px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

.footer-bg .footer .foot2{
	padding: 0px 0px 0px 50px;
	}		

.footer-bg .footer .foot2 h1{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #e60606;
    font-weight: 600;
    padding: 0px 0px 24px 0px;
    margin: 0px 0px 0px 0px;
	}

.footer-bg .footer .foot2 p{
    padding: 14px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

.footer-bg .footer .foot2 p a{
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	transition:.7s;
	}			
	
.footer-bg .footer .foot2 p a:hover {
	color: #e60606;
	transition:.7s;
	}

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

.footer-bg .footer .foot3 ul li{
	display:inline-block;
	padding:0px 0px 0px 4px;
	}

.footer-bg .footer .foot3 ul li a{
	
	}
	
.footer-bg .footer .foot3 ul li a i{
	font-size: 18px;
    color: #e6090b;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    background: #ffbe00;
    text-align: center;
    padding: 5px;
    border-radius: 30px;
	}

.footer-bg .footer .foot3 ul li a i:hover{
	transform: rotate(360deg);
    transition: 1s;
    border: 1px solid transparent;
    box-shadow: 0px 0px 10px #ffbe00;
    background: transparent;
	}	

.footer-bg .footer .foot3 p{
	font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
    padding: 16px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}	

.footer-bg .footer .foot3 p i{
	font-size: 15px;
    color: #000;
    width: 26px;
    height: 26px;
    border: 1px solid transparent;
    background: #ffbe00;
    text-align: center;
    padding: 5px;
    border-radius: 30px;
	}

.footer-bg .nav-top{
	position: absolute;
    bottom: 120px;
    right: 0px;
    width: fit-content;
	}	

.footer-bg .nav-top i{
	font-size: 30px;
    color: #e60606;
    background: #ffbe00;
    padding: 4px 7px;
    border-radius: 6px;
	transition:.7s;
	}

.footer-bg .nav-top i:hover{
	color: #ffbe00;
    background: #e60606;
	transition:.7s;
	}	

.footer-bg .copy{
    padding: 50px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	text-align:center;
	}		

.footer-bg .copy p{
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

.footer-bg .copy p::before{	
    content: "";
    background: #fff;
    width: 380px;
    height: 2px;
    color: #fff;
    position: relative;
    display: inline-block;
    margin: 0px 6px 3px 0px;
    }		
	
	
.footer-bg .copy p::after{	
    content: "";
    background: #fff;
    width: 360px;
    height: 2px;
    color: #fff;
    position: relative;
    display: inline-block;
    margin: 0px 0px 3px 6px;
   }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
@media only screen and (min-width: 1550px){
	.apc-bg .about .abt-lft .ringr {
    right: 49%;
	}
	
	.banner-bg .banner .ban-rht .ban-rht-img .eye1 {
    top: 97px;
    right: 42%;
    width: 53px;
	}
	
	.banner-bg .banner .ban-rht .ban-rht-img .eye2 {
    top: 97px;
    right: 34%;
    width: 53px;
	}
}

@media only screen and (max-width: 1199px){
	header .navbar .navbar-collapse .navbar-nav .nav-item {
    padding: 5px 0px 5px 20px;}
	
	
	.banner-bg .banner .ban-rht .ban-rht-img .eye2 {
    right: 27%;
	}
	.banner-bg .banner .ban-rht .ban-rht-img .eye1 {
    right: 38%;
	}
	.banner-bg .banner .ban-rht .ban-rht-img .chain {
    right: 34%;
	}
	
	.apc-bg .about .abt-lft .ringr {
	 right: 29%;
	 }
	.apc-bg .about .abt-lft .abt-l2 {
    right: 14%;
	}
	.apc-bg .plan ul li {
    padding: 20px 8px;
	}
	.apc-bg .calculator ul li {
    padding: 10px 16px;
	}
	
	.rf-bg .feature ul li .fea1 {
    left: 10%;
	}
	.rf-bg .feature ul li .fea2 {
    left: 41%;
	}
	.rf-bg .feature ul li .fea3 {
    left: 31%;
    }
	.rf-bg .feature ul li .fea4 {
    left: 62%;
	}
	
	.trans-bg .trans .tab-left table tr td {
    padding: 8px 30px 22px 30px;
	}
	
	.footer-bg .copy p::before{
	display:none;	
	}
	.footer-bg .copy p::after{
	display:none;	
	}
	
	

}

@media only screen and (max-width: 991px){
	
	.navbar-nav {
	  text-align: center;}
	header .navbar .navbar-collapse .navbar-nav .nav-item .banbut-1{
    display: inline-block;}
	header .navbar .navbar-collapse .navbar-nav .nav-item .banbut-2{
    display: inline-block;}  
	
	.banner-bg .banner .ban-rht ul .sta1 {
    position: unset;}
	.banner-bg .banner .ban-rht ul .sta2 {
    position: unset;}
	.banner-bg .banner .ban-rht ul .sta3 {
    position: unset;}
	.banner-bg .banner .ban-rht ul .sta4 {
    position: unset;} 
	.banner-bg .banner .ban-rht .ban-rht-img {
    display: none;}
	.banner-bg .banner .ban-lft {
    text-align: center;}
	.banner-bg .banner .ban-rht ul {
    padding: 30px 0px 0px 0px;}
	.banner-bg .banner .ban-rht ul li {
    display: block;
    margin: auto;}
	
	.apc-bg .about .abt-lft {
    display: none;}
	.apc-bg .about .abt-rht h2 {
    width: fit-content;
    margin: auto;}
	.apc-bg .about .abt-rht {
    text-align: center;}
	.apc-bg .calculator ul li {
    width: 49%;
    text-align: center;
	}
	.apc-bg .calculator ul li p {
    margin: auto;
	}
	.apc-bg .calculator ul li h2 {
    text-align: center;
	}
	.apc-bg .calculator ul li input{
    text-align: center;
	}
	
	.rf-bg .refferal .ref-rht {
    display: none;
	}
	.rf-bg .refferal .ref-lft {
    text-align: center;
	}
	.rf-bg .refferal .ref-cen ul {
    padding: 30px 0px;
	}
	.rf-bg .feature ul li .fea1 {
    position: unset;
	}
	.rf-bg .feature ul li {
    display: block;
    width: auto;
    margin: 0px auto;
	}
	.rf-bg .refferal .ref-lft h2 {
    width: fit-content;
    margin: auto;
	}
	
	.trans-bg .trans .tab-left table {
    width: 90%;
    margin: 20px auto;
	}
	.trans-bg .trans .tab-left table tr td {
    padding: 10px 30px 10px 30px;
	}
	.trans-bg .trans .tab-left table tr:nth-child(odd) {
    background-size: cover;
    height: 63px;
	}
	.trans-bg .trans .tab-left table tr:nth-child(even) {
    background-size: cover;
    height: 63px;
	}
	.trans-bg .trans .tab-left .tab-head h1 {
    padding: 0px 0px 0px 0px;
	}
	.trans-bg .trans .trans-head h1 {
    font-size: 50px;
    margin: 0px 0px -50px 0px;
	}
	.trans-bg .trans .trans-head h2 {
    font-size: 30px;
	}
	
	.footer-bg .footer .foot1 {
    text-align: center;
	}
	.footer-bg .footer .foot1 .foot-logo {
    padding: 0px 0px 0px 0px;
	}
	.footer-bg .footer .foot2 {
    padding: 0px 0px 0px 0px;
    text-align: center;
	}
	.footer-bg .footer .foot2 h1 {
    padding: 30px 0px 0px 0px;
	}
	.footer-bg .footer .foot3 h1 {
    padding: 30px 0px 10px 0px;
	}
	
	.rf-bg .certificate .cer1 .cer-lft{
    text-align:center;
    }

    .rf-bg .certificate .cer1 .cer-lft p {
    padding: 0px 0px 20px 0px;
    }
    .rf-bg .certificate .cer1 .cer-rht {
    padding: 30px 0px 0px 0px;
    }
	
	

}

@media only screen and (max-width: 767px){
	header .navbar .navbar-collapse {
    padding: 30px 0px 0px 0px;
	}
	
	.rf-bg .refferal .ref-lft h1 {
	font-size: 60px;	
    margin: 0px 0px -50px 0px;
	}
	.rf-bg .refferal .ref-lft h2 {
    font-size: 34px;
	}
	
	.trans-bg .trans .tab-left table tr:nth-child(odd) {
    background-size: contain;
	}
	.trans-bg .trans .tab-left table tr:nth-child(even) {
    background-size: contain;
	}
	.trans-bg .trans .tab-left table tr td {
    padding: 0px 30px 16px 30px;
	}
	

}

@media only screen and (max-width: 630px){
   
   .row {
    width: 100% !important;
    margin: 0px !important;
	}
	
	.banner-bg .banner .ban-lft h1:before{
		display:none;
	}
	.banner-bg .banner .ban-lft h1 {
    font-size: 34px;
    line-height: 36px;
	}
	.ban-lft .str1 {
    right: 0px;
	}
	
	.apc-bg .about .abt-rht h1 {
    font-size: 60px;
    margin: 0px 0px -50px 0px;
	}
	.apc-bg .about .abt-rht h2 {
    font-size: 34px;
	}
	.apc-bg .plan .pln-head h1 {
    font-size: 60px;
    margin: 0px 0px -50px 0px;
	}
	.apc-bg .plan .pln-head h2 {
    font-size: 34px;
	}
	.apc-bg .calculator .cal-head h2 {
    font-size: 34px;
	}
	.apc-bg .calculator .cal-head h1 {
    font-size: 60px;
    margin: 0px 0px -50px 0px;
	}
	
	.rf-bg .feature .feat-head h1 {
    font-size: 60px;
    margin: 0px 0px -50px 0px;
	}
	.rf-bg .feature .feat-head h2 {
    font-size: 34px;
	}
	
	
	
   
}
	
@media only screen and (max-width: 560px){	

	header .navbar .navbar-brand {
    width: 70%;
	}
	
	.apc-bg .calculator ul li {
    display: block;
    width: auto;}
	
	.rf-bg .feature ul li .fea1 {
    padding: 20px 20px;
    width: auto;
    height: auto;
    transform: unset;
    text-align: center;
	} 
	.rf-bg .feature ul li .fea1 img {
    padding: 0px 0px 0px 0px;
    width: 80px;
    transform: unset;
	} 
	.rf-bg .feature ul li .fea1 h1 {
    padding: 10px 0px 10px 0px;
    transform: unset;
	} 
	.rf-bg .feature ul li .fea1 h2 {
    padding: 0px 0px 0px 0px;
    transform: unset;
	} 
	
	.trans-bg .trans .tab-left table tr td {
    padding: 0px 30px 28px 30px;
	}
	
	.trans-bg .trans .tab-left table tr td img {
    width: 24px;
	}
	
	.rf-bg .certificate .cer-head h1 {
    font-size: 60px;
	}
	.rf-bg .certificate .cer-head h2 {
    font-size: 30px;
    }

	

}


@media only screen and (max-width: 460px){
	.trans-bg .trans .tab-left table tr td {
    padding: 0px 20px 32px 20px;
	}
	
   
}

@media only screen and (max-width: 360px){

}