/*
	Theme: Astound - App Landing Page 
	Author: appengg.com
	Version: 1.0.2
*/



body {
	font-family: 'Open Sans', sans-serif;
	line height: 1.5;
	font-weight: 400;
	font-size: 16px;
	overflow-x: hidden;
	background: #ffffff;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}

a {
	color: #f55e25;
	transition: all 0.6 ease;
	-webkit-transition: all 0.6 ease;
	-moz-transition: all 0.6 ease;
	-o-transition: all 0.6 ease;
}

a:hover,
a:focus,
a:active {
	color: #0b0b0b;
	text-decoration: none;
}

a:focus {
	outline: none;
}

/*----------------------
		HEADER
------------------------*/
.header {
	background: #0b0b0b;
	padding: 50px 0;
	text-align: center;
}

.header h2 {
	color: #fff;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 42px;
}

.header img {
	width: 200px;
	margin: 0 auto;
	display: block;
}


/*----------------------
		DEMOS
------------------------*/

.demos {
	padding: 200px 0 150px;
	text-align: center;
}


.d-wrap a img {
	display: block;
	margin: 0 auto;
}


.d-wrap a h3 {
	display: block;
	padding: 20px 0;
	font-weight: 600;
	background: #eeeeee;
	margin: 0 auto;
	text-transform: capitalize;
}

.variants h2{
	margin-top: 60px;
	text-transform: capitalize; 
}

@media (max-width:992px) {
	.padding {
		padding-bottom: 100px;
	}
}

/*----------------------
		FOOTER
------------------------*/

.footer {
	text-align: center;
	padding: 20px 0;
	background: #f55e25;
	color: #fff;
}

/*============================================= 
				13. PRELOADER 
=============================================*/

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 9999;
  height: 100%;
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: url(images/load.gif) no-repeat center center;
  margin: -170px 0 0 -100px;
}