/* knipperende fonts bug in safari: */
html {-webkit-font-smoothing: antialiased;}

body {
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.waiting {
	display:none;
}

h3.activation {
	margin-bottom:40px;
}

h3.ilokid {
	padding:20px 0 30px 80px;
	background: url('/startbootstrap-creative-1.0.1/img/icon_account_72.png') no-repeat;
	color:#000000;
}

.bg-desk {
	background: url('/startbootstrap-creative-1.0.1/img/cardiff_background_cut.jpg') no-repeat center center fixed;
	/*background: url('/startbootstrap-creative-1.0.1/img/bg-aekey.jpg') no-repeat center center fixed;*/
	background-size: cover;
	min-height:75%;
}

#store_error {
	min-height:75%;
}

.infopanel
{
	opacity:0.9;
}

.overlay {
  bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    /*z-index: 1;*/
  opacity:0.0;
  background:#f05f40;
}

.panel-heading .fa {
	margin-right:10px;
}

.panel.installer .panel-body h1, .panel.installer .panel-heading h3 {
	margin-top:0px;
	margin-bottom:0px;
}

.panel.installer .panel-heading:hover {
    cursor: pointer;
}

.panel.installer .panel-body .btn {
	margin-top:8px;
	margin-bottom:8px;
}

.panel.installer .panel-body {
	padding-top:0px;
}

.panel.installer .panel-body .row {
	padding-top:20px;
	padding-bottom:20px;
}

.panel.installer .panel-body .row:nth-child(odd){
	background-color:#eee;
}

.form-control.has-error {
	background-color:#f05f40;
	color:#fff;
}

.bg-red, .bg-red a {
	background-color:#f05f40;
	color:#fff;
}

.bg-store-grey {
	background-color:#f5f5f5;
}

a.socicon_large {
	margin-right:64px;
}

a:hover {
  text-decoration:none;
}

a.carousel-control, .carousel-control.right, .carousel-control.left {
	background:none !important;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive.instafeed /*, .img-responsive, .thumbnail a > img, .thumbnail > img*/ {
	width:100%; /* rek t plaatje op als ie te klein is! */
}

.carousel-caption {
	left:10%;
	right:10%;
	text-align:center;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
	z-index:0;
	bottom:0px;
	padding-bottom:60%;
}

/* ir plaat tietles */
.irplaat{
	position:relative;
	width:100%;
}

.irtextachtergrond {
	background-color:black;
	opacity:0.5;
	width:100%;
	height:80px;
	position:absolute;
	top:0px;
}

.irtext {
	text-align:center;
	position:absolute;
	top:0px;
	padding:10px;
	opacity:1;
	display:block;
	width:100%;
	
}
.irtext .title {
	font-size:20px;
	margin:0 auto;
	padding:0;
	color:white;
	white-space: nowrap;
	overflow:hidden;
}
.irtext .subtitle {
	font-style:italic;
	color:#c5c5c5;
}

@media (min-width: 768px){
	.irtextachtergrond {
		width:650px;
		height:86px;
		top:auto;
		bottom:10px;
		
	}
	.irtext {
		text-align:left;
		position:absolute;
		top:auto;
		bottom:10px;
		padding:20px 40px;
		width:650px;
	}
	.irtext .title {
		font-size:24px;
		margin:0;
		padding:0;
	}
}

@media (min-width: 992px){	
	.irtextachtergrond {
		bottom:40px;
	}
	.irtext {
		bottom:40px;
	}
}

/* navbar */

	#mainNavStatic {
		margin-bottom: 0px;
		opacity:0.95;
		border:none;
	}

	#mainNavStatic .navbar-brand {
	  padding:1px 15px;
	}
	
	#mainNavStatic.affix > .container-fluid {
		padding:0px 25px;
	}

	#mainNavStatic > .container-fluid {
		padding: 0 15px;
	}
	
	.nav-logo img {
		height:50px;
		margin-left:15px;
	}
	.navlinks {
		margin:16px auto;
		display:none;
	}

	a.navlink{
		color: #222;
		font-weight: 700;
		text-transform: uppercase;
		padding:4px;
		font-size:13px;
	}
	
	.firstsection {
		padding:50px 0 0 0;
	}
	
	.navlinks .nav-logo {
		display: none;
	}
	
	@media (min-width:450px) {
		.navlinks {
			display:table;
		}
		#mainNavStatic .navbar-toggle {
			display:none;
		}
		.collapsed-logo {
			display:none;
		}
		.firstsection {
			padding:85px 0 0 0;
		}
	}
	
	@media (min-width:520px) {
		a.navlink{
			padding:5px;
		}
		.navlinks .nav-logo {
			display: inline;
		}
	}
	

	@media (min-width: 768px){
		
		#mainNavLarge {
			background:none;
		}
		
		#mainNavLarge .navbar-nav {
			float:none;
			margin: 0 auto;
			display: table;
			table-layout: fixed;
		}
		
		#mainNavStatic > .container-fluid {
			padding:15px 25px;
		}
		
		.navbar-nav > li > a {
			padding:2px 15px;
			line-height:46px;
		}
		.navbar-nav > li > a > i {
			display:none;
		}
		
		#prodNav .navbar-nav > li > a {
			padding:2px 6px;
		}
		
		.navlinks {
			display:none;
		}
		.carousel-caption {
			text-align:left;
			padding-bottom:6%;
		}
	}

	@media (min-width: 992px){
		#prodNav .navbar-nav > li > a {
			padding:2px 15px;
		}
		.navbar-nav > li > a > i {
			display:inline-block;
		}
	}
