html{
    position: relative;
    min-height: 100%;
    margin: 0;
}
body {
	font-family: sans-serif, Arial;
	font-size: 15px;
	line-height: 1.6;
}
	blockquote{
		font-size: 120%;
	}

	div.flash {
		color: black;
		background: #FFF9D7;
		border: 1px solid #E2C822;
		padding: 1em;
		margin: 1em 0;
	}

	a {
		color: #d30070;
	}

	a[href^="error:"] {
		background: red;
		color: white;
	}

	form th, form td {
		vertical-align: top;
		font-weight: normal;
	}

	form th {
		text-align: right;
	}

	form .required label {
		font-weight: bold;
	}

	form .error {
		color: #D00;
		font-weight: bold;
	}

	html.js .jshidden {
		display: none;
	}


	/********** LAYOUT **********/
	.container {
		max-width: 1140px;
	}
	.content{
	}	
			nav ul.navbar-nav li {
				margin: 0 1rem;
			}

				nav ul.navbar-nav li a {
					background: none;
					color: #d30070;
					border-radius: 0;
					padding: 1rem 0 0 0;
					border-bottom: 2px solid transparent;
					font-size: 1.2rem;
				}

				nav ul.navbar-nav li a:hover {
					color: #1a1a1a;
				}

				nav ul.navbar-nav li.active a,
				nav ul.navbar-nav li.active a:hover {
					background: none;
					color: #d30070;
					border-color: #d30070;
				}

		.page-header {
			border: none;
		}

			.page-header h1, .page-header h2, .page-header h3 {
				margin-top: 3rem;
				margin-bottom: 1.5rem;
			}

			.page-header h1 {
				font-weight: 100;
			}

				.page-header h1 small {
					font-size: 50%;
				}

		.banner {
			min-height: 410px;
			margin: 10px 0;
		}

			.banner-img {
				background: #fff url('../images/headerbkg.jpg') no-repeat;
				background-position: center;
				position: absolute;
				z-index: 1;
				left: 0;
				width: 100%;
				min-width: 970px !important;
				min-height: 410px;
				overflow: hidden;
			}

			.banner-reference {
				position: relative;
				z-index: 2;
				top: 180px;
				margin: auto;
				padding: 1em;
				opacity: 0.75;
				background: #000;
				color: #fff;
				width: 330px;
				min-height: 80px;
			}

			@media (min-width: 576px) {
				.banner-reference {
					margin: 0;
					left: 47%;
				}
			}

			@media (min-width: 768px) {
				.banner-reference {
					margin: 0;
					left: 60%;
				}
			}


				.banner-reference h3 {
					text-transform: uppercase;
					font-size: 1.2em;
					margin: 0 0 0.8em 0;
				}

		.row.curtain {
			background: #d30070 no-repeat;
		}

			.row.curtain {
				margin: 1rem ;
			}
				.row .col{
					margin-top: 2rem;
					margin-bottom: 2rem;
				}

				.row.curtain a {
					color: #000;
					text-decoration: none;
				}

					.row.curtain a:hover {
						color: #fff;
					}

				.row.curtain h2 {
					font-weight: 300;
					font-size: 1.2rem;
					text-transform: uppercase;
					padding: 0 2rem;
					line-height: 1.3rem;
				}

				.row.curtain .marketing {
					background: transparent url('../images/marketing.png') no-repeat top center;
					color: #fff;
					padding-top: 70px;
				}

					.row.curtain a:hover .marketing {
						background-image: url('../images/marketing-hover.png');
					}

				.row.curtain .editing {
					background: transparent url('../images/editing.png') no-repeat top center;
					color: #fff;
					padding-top: 70px;
				}

					.row.curtain a:hover .editing {
						background-image: url('../images/editing-hover.png');
					}

				.row.curtain .support {
					background: transparent url('../images/support.png') no-repeat top center;
					color: #fff;
					padding-top: 70px;
				}

					.row.curtain a:hover .support {
						background-image: url('../images/support-hover.png');
					}

				.row.curtain .consultancy {
					background: transparent url('../images/consultancy.png') no-repeat top center;
					color: #fff;
					padding-top: 70px;
				}

					.row.curtain a:hover .consultancy {
						background-image: url('../images/consultancy-hover.png');
					}


			.flex-row.curtain-bar{
				margin: -1rem 1rem 1rem 1rem;
			}

			.flex-row.curtain-bar div{
				background: #fff;
				background-repeat: no-repeat;
			}

			.flex-row.curtain-bar .curtain-left {
				width: 28px;
				height: 97px;
				background-image: url('../images/curtainbkg-left.png');
			}

			.flex-row.curtain-bar .curtain-right {
				width: 28px;
				height: 97px;
				background-image: url('../images/curtainbkg-right.png');
			}

		.row.partners {
			text-align: center;
		}

			.row.partners h3 {
				text-transform: uppercase;
				font-weight: 300;
			}

				.row.partners h3 small {
					font-size: 50%;
				}

			.row.partners .logos {
				padding: 20px 0;
			}

				.row.partners .logos a.logo {
					background: #fff;
					box-shadow: 1px 1px 6px #ccc;
					padding-top: 10px;
					min-height: 50px;
					min-width: 180px;
					margin: 10px;
				}

		.stripe {
			height: 112px;
			margin: 10px 0;
		}

			.stripe .page-header {
				margin: 0;
				background: #fff url('../images/stripebkg.png') repeat-x;
				background-position: center;
				z-index: 1;
				left: 0;
				width: 100%;
				position: absolute;
				min-height: 112px;
				overflow: hidden;
				border: none;
			}

				.stripe .page-header h1 {
					margin: auto !important;
					padding: 38px 0px 0 0px;
				}

		.row.text-content {
			margin-top: 50px;
		}

			.row.text-content blockquote {
				font-style: italic;
				color: #a3a3a3;
				border: none;
				padding: 0;
			}

			.row.text-content h2 {
				margin-top: 10px;
				margin-bottom: 30px;
				font-weight: 300;
			}

		ul.services {
			list-style-type: none;
			margin: 0;
		}

			ul.services li {
				min-height: 100px;
				margin: 20px 0;
				display: flex;
				clear: both;
			}

				ul.services li > div {
					display: inline-block;
					vertical-align: top;
				}

				ul.services li .image {
					flex-shrink: 0;
					min-width: 66px;
				}

				ul.services li .description {
					flex-shrink: 1;
					margin-left: 20px;
				}

					ul.services li .description a,
					ul.services li .description a:hover {
						color: #d30070;
						text-decoration: none;
					}

					ul.services li .description h3 {
						margin: 0;
						font-weight: 300;
						font-size: 1.2em;
						max-width: 350px;
					}

						ul.services li .description h3 span.upper {
							text-transform: uppercase;
						}
		ul.references{
			list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAEklEQVQImWPYKpr/HxdmGFKSAABobLmve/UuAAAAAElFTkSuQmCC);
		}

	footer {
		background: #333;
		color: #fff;
	}

		footer .nav a {
			color: #fff;
		}

		footer .nav li {
				border-radius: 0;
				padding: 0.5rem 0 0 0;
				border-bottom: 1px solid transparent;
		}

		footer .nav li.active {
			border-color: #fff;
		}

		footer .nav a:hover {
			border-color: #fff;
			color: #fff;
		}
		footer .copyright {
			font-size: 0.75rem;
		}