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

/*
Theme Name: Rocket - Responsive Coming soon Template
Version: 1.0
Author: Paul Thekkinen
Author URI: http://themeforest.net/user/paulthekkinen
*/


/******************  Table of Contents  *****************************

1. GLOBAL STYLES
2. HEADER
3. ROCKET MOCKUP
4. SUBSCRIBE FORM
5. FOLLOW
6. SOCIAL ICONS
7. COUNTDOWN TIMER
8. ABOUT US
9. SERVICE
10.CONTACT US
11.FOOTER
12.MAIN LINK
13.CUSTOM MEDIA QUERIES


If you having trouble in editing css. please send a mail to paulthekkinen25@gmail.com - i will really help you

*/




/*==========1. GLOBAL STYLES==============*/


body {
	

background-color: #000;
	margin:0px;
	padding:0px;
}
/*==========2. HEADER==============*/

.top-container
{
	min-height:660px;
	height:auto; 
	 position:relative;
}

.jumbotron {
	width:100%;
	position: relative;
	color: #fff;
	text-align: center;
	background:url(../images/main-bg1.jpg) no-repeat top center; /* Old browsers */
	height:auto;
	background-size: cover;
	
	overflow:hidden;
}


.jumbotron h1
{
	width:150px;
	height:98px;
	text-align:center;
	margin:0 auto;
		margin-botton:15px;

}
.jumbotron h2
{
	width:100%;
	height:auto;
	text-align:center;
	
		margin:32px 0px 0 0px;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:45px;
	letter-spacing:-2px;
	text-transform:uppercase;
	line-height:48px;

	color:#fff;
}


	



/*==========3. ROCKET MOCKUP==============*/
.rocket-base
{
	padding-top:60px;
	height:336px;
	
}


.rocket {
	background-image:url(../images/rocket.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:260px;
	width:100%;
	
	margin-top:60px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
}
.rocket:hover {
	margin-top:-20px;
	cursor:pointer;
}

.shadow {
	height:206px;
	position:absolute;
	bottom:32px;
	width:100%;
	background:url(../images/rocket-top-bg.png) no-repeat top center;
	background-size: 100% 100%;
		background-size: cover;

}
/*==========4. SUBSCRIBE FORM==============*/


.subscribe {
	text-align:center;
	margin-top:-54px;
	padding:0 20px;
}
.subscribe h2 {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:28px;

	color:#b61f00;

	
}
.subscribe h4 {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:22px;

	color:#999999;
	line-height: 1.75;
}
.subscribe .input-xxlarge {
	height: 40px;
background-color: #1c1c1c;
border: solid 1px #424242;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
color: #515151;
font-weight: 400;
padding: 4px 10px;
margin: 15px 0;
margin-right: 15px;
}
.subscribe .btn-sub {
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
		

	color:#fff;
	font-size:24px;
	font-weight:600;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.50);
	background-color: #580e0f;
 *background-color: #580e0f;
 
 background-image: -o-linear-gradient(top, #bd1719, #580e0f);
background-image: linear-gradient(to bottom, #bd1719, #580e0f);
background-repeat: repeat-x;
border: 1px solid #580e0f;
outline:0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.subscribe button.btn.btn-large {
	padding: 15px 40px;
}
/*==========5. FOLLOW==============*/


.follow {
	text-align:center;
	padding:10px 20px 50px 20px;
	
}

.follow h2 {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:28px;

	color:#b61f00;

}
/*==========6. SOCIAL ICONS==============*/
.socialicons{
padding: 10px 0px 0px 0px;
	margin:0 auto;
	text-align:center;
	
}

.socialicons a{
	padding:0 5px 0 0px;
	
	
}
.socialicons a:hover{
	padding:0 5px 0 0px;
	filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
	
	
}

/*==========7. COUNTDOWN TIMER==============*/

.Wrapcountdown {
	margin-top:0px;
}
.Wrapcountdown p {
	font-size:22px;
}
ul.countdown-area, ul.countdown-area li {
	margin:-280px 0 0 0;
	text-align:center;
	list-style:none;
}
ul.countdown-area li {
	display: inline-block;
	width: 104px;
	margin-top: 1em;
	text-align: center;
}
ul.countdown-area li span {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
color: #fff;
text-shadow: 1px 1px 0 #590119;
font-size: 42px;
font-weight: bold;
letter-spacing:1px;


	height: 108px;
	line-height: 1.0;
	position: relative;
}
ul.countdown-area li p.timeRefDays, ul.countdown-area li p.timeRefHours, ul.countdown-area li p.timeRefMinutes, ul.countdown-area li p.timeRefSeconds {
		font-family: "Open Sans", Arial, Helvetica, sans-serif;

	margin-top: 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: .875em;
	position: relative;
}

ul.countdown-area li.time-mid
{
	width:335px;
}

/*==========8. ABOUT US==============*/

.main-content-area {
	
	
	position: relative;
	background-size: 100% 100%;
	overflow: hidden;
}

.about {
	text-align:center;
	padding:40px 20px 20px 20px;
		background-color:#eeeeee;

	
}

.about h2 {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:28px;
	margin-top:-20px;

	color:#b61f00;

}

.about h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding-top:10px;
	line-height:0px

}

.about em{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#b61f00;
	line-height:40px;

}

.about img{
	padding:5px 0px;
}


.about .maintext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	text-align:center;
	padding:0px 0px 20px 0px;
	color:#4e5670;
	margin:0 10px 0 10px;

}
.about .subtext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	text-align:left;
	padding-bottom:15px;
	color:#4e5670;
	margin:0 10px 0 10px;

}

