html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p{ margin: 0;padding: 0; }

body{ width:100%; margin:0 auto; background:#000000;}
  
a{outline:0 none;cursor:pointer; text-decoration:none; }

a:link { color:#ff0000; }

a:visited { color:#ff0000; }

a:hover { color:#ff0000; }

a:active { color:#ff0000; }

a,img{border:0 none;}

.hide {display: none;}

em{font-style:normal;font-weight:bold; }


ul,li,ol,dt{list-style: none;}

.sp{background:url(../images/sp.jpg) no-repeat 0 0;}

.clear { clear:both; height:0; line-height:0; font-size:0}

img, object, embed, span { max-width: 100%; height: auto; padding: 0px;}


body {
	margin: 0 auto;
    width:100%; 
    text-align:center;	
	background:#010302 url("../images/background.jpg") no-repeat top center fixed;
	background-size: cover;

}


.coloum{
	padding-top:170px;
}
	
	
.area{ 
	width: 100%;
	min-height:500px;
	overflow: auto;
	margin: auto;
	position: absolute;
	overflow: auto;
	top: 0; 
	bottom: 0;
	overflow-x:hidden;
	overflow-y:hidden;
}
	
.coloum,.coloum2 {
    width:100%; 
    }
	
.coloum2{ 
	margin-top:20px;
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.65) 17%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.65) 17%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.65) 17%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
	height:100%;
	}

.article {
	margin: 0 auto;
	width:100%; 
	position:relative;
    }
	
h1.brand{
	font-size:70px; 
	color:#fff; 
	position:absolute; 
	top:60px; 
	right:0; 
	left:0;
}
	
.logo{
	margin-top:5%;
	}
	
.content{
    float:left;
    width:100%; 

	}
	
.content li{
   text-align:center;  
	}
	
.content li h2{
   color:#fff; 
   opacity: 100%;
   text-transform : uppercase; 
	}
	
h1{ 
	font:700 55px /45px 'Lato', 'sans-serif'; 
	color:#ffffff; 
	margin-top:50px;
	}
	
h2{ 
	font:25px /30px 'Lato', 'sans-serif'; 
	font-weight:200px;
	color:#fffff; 
	text-shadow: 0 3px #000;
	margin-top:30px;
	}
	
	
h4{ 
	font:20px 'Lato', 'sans-serif'; 
	font-weight:200px;
	color:#fffff; 
	}
	
.small{ 
	margin-top:30px;
	text-transform : lowercase;
	font-weight: lighter;
	font:15px 'Lato', 'sans-serif'; 
	font-weight:200px;
	color:#fffff; 
	text-shadow: 0px 3px #000;
	}

.article .btn {
    margin-top: 50px;
    color: #fff;
}

/*contact us*/
.spacer {
    margin-top: 50px;
}

.formInputWrap {
    background-color: #fff;
    text-align: left;
    margin-top: 30px;
}

.formInputWrap .title {
    font-size: 36px;
}
	
@media (max-width: 767px){

	.logo-url{
		width:50%;
	}
}
	
	
@media (max-width: 543px){

	
h1.brand{
	font-size:50px; 
}

.article  h1{
	font-size:48px; 
	line-height:40px;
	margin-top: 50px;
}

.article  h2{
	font-size:20px; 
	line-height:20px;
	padding-top:10px;
}

}

@media (max-width: 320px){

.coloum{
	padding-top:140px;
}
	
	
h1.brand{
	font-size:50px; 
}

.article  h1{
	font-size:45px; 
	margin-top: 30px;
}

.article  h2{
	font-size:17px; 
	line-height:20px;
	padding-top:10px;
}

.content li{
	padding:0px 20px 0px 20px;
}

}