/* prod navbar */
	#product-navbar {
		overflow:none;
		
	}
	#prodNav.affix {
	  top:0px;
	  width:100%;
	  z-index:1;
	}

	#prodNav {
	  width:100%;
	  border-radius: 0;
	  border:0;
	}
	
	.navbar-brand img {
		height:48px;
	}

	#aelogo-prod-navbar {
	  padding:1px 0;
	  margin:0 0 0 15px;
	  opacity:0.7;
	}

	#aelogo-prod-navbar:hover {
	  opacity:1;
	}

	@media (min-width: 768px){
		#prodNav .navbar-collapse {
			padding:0;
		}
		
		#aelogo-prod-navbar {
			padding:1px 0;
			margin:0 10px 0 0;
		}
	  	#prodNav .navbar-nav > .active > a, #prodNav .navbar-nav > .active > a:focus, #prodNav .navbar-nav > .active > a:hover {
	  	 	border-bottom: 4px solid #f05f40;
	  	}
	}

	@media (min-width: 992px){		
		  #aelogo-prod-navbar {
			  padding:1px;
			  margin:0 30px 0 -20px;
		  }
	}

/* software */

	.thumbnail .btn {
		margin-bottom:30px;
	}
	
	.thumbnail.software {
		min-height:880px;
	}
	
	.software > .caption > h2.section-heading {
		font-size:30px;
	}
	
	@media (min-width: 768px){
		.thumbnail.software {
			min-height:830px;
		}
	}
	
	@media (min-width: 992px){
		.software > .caption > h2.section-heading {
			font-size:22px;
		}
	}
	
	@media (min-width: 1200px){
		.software > .caption > h2.section-heading {
			font-size:30px;
		}
	}
	
	h2.pricetag {
		float:right;
	}

	h2.pricetag small {
		font-size:12px;
		margin-left:8px;
	}

	.bottom-aligned-text {
	    position: absolute;
	    bottom: 0;
		margin-bottom:36px;
	}
	.label-light {
		opacity:0.6;
	}
	.label-black {
		background-color:#000;
	}