.socialicons1{
	padding: 0px 0px 20px 0px;
	margin:0 auto;
	text-align:center;
	
}
.socialicons1 a.icons {
	width:22px;
	height:30px;
		padding:0 5px 0 0px;
	display:inline-block;
	margin-right:8px;
	background:url(../images/social-icons.png) no-repeat;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.socialicons1 a.icons.facebook {
	background-position:0 0;
}

.socialicons1 a.icons.twitter {
	background-position:-33px 0;
}

.socialicons1 a.icons.linkedin {
	background-position:-62px 0;
}

.socialicons1 a:hover{
	padding:0 5px 0 0px;
	filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
	
	
}



/*==========9. SERVICE ==============*/


.service {
	text-align:center;
	padding:40px 20px 40px 20px;
		background-color:#b61f00;

	
}

.service h2 {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:28px;
	margin-top:-20px;
	color:#f6c123;

}

.service h3{
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#f8db86;
	line-height:30px

}



.service img{
	
	padding-top:5px;
}
.service img:hover{
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

}


.service .maintext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	padding: 0px 0px 20px 0px;
	text-align:center;
	color:#fb9580;
	margin:0 10px 0 10px;

}

.service .content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	text-align:left;
	padding-bottom:15px;
	color:#F6C9C9;
	margin:0 10px 0 10px;

}
/*==========10. CONTACT US==============*/

.contact {
	text-align:center;
	padding:40px 20px 40px 20px;
		background-color:#fff;

	
}

.contact h2 {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:28px;
	margin-top:-20px;
	margin-bottom:0px;
	

	color:#000;

}

.contact h3 {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:left;

	color:#333;

}

.contact address {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	text-align:left;
	color:#4e5670;
	

}

.contact form
{
	margin:30px 0 20px 0px;
}
.contact .input-block-level
{
	background-color:#eeeeee;
	border-color:#cccccc;
	color:#a1a1a1;
	padding:20px;
	font-size:14px;
	height:auto;
}




.contact .btn-sub {
		font-family: "Open Sans", Arial, Helvetica, sans-serif;
		

	color:#fff;
	font-size:24px;
	font-weight:600;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.50);
	background-color: #580e0f;
 *background-color: #580e0f;
 
 background-image: -o-linear-gradient(top, #bd1719, #580e0f);
background-image: linear-gradient(to bottom, #bd1719, #580e0f);
background-repeat: repeat-x;
border: 1px solid #580e0f;
outline:0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.contact button.btn.btn-large {
	padding: 15px 40px;
}

/*==========11. FOOTER==============*/

.footer {
	text-align:center;
	padding-bottom:10px;
	width:100%;


	background-color:#580e0f;
	padding-top:20px;
}
.footertext
{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ccc;
}

/*==========12. MAIN LINK==============*/


.main-link-container {
width: 60px;
height: 260px;
padding:5px 20px 5px 5px;




position: fixed;
top: 32px;
right: 0px;
display: block;
z-index: 10;
}

.main-link-container li a {
	outline:none;
	text-decoration:none;
	background-color:transparent;
}
.main-link-container li a:hover {
text-decoration:none;
	background-color:transparent;
}
.main-link-container li a:focus {
text-decoration:none;
	background-color:transparent;
}


.menu-sub-link
{
	position:relative;
	 margin-top:24px;
}



.menu-sub-link2
{
	float:left;
	 margin-top:-20px;
}
/*==========13. CUSTOM MEDIA QUERIES==============*/


/*MEDIA QUERIES*/

@media (min-width: 980px) and (max-width: 1950px) {	

.top-container
{
	 
	min-height:660px;
	
}
.about .maintext {
	
	padding:0px 140px 20px 140px;
	

}
	.service .maintext {
		padding:0px 140px 20px 140px;
	}
	 
 }
@media (min-width: 768px) and (max-width: 979px) {
	
	.jumbotron h2
{
	font-size:40px;
}

.top-container
{
	 
	min-height:660px;
	
}
.rocket {

	background-size: 100%;
}

.shadow {
	height:206px;
	bottom:52px;
}




}
@media (max-width: 767px)

 {
	 
	.menu-sub-link2
{

	 margin-top:20px;
} 	
	.jumbotron h2
{
	font-size:35px;
}


.main-link-container {
	top:180px;
}
	 .top-container
{
	height:auto; 
	 position:relative;
}

	
	.shadow {
	bottom:106px;
}


ul.countdown-area, ul.countdown-area li {
	margin: 17px 0 14px 0;

}	

.subscribe {
	margin-top:0px;
}

.subscribe button.btn.btn-large {
	padding: 11px 19px;
}

.contact button.btn.btn-large {
padding: 11px 19px;
}

}

@media (max-width: 480px) {
	
	.main-link-container {
	top:240px;
}
.shadow {
	bottom:126px;
}
	
}


@media (max-width: 444px) {
.shadow {
	bottom:218px;
}
	
}

@media (max-width: 320px) {


.shadow {
	bottom:242px;
}
}

@media (max-width: 228px) {
.rocket {

	background-size: 100%;
}

.shadow {
	height:206px;
	bottom:460px;
}
}