@font-face {
  font-family: "Antonio-Bold";
  src: local('Antonio-Bold'),
	url('../fonts/Antonio-Bold.ttf') 
	format('opentype');
}
.font1{
	font-family: "Antonio-Bold";
}
@font-face {
  font-family: "BILLY OHIO DUA";
  src: local('BILLY OHIO DUA'),
	url('../fonts/BILLY-OHIO-DUA.OTF') 
	format('opentype');
}
.font2{
	font-family: "BILLY OHIO DUA";
}
@font-face {
  font-family: "JosefinSans-Bold";
  src: local('JosefinSans-Bold'),
	url('../fonts/JosefinSans-Bold.ttf') 
	format('opentype');
}
.font3{
	font-family: "JosefinSans-Bold";
}
@font-face {
  font-family: "JosefinSans-Regular";
  src: local('JosefinSans-Regular'),
	url('../fonts/JosefinSans-Regular.ttf') 
	format('opentype');
}
.font4{
	font-family: "JosefinSans-Regular";
}
@font-face {
  font-family: "Monoton-Regular";
  src: local('Monoton-Regular'),
	url('../fonts/Monoton-Regular.ttf') 
	format('opentype');
}
.font5{
	font-family: "Monoton-Regular";
}
@font-face {
  font-family: "RemachineScript";
  src: local('RemachineScript_Personal_Use_0'),
	url('../fonts/RemachineScript_Personal_Use_0.ttf') 
	format('opentype');
}
.font6{
	font-family: "Monoton-Regular";
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin:0;
padding:0;
background: #eb008a;
font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'FuturaStd-Heavy';
}
p{
	font-family: 'FuturaStd-Medium';
}
h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
}
ul, ol, li {
margin:0;
padding:0;
list-style:none;
}
header, section, footer {
width:100%;
float:left;
}
.auto-container {
width:1300px;
margin:auto;
}
.text-center{
	text-align: center;
}
img{
	max-width: 100%;
}

/*header css start*/
header {
	background:url(../images/header-bg.png) no-repeat center ;
	background-size:cover;
    padding: 25px 0 0;
	height: 1080px;
}
.down-arrow h2{
    font-family: "BILLY OHIO DUA";
    font-size: 85px;
    text-align: center;
    color: #652d90;
}
.logo-outer {
	width: 100%;
	float: left;
	position: absolute;
	top: -150px;
	max-width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.box-content{
	background: #fff;
	box-shadow: 5px 5px 5px;
	    padding: 50px 17px;
    display: inline-block;
	/* margin-top: 450px; */
}
.header-content {
	height: 85vh;
}
.header-content h1 {
	font-family: "FuturaStd-Heavy";
	font-size: 74px;
	text-transform: uppercase;
	color: #262626;
}
.header-content h2 {
	font-size: 50px;
	line-height:50px;
	color: #fff;
	font-family: 'Raleway';
	font-weight:bold;
	text-transform: uppercase;
}
.header-content .padd100{
height:100px;
}

/*header css end*/



.mobile-home
{
	display:none;
}
.leftside{
	background: #000;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-top: 140px;
	background-image: url('../images/bg1.png');
	background-size: 100%;
	background-position: top center;
	background-repeat: no-repeat;
}
.down-arrow h2{
		    font-family: "BILLY OHIO DUA";
    font-size: 85px;
    line-height: 95px;
    font-weight: 400;
    text-align: center;
    color: #652d90;
    text-transform: capitalize;
	}
	.down-arrow{
		  
		    position: relative;
		top: 422px;
		left: -45px;
	}
.bottom{
	background: #1a1a1a;
	padding-top:30px;
	border-bottom: 10px solid #eb008a;
	padding-bottom: 50px;
	/* position:relative;
	top:-10px; */
}
.wealth{
	margin: 20px 0;
}
.wealth h4{
	color: #fff;
	font-size: 50px;
}
.feature{
	background: #eb008a;
	margin-bottom: 20px;
}
.feature h2{
	color: #fff;
	letter-spacing: 5px;
	font-size: 42px;
	line-height: 42px;
	padding-top: 10px;
}
.blackbox{
	/* background: #000; */
    padding: 50px 0 20px;
    position: relative;
}
.blackbox .box{
	background: url('../images/img-box.png');
   background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 90%;
    padding: 20px 0;
	margin: 10px auto 0;
	background-repeat:none;

}
#timer-box{
	width: 100%;
    margin: 0 auto;
	border: 2px solid #fff;
	border-radius: 60px;
	margin-bottom: 50px;
	text-align: center;
}
#timer{
	font-family: 'Monoton-Regular';
	font-size: 50px;
	color: #fff;
	display: inline-block;
}
#days {
  
  
}
#hours {
  
}
#minutes {
  
}
#seconds {
  
}

#timer div {
  display: inline-block;
  line-height: 1;
  padding: 20px;
  font-size: 40px;
  text-transform: uppercase;
}

#timer span {
  font-family: 'JosefinSans-Bold';
  font-size: 17px;
  color: #fff;
  display: block;
  font-size: 20px;
  color: white;
}
.img-box{
    margin-left: 20px;
}
.text-box h4{
	text-align: left;
    color: #fff;
    font-size: 30px;
    line-height: 40px;
	font-family: 'JosefinSans-Regular';
	font-size: 31px;
}
.text-box h2{
	text-align: left;
    color: #fff;
    font-size: 33px;
    line-height: 45px;
	font-family: 'RemachineScript';
}
.vid-icon{
	position: absolute;
    right: 28px;
    top: -11px;
}
.whats  .Wealth p{
    font-size: 17px;
    line-height: 30px;
    padding: 0 0 0 0;
    font-family: raleway;
    font-weight: 500;
    color: #4c4c4c;
	    position: relative;
    top: -57px;
}
.whats .what2 {
    background: url(../images/bg2.png);
    background-position: center;
    background-size: cover;
    padding: 120px 0 0px 0;
}
.whats .what3 {
    
   
    padding: 120px 0 0px 0;
}
.what2 .register-btn {
background:#eb008b;
}
.whats  .what3 .register-btn{
     position: relative;
    top: 90px;

}
.whats  .what2 .register-btn{
     position: relative;
    top: 50px;

}
 .register-btn{
    /* background-image: linear-gradient(#001348, #107157);
    border-radius: 30px; */
	background:#eb008a;
    font-family: 'Raleway';
	font-size: 23px;
    font-weight: bold;
    min-width: 0;
    line-height: 49px;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 30px 0;
    color: #fff;
    margin-top: 14px;
    position: relative;
	border-radius: 0;
	display: block;
	box-shadow: 1px 5px 10px 2px #000;
}
.register-btn.btn1{
	font-family: 'JosefinSans-Bold';
	font-size: 29px;
	line-height: 40px;
    margin-bottom: 40px;
}
.register-btn.btn2{
	font-family: 'JosefinSans-Bold';
	font-size: 53px;
	line-height: 60px;
}

/********footer ends*******/


@include media-breakpoint-up(xs) {
	
}
@include media-breakpoint-up(sm) {
	
}

@include media-breakpoint-up(md) {
	
}

@include media-breakpoint-up(lg) {
	
}

@include media-breakpoint-up(xl) {
	
}