header{
	background: transparent url(/assets/img/frontpage/headerBG.jpg) top center repeat-x;
	min-height: 600px;
}

nav.navbar.navbar-assessment{
	border: 0;
}

a{
	color: #51267f;
}

.navbar .nav > li > a{
	color: #fff;
}

main p,
.well p{
	text-align: justify;
}

.navbar-nav > li{
	float: left; 
}

.nav > li > a:focus, 
.nav > li > a:hover{
	color: #fff;
	background-color: transparent;
	text-decoration: underline;
}

.intro-text{
	color: #fff;
	display: inline-block;
	width: 400px;
}

.testimonial{
	position: absolute;
	right: 10%;
	top: 220px;
	color: #fff;
	width: 210px;
	text-align: center;
}

.btn.btn-assessment{
	margin-top:30px;
}

footer{
	height: 50px;
	background-color: #52267f;
	margin-top: 30px;
}

.well{
	text-align: center;
}

.cost{
	font-weight: bold;
}

.well .cost{
	text-align: center;
	margin: 20px 0 30px;
}

.well h4{
	font-weight: bold;
	font-size: x-large;
	color: #666;
}

.poweredBy, 
.version{
	font-size: x-small;
	color: #713aa9;
	text-align: right;
	padding-right:10px;
}

.poweredBy{
	padding-top:10px;
}

/* order form */

#order-modal .form-section{
	font-size:16px;
	margin-top:10px;
	cursor:default;
}

#order-modal .form-section.tlc{
	margin-top:0;
}

#order-modal .form-group{
	margin-bottom:10px;
}

label.required::after {
	content: "*";
	position: absolute;
	right: 5px;
	color: #52267f;
}

.modal-header{
	cursor:default;
}

#order-modal .modal-footer {
	text-align:center;
}

#order-modal .modal-footer p{
	font-size:11px;
	margin-top:10px;
	margin-bottom:0;
	text-align:left;
	color:#737373;
}

body.eu #order-modal .modal-footer p span.eu,
body.eu.nl #order-modal .modal-footer p span.eu-nl,
body.eu:not(.nl) #order-modal .modal-footer p span.eu-non-nl,
body:not(.eu) #order-modal .modal-footer p span.non-eu
{
	color:#333;
}

#order-modal .btn-group-vertical{
	width:100%;
}

#order-modal .btn-group-vertical .btn{
	width:100%;
	max-width:100%;
	white-space:initial;
}

#order-modal .btn-group-vertical .btn.active{
	border-color:#888;
}

#stripe-card-errors{
	margin-top:10px;
}

#general-errors{
	padding:10px;
}

.glyphicon-spin{
	animation: spin 3s infinite linear;
	top:2px;
}

.form-group .glyphicon-spin{
	top:0px;
}

#order-vat-group{
	display:none;
}

.form-group:not(.has-feedback) .form-control-feedback{
	display:none;
}

body.eu #order-vat-group{
	display:block;
}

#order-vat-group .help-block{
	font-size:12px;
	margin-bottom:0;
}

body.nl #order-vat-group .help-block{
	display:none;
}

#order-vat-group .help-block.vatFail{
	position:relative;
}

body:not(.vatFail) #order-vat-group .help-block.vatFail,
body.vatFail #order-vat-group .help-block.noFail{
	display:none;
}

#order-vat-group .help-block .glyphicon{
	color: #ec971f;
	position: absolute;
	left: -20px;
	top: 0px;
	font-size: 16px;
}

.order-submit-price-helper {
	display:none;
    font-size: 11px;
}

#order-product-list .nlprice{
	display:none;
}

body.nl .order-submit-price-helper,
body.eu:not(.vatOK) .order-submit-price-helper {
    display:block;
}

.nowrap{
	white-space: nowrap;
}

/* order currencies */

.order-currency-usd,
.order-currency-gbp,
body.usd .order-currency,
body.gbp .order-currency{
	display:none;
}

body.usd .order-currency-usd{
	display:inline;
}

body.gbp .order-currency-gbp{
	display:inline;
}

/* test mode */

#order-modal .test-alert{
	display:none;
}

body.testmode #order-modal .test-alert{
	display:block;
}

#order-modal .test-alert a{
	color:inherit !important;
}

#order-modal .test-alert .glyphicon{
	opacity:0.7;
	margin-right:5px;
}

#order-modal .test-alert table tr td:first-child{
	padding-right:10px;
}

#testmode1, #testmode2{
	display:none;
}

body.testmode #testmode1,
body.testmode #testmode2{
	display:block;
	position:fixed;
	top:10px;
	color:white;
	font-size:24px;
	font-weight:bold;
	text-shadow: 0px 0px 10px #52267f;
	text-shadow: -1px -1px 2px #52267f, -1px 1px 2px #52267f, 1px -1px 2px #52267f, 1px 1px 2px #52267f;
	text-align:center;
}

body.testmode #testmode1{
	left:15px;
}

body.testmode #testmode2{
	right:15px;
}

/* responsive goodies */

@media (min-width: 1200px){
	.container{
		width: 1170px;
		max-width: 980px;
	}
}

@media (min-width:768px){
	.row.flex-me{
		display: flex;
		flex-wrap: wrap;
	}
	.row.flex-me > [class*='col-']{
		display: flex;
	}
	#order-modal .form-horizontal .control-label.tlc{
		padding-top:0;
	}
}

@media (max-width:990px){
	.testimonial{
		width: 157px;
	}
}

@media (max-width:767px){
	.testimonial{
		color: #fff;
		display: block;
		position: relative;
		width: 100%;
		margin: 20px auto;
		top: auto;
		right: auto;
	}
	.testimonial p:first-child{
		font-weight:bold;
	}
	.testimonial p{
		margin: 0 10px;
	}
	header{
		background: transparent url(/assets/img/frontpage/headerBGsm.jpg) top center repeat-x;
		background-size: cover;
		min-height: auto;
	}
	.btn.btn-assessment{
		margin-top:15px;
	}
	.row.contact-wrapper > div:nth-child(2){
		margin-top:10px;
	}
	label[for='zip'],
	label[for='lastName']{
		margin-top:15px;
	}
}

@media (max-width:440px){
	.intro-text{
		width: 100%;
	}
	.logo img{
		max-width:100%;
	}
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}