/*------------------------------------------------------------------
[Main Stylesheet]

Project:		Illusion Coming soon Page
Version:		1.0
Last change:	01/01/2014
Author:			ThemeQuest	

-------------------------------------------------------------------*/

/*----------Global Setting----------*/
html{
width:100%;
height:100%;
padding:0;
margin:0;
display:block;
width:100%;
}
body{
width:100%;
height:100%;
font-size:12px;
font-family: 'Josefin Sans', sans-serif;	
background: #000;
z-index:5;
transition:200ms linear;
}

h1,h2,h3,h4,h5,h6,p{font-family: 'Josefin Sans', sans-serif;}
h1{font-size:9em;color:#f58552;}
h2{font-size:5em;color:#ffffff;}
h3{font-size:3em;color:#ffffff;}
h4{font-size:3em;color:#ffffff;}
h5{font-size:2em;color:#f58552;}
p{font-size:1.5em;color:#fff;}
span{display:block;}
a{font-size:1em;color:#fff;}
a:hover{font-size:1em;color:#f58552;}

.nomargin{margin:0;}
#daysmargin{margin-right:2%;}

.container{
	width:75%;
	padding:2% 0% 3% 0%;
	z-index:-2;
}



/*----------Pre Loader----------*/
#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 1;
  background-color: #000;
  z-index: 99;
  text-align: center;
}
#loading-image {
	width:100px;
	height:100px;
	margin-top:-50px;
	margin-left:-50px;
 	position: absolute;
  	top: 50%;
  	left: 50%;
  	z-index: 100;
}
/*----------Background Black Masking----------*/
#masking{
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(0,0,0,0.35);
	z-index:-20;
}

/*----Style----*/

/*----------Title----------*/
#title{
	position:relative;
}
#title a{
	text-decoration: none;
}

/*----------Paragraph----------*/
#paragraph{
	width:100%;
	padding:0% 0% 0% 1%;
}

/*----------Countdown----------*/
#countdown{
	width:120%;
	color:#000;
	font-size:25px;
	text-align:center;
	padding:0% 0% 2% 0%;
}
#countdown h5{
	font-size:0.7em;
	text-align:center;
}


/*----------Subscribe----------*/
#subcribe{
	width:100%;
	margin-left:0.5%;
}
.mc-field-group{
	width:100%;
}
	.mc-field-group input{
		min-width:100%;
		margin-right:5px;
		color:#fff;
}
	#subscribe .mc-field-group input{
		background:rgba(0,0,0,0.7);
	}
	#subscribe .mc-field-inline button{
		margin-left:5px;
	}


.subscribe-form{
height:100%;
background-color:rgba(0,0,0,0.7);
color:#000;
font-size:2em;
border-radius:0px;
border:none;
width:100%;
}	

#subscribe .btn{
	background:rgba(0,0,0,0.7)!important;
	font-size:2em;
}
.btn {
height:100%;
transition:0.1s linear;
color:#000;
font-size:2.05em;
width:auto;
border:none;
border-radius:0px;
background:rgba(255,255,255,0.3);
padding:6.5px 12px;
}
	.btn:hover{
	background:rgba(255,255,255,0.5);
	color:#FFF;
	}
	.btn:active{
	background:rgba(255,255,255,0.7);
	color:#000;
	}	

/*----------Contact Us----------*/
#contactus_01{
	position:fixed;
	right:0;
	background:none;
	z-index:100;
}
	.hidenow{
		opacity:0;
	}
 	.shownow{
 		opacity:1;
 	}
 	#contactus_01 .form-group input{
 		color:#000;
 	}
#contactus_01 .btn {
background: rgba(255,255,255,0.1);
transition: 0.1s linear;
border-radius:0px;
border:0px;
width:100%;
}
	#contactus_01 .btn:hover {
	background: rgba(255,255,255,0.3);
	}	
	#contactus_01 .btn:active {
	background: rgba(255,255,255,0.7);
	}		

/*----------Modal Contact Us----------*/
.modal{
	padding-top:4%;
	 overflow:scroll;
}
.modal-backdrop{
	z-index:1;
	opacity:0.7!important;
}
.close {
	color: #000;
}
.modal-content {
	position: relative;
	color:#000;
	background-color: #555;
	border: 1px solid #000;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 6px;
	outline: 0;
	padding:1% 0% 0% 0%;
}
#contactus .btn {
	background: rgba(133,255,255,1.0);
}
.btn-primary {
	margin-top:15px;
	padding:4px 0px;
	font-size:1.5em;
	width:100%;
	color: #ffffff;
	background:rgba(0,0,0,0.4);
	border:0px;
	transition:0.3s linear;
}
.btn-primary:hover{
	background:rgba(0,0,0,1.0);
}
.modal .form-control {
	background-color: rgba(0,0,0,0.1);
	border:none;
	border-radius:0px;
}
.modal label{
	font-size:1.5em;
}
	#info{
		font-size:14px;
	}


/*----------Footer----------*/
footer{
	width:100%;
	text-align:left;
	padding-top:1%;
	clear:both;
}

/*----------Social Media----------*/
#social{
	width:50%;
	height:auto;
	position:relative;
	float:right!important;
	margin-top:4%;
}
#social ul{
	width:100%;
	height:auto;
}
#social ul li{
	width:20%;
	padding:2% 0%;
	height:auto;
	text-align:center;
	float:left;
	list-style:none;
	color:#FFF;
	font-size:1.5em;
	transition:0.3s linear;
}
	#social ul li:hover{
		background:rgba(155,255,0,0.3);
	}
	#social ul li:active{
		background:rgba(155,255,0,0.5);
	}