.combined-input-button {
	display: block;
	height: auto;
	border: none;
	padding: 0;
}
	.combined-input-button > span:first-of-type {
		display: block;
		text-align: center;
	}
		.combined-input-button > span:first-of-type input {
			background: #000;
			color: #FFB817;
			border: 2px solid #FFB817;
			border-radius: 25px;
			padding: 0 20px;
			margin: 0 0 15px;
			height: 42px;
			line-height: 1;
			max-width: 180px;
			font-size: 18px;
		}
	.combined-input-button > span:last-of-type {
		display: block;
		text-align: center;
	}
		.combined-input-button > span:last-of-type input {
			background: #FFB817;
			color: #000;
			border: 2px solid #FFB817;
			border-radius: 25px;
			padding: 0 20px;
			font-size: 18px;
			line-height: 1;
			height: 42px;
		}
@media (min-width: 500px) {
	.combined-input-button {
		display: inline-block;
		height: 42px;
		border: 2px solid #FFB817;
		border-radius: 25px;
		padding: 0;
	}
		.combined-input-button > span:first-of-type {
			height: 42px;
			display: inline-block;
			float: left;
			border-radius: 25px 0 0 25px;
		}
			.combined-input-button > span:first-of-type input {
				background: transparent;
				color: #FFB817;
				border: none;
				border-radius: 21px 0 0 21px;
				padding: 0 20px;
				margin: 0;
				height: 42px;
				line-height: 1;
				width: 180px;
				font-size: 18px;
			}
		.combined-input-button > span:last-of-type {
			background: #FFB817;
			height: 39px;
			display: inline-block;
			float: left;
			border-radius: 0 18px 18px 0;
		}
			.combined-input-button > span:last-of-type input {
				background: none;
				color: #000;
				border: none;
				padding: 0;
				margin: 0 20px;
				font-size: 18px;
				line-height: 1;
				height: 42px;
			}
}

.icon {
	width: 45px;
	height: 45px;
	display: block;
	margin-bottom: 10px;
}

.icon-team {
	background-image: url('../images/icon-team.svg');
}

.icon-connect {
	background-image: url('../images/icon-connect.svg');
}
.icon-communication {
	background-image: url('../images/icon-communication.svg');
}
.icon-finance {
	background-image: url('../images/icon-finance.svg');
}

ul {
	list-style: none;
	padding-left:0;
}
li {
	background:url('../images/icon-check.png') no-repeat left top;
	padding-left:45px;
	line-height: 35px;
	margin-bottom: 10px;
}

.photo-motor {
	min-height: calc(100% - 160px);
	min-height: calc(100vh - 160px);

	padding-top: 120px !important;

	background-size: cover;
	background-position: center;
	background-attachment: fixed;

	font-size: 18px;
	font-weight: 300;

	background-image: linear-gradient(to bottom,  rgba(0, 0, 0, .3) 0%,rgba(0, 0, 0, 0) 100%), url('../images/Jumping-Willem2.jpg');
	background-position: -550px 0;
	background-size: 1200px auto;

	min-height: 100%;
	min-height: calc(100% - 160px);
	min-height: 100vh;
	min-height: calc(100vh - 160px);
}
@media (min-width: 500px) {
	.photo-motor {
		min-height: calc(100% - 220px);
		min-height: calc(100vh - 220px);

		padding-top: 180px !important;
		background-position: -530px 0;
		background-size: 1300px auto;
	}
}
@media (min-width: 700px) {
	.photo-motor {
		font-size: 20px;
		background-position: center 0;
	}
}
@media (min-width: 1000px) {
	.photo-motor {
		min-height: calc(100% - 244px);
		min-height: calc(100vh - 244px);
	}
}
@media (min-width: 1200px) {
	.photo-motor {
		font-size: 24px;
		background-size: cover;
	}
}

.text {
	font-size: 14px;
}
@media (min-width: 1200px) {
	.text {
		font-size: 18px;
	}
}

.custom-laptop {
	position: relative;
}
	.custom-laptop .laptop {
		display: block;
		width: 100%;
		margin-top: 36px;
		margin-bottom: calc(-40px - 2.5%);
	}
		.custom-laptop .laptop img {
			width: 100%;
			height: auto;
			float: left;
		}
		.custom-laptop .laptop:after {
			display: block;
			content: '';
			clear: both;
		}
@media (min-width: 500px) {
	.custom-laptop .laptop {
		width: 80%;
		margin-left: 10%;
		margin-bottom: calc(-40px - 2%);
	}
}
@media (min-width: 700px) {
	.custom-laptop .laptop {
		width: 60%;
		margin-bottom: calc(-40px - 1.5%);
		margin-left: 40%;
		margin-top: 0;
	}
}
@media (min-width: 1000px) {
	.custom-laptop .laptop {
		position: absolute;
		right: 5%;
		bottom: -2%;
		width: calc(100% / 12 * 6 - 5%);
		height: auto;
		display: block;
		margin: 0;
	}
}
@media (min-width: 1200px) {
	.custom-laptop .laptop {
		right: 2%;
		bottom: -2.5%;
		width: calc(100% / 12 * 8 - 4%);
	}
}
@media (min-width: 1630px) {
	.custom-laptop .laptop {
		right: 2%;
		bottom: -4%;
		width: 1020px;
	}
}

.custom-phone {
	position: relative;
}
	.custom-phone .buttons {
		width: 167px;
		margin: 48px auto 0;
	}
		.custom-phone .buttons a {
			display: inline-block;
			margin: 0 auto;
			height: 50px;
		}
		.custom-phone .buttons a + a {
			margin-top: 18px;
		}
		.custom-phone .buttons:after {
			content: '';
			display: block;
			clear: both;
		}
	.custom-phone .phone {
		display: block;
		width: 80%;
		margin-top: 36px;
		margin-left: 10%;
	}
		.custom-phone .phone img {
			width: 100%;
			height: auto;
			float: left;
		}
		.custom-phone .phone:after {
			display: block;
			content: '';
			clear: both;
		}
