/*
Author:Vijayan PP
Template:Jasm- Coming Soon Website
*/

/* Basic Styles */

html,body
{
height:100%;
}

body
{
background:#222222;
color:#222222;
font-weight:200;
font: 13px/1.5 Lato, "Century Gothic", "Trebuchet MS", Helvetica, sans-serif;
-webkit-font-smoothing:antialiased;

}
a
{
color:#89d460;
text-decoration:none;
transition:all 0.125 ease-in-out 0s;
-webkit-transition:all 0.125s ease-in-out 0s;
-moz-transition:all 0.125s ease-in-out 0s;
-ms-transition:all 0.125s ease-in-out 0s;
-o-transition:all 0.125s ease-in-out 0s;
}


a:hover
{
color:#89d460;
}

a,a:hover,a:focus,a:active
{
border:0;
outline:0;
text-decoration:none;
}



.jasm-float-right
{
float:right;
}
.jasm-float-left
{
float:left;
}

.jasm-center
{
display:block;
margin-left:auto;
margin-right:auto;
}
.jasm-hide
{
display:none !important;
visibility:hidden !important;
}
.jasm-show
{
display:block !important; 
}

.jasm-preloader
{
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
bottom:0;
right:0;
z-index:9999;
background:#ffffff url('../img/preloader.gif') no-repeat center center;
}

/* Typography */
.jasm-text-center
{
text-align:center;
}
.jasm-text-uppercase
{
text-transform:uppercase;
}
.jasm-text-right
{
text-align:right;
}
.jasm-text-left
{
text-align:left;
}
.jasm-text-justify
{
text-align:justify;
}

/* Header */
header
{
width:100%;
height:100%;
background:#333333 !important;
position:relative;
overflow:hidden;
z-index:0;
}
header>.container
{
height:100%;
position:relative;
}
.wrapper
{
width:100%;
height:auto;
position:relative;
top:50%;
}
.jasm-ovrelays
{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.jasm-background-repeat
{
background-repeat:repeat;
}
.jasm-background-norepeat
{
background-repeat:no-repeat;
}

.lj-overlay-image {
		background-image: url('../img/lines.png');
		background-repeat: repeat;
	}
.jasm-overlay-hidden
{
display:none !important;
visibility:hidden !important;
}
.jasm-overlays-color
{
background:rgba(0,0,0,0.5);
}

/* Logo */
.jasm-logo a,
	.jasm-logo img {
		width: 208px;
		height: 90px;
	}
	
	.jasm-logo a {
		display: block;
		margin: 0 auto;
	}
	
	.jasm-logo img {
	    vertical-align: bottom;
	}
	
	.jasm-logo-1x {
		display: block;
	}
	
	.jasm-logo-2x {
		display: none;
	}
	
/* Title */
	.jasm-title {
        margin-top: 30px;
    }
    
    .jasm-title h1 {
    	font-family: 'Raleway';
    	font-size: 3.5em;
    	font-weight: 300;
        color: #cccccc;
        margin: 0;
        word-wrap: break-word;
    }
    
    .jasm-title span {
        color: #ffffff;
        font-weight: 700;
    }

	
	.jasm-line {
		margin-top: 20px;
	}

    .jasm-line > div {
    	width: 200px;
    	height: 1px;
    	background-color: #cccccc;
    	margin: 0 auto;
    }

    .jasm-title-paragraph {
    	float:none;
    	margin-top: 20px;
    	margin-right: auto !important;
    	margin-bottom: 16px;
    	margin-left: auto !important;
       	width: 100%;
    	max-width:1140px;
    }

    .jasm-title-paragraph p {
    	color: #cccccc;
    	font-size: 16px;
    	text-align:center;
    }

/* Scroll down */
	.jasm-scroll-down {
		width: 40px;
		height: 40px;
		margin-left: -20px;
		position: absolute;
		bottom: 10px;
		left: 50%;
	}

	.jasm-scroll-down a,
	.jasm-scroll-down a:focus {
		width: 40px;
		height: 40px;
		display: block;
    	-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		text-align: center;
		line-height: 36px;
		color: #cccccc;
		background-color: transparent;
    	border: 1px solid #cccccc;
	}

	.jasm-scroll-down a:hover {
		width: 40px;
		height: 40px;
		color: #cccccc;
    	background-color: #d77e41;;
    	border: 1px solid #89d460;
	}
    
/* Footer */
.parallax-back
{
background:#333333;
border-top:1px solid #222222;

}
.opacity
{
background:rgba(0,0,0,0.89);
}
.wrap
{
padding:34px 0 43px;
}
.social-footer
{
padding:1.5em;
}
.w-form
{
margin:0 0 15px;
}
h1.underline
{
background:url(../img/underline-headline.png) bottom center no-repeat;
font-size:2.5em;
padding-bottom:35px;
letter-spacing:.075em;
margin:20px 0px;
}
.contact
{
background:#333333;
color:#cccccc;
padding:0px 20px;
}
.contact p
{
font-size:16px;
}
.social-footter a
{
color:#cccccc;
font-size:2.0em;
padding:10px;
}
.social-footter a:hover
{
color:#d77e41;
}


@media (max-width: 767px) {

		/* 5. HEADER */

		header,
		header > .container {
			height: auto;
		}

		.wrapper {
			width: 100%;
			position: static;
			top: 0;
			margin-top: 50px !important;
			margin-bottom: 50px;
		}
		}