/* add order lines popup */
	input.input-qty {
		width:50px;
	}

	#orderlines {
		border-collapse:separate;
		border:solid #f5f5f5 1px;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius: 6px;
		background-color: #f5f5f5;
		margin-bottom:15px;
	}
	
	#orderlines > tbody > tr > td {
		border-top:1px solid #eee;
		line-height: 1;
		font-size:16px !important;
		/*background-color: #f5f5f5;
		border-bottom: 1px solid #ddd;*/
	}
	
	#orderlines .form-group {
		margin-bottom:0;
	}
	
	#orderlines > tbody > tr > td.buynow {
		padding-top:14px;
		font-size:18px;
	}
	
	#orderlines > tbody > tr > td.ppi{
		border-top:none;
		font-size:11px;
		color:#888;
	}

	.btn-xl {
		padding: 6px 12px;
	}

	.vat {
		color:#bbb;
		margin-left:0px;
	}

	.sub {
		color:#f05f40;
	}

	@media (min-width: 520px){
		#orderlines > tbody > tr > td {
			font-size:18px !important;
		}
		.btn-xl {
			padding: 15px 30px;
		}
	}
	@media (min-width: 768px){
		.vat {
			margin-left:20px;
		}

	}

	.alert-light {
		background-color:#e9faff;
	}
	
	/*#orderlines > tbody > tr:last-child > td {
		border-bottom:none;
	}*/

	

	.addbtns, #delivery {
		padding-left:10px;
		margin-bottom:20px;
	}
	
	.addbtns {
		line-height:30px;
	}
	
	#delivery {
		border-collapse:separate;
		border:solid #f5f5f5 1px;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius: 6px;
		background-color: #f5f5f5;
	}

	
	
	.modal-body .alert {
		font-size:12px;
		padding:7px;
	}
	
/* download version info */
	@media (min-width: 992px) {
		.page-header.breed h2 {
			font-size:22px;
			line-height:33px;
		}
	}
	@media (min-width: 1200px) {
		.page-header.breed h2 {
			font-size:30px;
		}
	}
	
	/* bbb en matt info */
	.productinfo .row {
		padding-bottom:40px;
	}
	
	.productinfo img {
		margin-top:60px;
	}
	
	.productinfo ul {
		list-style-type: none;
		padding:20px 10px 0 30px;
		border-left:3px solid #c6c6c6;
	}
	.productinfo ul li {
		padding-bottom:20px;
	}
	
/* /download page */
.panel.installer .panel-body h1.softwaretitle {
	margin-bottom:20px;
}
	
/* support section */
	#support.container > div.row {
		margin-top:50px;
	}
	
	#support .service-box {
		min-height:220px;
	}
	
/* faq */

.panel-heading.faq {
	cursor:help;
}

.faqtitle {
	margin-bottom:22px;
}

/* instagram feed */

	.col-instafeed {
		padding:0px;
	}
	
	.instaicon {
		position:absolute;
		margin:10px;
		color:white;
		opacity:0.5;
	}
	
	.instaicon p {
		display:none;
	}
	a.instalink:hover > .instaicon {
		opacity:0.9;
	}
	a.instalink:hover > .instaicon > p {
		display:inline;
	}
	
	#more-instagram {
		opacity:0.5;
	}
	
/* footer */

	.bg-footer {
		/*background-color:#85929E;*/
		background-color:#887e76;
		color:#fff;
	}

	

	a.socicon_footer {
		margin-right:16px;
		color:#fff;
	} 
	a:hover.socicon_footer{
		color:#f05f40;
	}  
	.footersmall p {
		font-size:10px;
	}
	.footersmall h4 {
		font-size:16px;
	}
	.footerlink {
		color:#fff;
	}
	.footerlink i {
		margin-right:20px;
		width:10px;
	}
	.center-to-right i {
		margin-right:14px;
	}
	#footer {
		/*background-color:#45B39D; lekker groen!*/
		padding:30px;
	}
	#footer .col-sm-4 {
		padding-bottom:30px;
	}
	footer a {
		color: #777;
	}
	.center-to-left {
		display: block;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	.center-to-right {
		display: block;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	@media (min-width: 768px) {
		.center-to-left {
			text-align: left;
			float: left;
		}
		.center-to-right {
			float: right;
			text-align: right;
		}
	}
	
	.panel-small {
		font-size:12px;
		width:75%;
		opacity:0.7;
		margin-top:20px;
	}
	
	.panel-small:hover {
		opacity:1;
	}
	
	.panel-small .panel-heading, .panel-small .panel-body {
		padding:4px 6px;
	}