@media (min-width: 500px) {
	.custom-phone .buttons {
		width: 370px;
	}
		.custom-phone .buttons a:first-of-type {
			float: left;
		}
		.custom-phone .buttons a:last-of-type {
			float: right;
		}
		.custom-phone .buttons a + a {
			margin-top: 0;
		}
	.custom-phone .phone {
		width: 275px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 700px) {
	.custom-phone .phone {
		position: absolute;
		top: -20%;
		right: -140px;
		width: 320px;
		margin-bottom: 48px;
	}
}
@media (min-width: 1000px) {
	.custom-phone .buttons {
		margin-left: 0;
		margin-right: auto;
	}
	.custom-phone .phone {
		position: absolute;
		top: -20%;
		right: 7%;
		width: 320px;
		margin-bottom: 48px;
	}
}
@media (min-width: 1200px) {
	.custom-phone .phone {
		top: -25%;
		right: 10%;
		width: 400px;
	}
}

.custom-gradient {
	background: #fff;
	background-color: #fff !important;
	background-image: linear-gradient(to bottom,  rgba(255,255,255,0) 100px,rgba(255,255,255,1) 180px), url('../images/bike.jpg') !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
	background-size: 100% auto !important;
}
	.custom-gradient .row {
		margin-top: 150px;
	}
@media (min-width: 400px) {
	.custom-gradient {
		background-image: linear-gradient(to bottom,  rgba(255,255,255,0) 140px,rgba(255,255,255,1) 225px), url('../images/bike.jpg') !important;
	}
		.custom-gradient .row {
			margin-top: 190px;
		}
}
@media (min-width: 500px) {
	.custom-gradient {
		background-image: linear-gradient(to bottom,  rgba(255,255,255,0) 180px,rgba(255,255,255,1) 280px), url('../images/bike.jpg') !important;
	}
		.custom-gradient .row {
			margin-top: 250px;
		}
}
@media (min-width: 600px) {
	.custom-gradient {
		background-image: linear-gradient(to bottom,  rgba(255,255,255,0) 220px,rgba(255,255,255,1) 335px), url('../images/bike.jpg') !important;
	}
		.custom-gradient .row {
			margin-top: 300px;
		}
}
@media (min-width: 700px) {
	.custom-gradient {
		background-image: linear-gradient(to bottom,  rgba(255,255,255,0) 202px,rgba(255,255,255,1) 390px), url('../images/bike.jpg') !important;
	}
		.custom-gradient .row {
			margin-top: 400px;
		}
}
@media (min-width: 1000px) {
	.custom-gradient {
		background-position: bottom center !important;
		background-size: auto 100% !important;
		background-image: linear-gradient(to right,  rgba(255,255,255,0) 10%,rgba(255,255,255,1) 50%), url('../images/bike.jpg') !important;

		min-height: 600px;
	}
		.custom-gradient .row {
			margin-top: 0;
		}
}
@media (min-width: 1200px) {
	.custom-gradient {
		background-position: bottom left !important;
		background-image: linear-gradient(to right,  rgba(255,255,255,0) 15%,rgba(255,255,255,1) 55%), url('../images/bike.jpg') !important;
	}
		.custom-gradient .row {
			margin-top: 0;
		}
}

.custom-footer {
	background-position: top center !important;
	background-repeat: no-repeat !important;
	background-image: linear-gradient(to bottom, rgba(43, 43, 39, .5) 0%, rgba(19, 19, 17, 1) 80%), url('../images/dune.jpg') !important;
}
@media (min-width: 1000px) {
	.custom-footer {
		background-size: cover !important;
	}
}

.footer-logo {
	max-width: 250px;
}
	.footer-logo svg {
		max-width: 250px;
		margin-bottom: 10px;
	}

.footer a {
	color: rgba(255, 255, 255, .75);
}
	.footer a:not(.button):not(.header-logo):not(.footer-logo):not(.header-menu-btn):after {
		border-bottom: 1px solid rgba(255, 255, 255, .30);
	}

.bg-white {
	background: #fff;
	color: #131311;
}
	.bg-white a{
		color: #808285;
		text-decoration: none;
	}

	.bg-white a:hover{
		color: #FFB817;
		text-decoration: none;
	}

.bg-white h1,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5,
.bg-white h6 {
	color: #000;
}
.bg-white h1.yellow,
.bg-white h2.yellow,
.bg-white h3.yellow,
.bg-white h4.yellow,
.bg-white h5.yellow,
.bg-white h6.yellow {
	color: #FFB817;
}
.bg-white h1.yellow:after,
.bg-white h2.yellow:after,
.bg-white h3.yellow:after {
	background: #000;
}
.bg-black {
	background: #131311;
	color: rgba(255, 255, 255, .75);
}
.bg-dark {
	background: #131311;
	color: rgba(255, 255, 255, .75);
}
.bg-black h1, .bg-dark h1,
.bg-black h2, .bg-dark h2,
.bg-black h3, .bg-dark h3,
.bg-black h4, .bg-dark h4,
.bg-black h5, .bg-dark h5,
.bg-black h6, .bg-dark h6 {
	color: #fff;
}
.bg-yellow {
	background: #FFB817;
	color: rgba(0, 0, 0, .9);
}
.bg-yellow h1,
.bg-yellow h2,
.bg-yellow h3,
.bg-yellow h4,
.bg-yellow h5,
.bg-yellow h6 {
	color: #000;
}
