#subscribe-btn-color {

	background-color: black;

}
#eyespace-signature-color {

	color: black;/*#5192b1; */
}
#how-it-works-img {
    width: 100%;
     height: auto;
}
.container-fluid {
	padding: 60px 50px;
}
.bg-grey {
		background-color: #f6f6f6;
}
.logo-small {
		color: #f4511e;
		font-size: 50px;
}
.logo {
		color: #f4511e;
		font-size: 200px;
}
.thumbnail {
		padding: 0 0 15px 0;
		border: none;
		border-radius: 0;
}
.thumbnail img {
		width: 100%;
		height: 100%;
		margin-bottom: 10px;
}
.carousel-control.right, .carousel-control.left {
		background-image: none;
		color: #f4511e;
}
		/*
		glyphicon

		*/
		html {
			scroll-behavior: smooth;
		}
		.card-signup * {
			color: #fff !important;
		}
		::-webkit-input-placeholder {
			/* Chrome/Opera/Safari */
			color: #fff !important;
		}
		::-moz-placeholder {
			/* Firefox 19+ */
			color: #fff !important;
		}
		:-ms-input-placeholder {
			/* IE 10+ */
			color: #fff !important;
		}
		:-moz-placeholder {
			/* Firefox 18- */
			color: #fff !important;
		}
		input::placeholder {
			color: #fff !important;
		}
		/* label underline focus color */
		.input-field input[type=text]:focus {
			border-bottom: 1px solid #fff;
			box-shadow: 0 1px 0 0 #fff;
		}
		.btn-white {
			color: #51a2b1 !important;
		}
		.navbar-nav * {
			color: #fff;
		}
		@media screen and (max-width:600px) {
			#gmap_layer,
			#gmap_canvas {
				width: 100% !important;
			}
		}

		/* The actual timeline (the vertical ruler) */
		.timeline-timeline {
			position: relative;
			max-width: 1200px;
			margin: 0 auto;
		}
		/* The actual timeline (the vertical ruler) */
		.timeline-timeline::after {
			content: '';
			position: absolute;
			width: 6px;
			background-color: black;/*#FA4133; */
			top: 0;
			bottom: 0;
			left: 50%;
			margin-left: -3px;
		}
		/* Container around content */
		.timeline-container {
			padding: 10px 40px;
			position: relative;
			background-color: inherit;
			width: 50%;
			box-sizing: border-box;
		}
		/* The circles on the timeline */
		.timeline-container::after {
			content: '';
			position: absolute;
			width: 25px;
			height: 25px;
			right: -12px;
			background-color: white;
			border: 4px solid black;/*#fc5441; */
			top: 15px;
			border-radius: 50%;
			z-index: 1;
		}
		/* timeline for filled circles */
		.timeline-done::after {
			content: '';
			position: absolute;
			width: 25px;
			height: 25px;
			right: -12px;
			background-color: black;/*#fc5441; */
			border: 4px solid black;/*#fc5441; */
			top: 15px;
			border-radius: 50%;
			z-index: 1;
		}
		/* Place the container to the left */
		.timeline-left {
			left: 0;
		}
		/* Place the container to the right */
		.timeline-right {
			left: 50%;
		}
		/* Add arrows to the left container (pointing right) */
		.timeline-left::before {
			content: " ";
			height: 0;
			position: absolute;
			top: 22px;
			width: 0;
			z-index: 1;
			right: 30px;
			border: medium solid white;
			border-width: 10px 0 10px 10px;
			border-color: transparent transparent transparent #dedede;
		}
		/* Add arrows to the right container (pointing left) */
		.timeline-right::before {
			content: " ";
			height: 0;
			position: absolute;
			top: 22px;
			width: 0;
			z-index: 1;
			left: 30px;
			border: medium solid grey;
			border-width: 10px 10px 10px 0;
			border-color: transparent #dedede transparent transparent;
		}
		/* Fix the circle for containers on the right side */
		.timeline-right::after {
			left: -12px;
		}
		/* The actual content */
		.timeline-content {
			padding: 20px 30px;
			background-color: #dedede;
			position: relative;
			border-radius: 6px;
		}
		/*
		/* Media queries - Responsive timeline on screens less than 600px wide*/
		@media screen and (max-width: 600px) {
			/* Place the timelime to the left */
			.timeline-timeline::after {
				left: 31px;
			}
			/* Full-width containers */
			.timeline-container {
				width: 100%;
				padding-left: 70px;
				padding-right: 25px;
			}
			/* Make sure that all arrows are pointing leftwards */
			.timeline-container::before {
				left: 60px;
				border: medium solid white;
				border-width: 10px 10px 10px 0;
				border-color: transparent white transparent transparent;
			}
			/* Make sure all circles are at the same spot */
			.timeline-left::after,
			.timeline-right::after {
				left: 15px;
			}
			/* Make all right containers behave like the left ones */
			.timeline-right {
				left: 0%;
			}
		}