.btn {
	border-radius:0;
	letter-spacing:1px;
}

.btn-primary {
	background:black;
	border:4px black solid;
}

.btn-primary:hover {
	background:transparent;
	border:4px solid black;
	color:black;
}

/* PROCESS */
.steps .step {
	padding-bottom: 50px;
	background-size: cover !important;
}

.steps .step > div {
	background: #ffffff;
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);
}

.steps .step:nth-of-type(1) {
	background:url(../img/discover.jpg) no-repeat top;
}

.steps .step:nth-of-type(2) {
	background: url(../img/prototype.png) no-repeat top;
}

.steps .step:nth-of-type(3) {
	background: url(../img/develop.png) no-repeat top;
}

.steps .step:nth-of-type(4) {
	background: url(../img/support.png) no-repeat top;
}

.steps .step .step-box-left {
    position: relative;
    padding: 38px;
    float: left;
    margin-left: -293px;
    margin-top: -50px;
    z-index: 10;
    width: 460px;
    height: 220px;
}

.steps .step .step-box-right {
    position: relative;
    padding: 38px;
    float: right;
    margin-right: -293px;
    margin-top: -50px;
    z-index: 10;
    width: 460px;
    height: 220px;
}

* {
	transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-o-transition-timing-function: ease-in-out;
	transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s;
}

p {
	line-height:200%;
}

li {
	line-height:300%;
}

ul.list-unstyled li {
	line-height:150%;
}

.fa-li {
	line-height:300%;
	top:inherit;
}

header {
	width:100%;
	height:100vh;
	background-image:url(../img/header.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center center;
}

body {
	padding-top:0;
}

header div {
	position:relative;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
}

header div h1 {
	position:absolute;
	top:30%;
	left:0;
	margin-left:10%;
	margin-right:10%;
	width:80%;
	font-size:80px;
	color:white;
	
	font-weight:900;
	font-family:"Playfair Display";
	font-style:italic;
}

#about {
	padding-top:50px;
	padding-bottom:50px;
}

body {
	background:rgba(38, 39, 50, 0.25);
}

#technology {
	padding-top:50px;
	padding-bottom:50px;
}

#featured {
	padding-top:50px;
}

#about h2 {
	margin-top:100px;
}

h4, h5, h6 {
	text-transform:uppercase;
}

.steps .step .step-number {
	position: relative;
	z-index: 1;
	float: left;
	font-size: 50px;
	font-weight:200;
	font-family: Raleway;
	/* color: #efefef; */
	width: 67px;
	height: 100%;
	margin-top: 12px;
	/* margin-left: -10px;*/
	margin-right: 26px;
}

.steps .step .step-number:after {
	content: "";
	/* background: #e0e0e0; */
	position: absolute;
	z-index: -1;
	top: -26px;
	right: 20px;
	width: 1px;
	height: 115px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.blog-post-style1 .post-details .blog-post-number {
	padding: 15px 20px;
	margin: 8px 0 0 0;
	color: #fff;
	display: inline-block;
}
.bg-fast-yellow {
	background: #fdd947 !important;
}
.title-large {
	font-size: 28px !important;
	line-height: 34px !important;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height:100vh;
}

.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc 
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}

label {
	font-family:Raleway;
	text-transform: uppercase;
	font-size:smaller;
}

.topper-top {
	background-color:rgba(0,0,0,0.9);
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary, .btn-primary.focus, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
	border-width:4px;
	background: transparent;
	color:black;
	border-color:black;
}

.navbar li a {
	font-weight:600;
	font-size:12px;
	letter-spacing:1px;
	color:white;
}

.navbar li a:hover {
	background:transparent;
}

.btn {
	font-family:Raleway;
}

@media (max-width:700px) {
	.steps .step .step-box-left, .steps .step .step-box-right {
		margin-left: 0;
		margin-top: 0;
		margin-right: 0;
		
		width: 100%;
		height:100%;
		
		background: rgba(255,255,255,0.85);
	}
	
	.steps .step {
		padding-bottom: 0;
	}
}

@media (max-width:800px) {
	header {
		background-size: cover;
		background-position:50% 50%;
	}
	header div h1 {
		font-size:48px;
		/* top:20%; */
		margin-left:4%;
		margin-right:4%;
	}
	
	#about h2 {
		margin-top:0px;
	}

	.navbar-brand, .navbar li a {
		color:white;
		font-weight:600;
		letter-spacing:1px;
	}
	
	.navbar-collapse {
		background:rgb(68,72,81);
		transition:none;
	}
}

.navbar-toggle .icon-bar, .navbar-toggle:hover .icon-bar {
	background:white;
}

.navbar {
	/* background:rgb(68,72,81); */
}

.nav>li>a:focus, .nav>li>a:hover, .nav>li>a:active {
	background:black;
}

#process {
	overflow-x:hidden;
}

#process .section-header {
	margin-bottom:80px;
}

.navbar-gray {
	background:rgb(68,72,81);
}

#logo {
	padding-top:0px;
	padding-bottom:0px;
	background:black;
}