/**************************************************************************** 
 * teqa.css (used instead of default main.css, including bootstrap overrides)
 ***************************************************************************/
 
body {
	background-color:#eaeaea;
	}
	header {
		background-color:#ffffff;
		border-bottom:1px solid #e7e7e7;
		}
/*------------------------------
	    NAVIGATION
------------------------------*/ 
header .navbar {
	min-height:70px;
	margin-bottom:0;
	}
	header .navbar-default {
		box-shadow:none;		
		background-image:none;
		background-color:#ffffff;
		border-width:0!important;
		}
		
	/* START change Navbar Collapse Breakpoint */
		@media (min-width: 768px) and (max-width: 991px) {
			header .navbar-header {
				float: none;
				margin-left:-15px!important;
				margin-right:-15px!important;
				}
			header .navbar-brand {
				margin-left:0!important;
				}
			header .navbar-toggle {
				display: block;
			}
			header .navbar-collapse {
				border-top: 1px solid #e7e7e7!important;
				box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
				padding-left:0!important;
				padding-right:0!important;
				margin-left:0!important;
				margin-right:0px!important;
				max-height:none!important;
				height:auto!important;
				overflow-x:visible!important;
			}
			header .navbar-collapse.collapse {
				display: none!important;
			}
			header .navbar-nav {
				float: right!important;
				margin: 7.5px -15px;
			}
			header .navbar-nav li {
				float: left;
				}
				header .navbar-nav li.dropdown li {
					float:none;
					}
			/* since 3.1.0 */
			header .navbar-collapse.collapse.in { 
				display: block!important;
			}
			header .collapsing {
				overflow: hidden!important;
			}
		}
		/* END change Navbar Collapse Breakpoint */	
		
	header .navbar-brand {
		padding:5px 15px;
		height:70px;
		}
	header .navbar-nav li {
		margin:0;
		white-space:nowrap;
		}
		.navbar-nav.navbar-right:last-child {
			margin-right:0;
			}
		header .navbar-nav li.dropdown-header {
			text-transform:uppercase;
			}
	header .navbar-nav li a {
		padding:7px 8px;
		margin-top:20px;
		margin-bottom:20px;
		border-radius:5px;
		margin-right:5px;
		}
		@media (min-width:768px) and (max-width:1199px){
			header .navbar-nav li a {
				padding:6px 9px;
				}
		}
		/* solution for common bootstrap problem 'any parent element in menu cannot link to content': see _func.php line 156 */
		/* necessary custom styling for this solution																		 */
		header .navbar-nav li.parentlink a {
			margin-right: 0px; 
			border-radius: 5px 0px 0px 5px;
			padding-right:4px;
			}
		header .navbar-nav li.dropdown_showchildren a {
			border-radius: 0 5px 5px 0;
			border-left:1px solid rgba(255,255,255,0.5)!important;
			}
		.navbar-default .navbar-nav > li > a:hover,
		.navbar-default .navbar-nav > li > a:focus,
		.navbar-default .navbar-nav > li.open > a, 
		.navbar-default .navbar-nav > li.open > a:focus, 
		.navbar-default .navbar-nav > li.open > a:hover {
			background-color:transparent;
			color:#3BA7C2;
			}
		/*** last child of mainmenu is FREE TRIAL, this menu-button differs in color-setting ***/
		header .navbar-nav li:last-child a {
			background-color:#3BA7C2;
			color:#ffffff;
			margin-right:0;
			}			
			.navbar-default .navbar-nav > li:last-child > a:hover,
			.navbar-default .navbar-nav > li:last-child > a:focus,
			header .collapse.in .navbar-nav li:last-child a:hover,
			header .collapse.in .navbar-nav li:last-child a:focus {
				background-color:#297487;
				color:#ffffff;
				}
			/* no different color for last-child in dropdown */
			header .dropdown-menu li:last-child a {
				background-color:transparent;
				color:#333333;
				}
				header .navbar-nav .dropdown-menu li:last-child a:hover,
				header .navbar-nav .dropdown-menu li:last-child a:focus {
					background-color:#f5f5f5;
					color:#262626;			
					}
					header .navbar-nav .dropdown-menu li.active:last-child a,
					header .navbar-nav .dropdown-menu li.active:last-child a:hover,
					header .navbar-nav .dropdown-menu li.active:last-child a:focus {
						background-color:#ffffff;
						color:#3BA7C2;
						}
				
		header .navbar-nav > li > .dropdown-menu { 
			border-radius:4px;
			margin-top:-18px;
			}
		header .dropdown-menu li a {
			padding: 3px 20px;
			margin:0;
			border-radius:0!important;
			}
	/* active menu item color settings*/	
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active.open > a {
		background-color:#e7e7e7;
		color:#333333;
		}
		.navbar-default .navbar-nav > .active > a:hover,
		.navbar-default .navbar-nav > .active > a:focus,
		.navbar-default .navbar-nav > .active.open > a:hover,
		.navbar-default .navbar-nav > .active.open > a:focus {
			background-color:#999999;
			color:#ffffff;
			}
		.dropdown-menu > .active > a,
		.dropdown-menu > .active > a:hover, 
		.dropdown-menu > .active > a:focus {
			background-color:#ffffff;
			color:#3BA7C2;
			}
				
/*** START setting for collapsed menu - default for XS devices + custom for this site for SM devices ***/
	/* toggle button */
	.navbar-default .navbar-toggle {
		border:0;
		padding:0;
		border-radius:0;
		margin:23px 15px 0;
		font-size:28px;
		color:#555555;
		}
		.navbar-default .navbar-toggle:hover,
		.navbar-default .navbar-toggle:focus {
			background-color:transparent;
			}
		.navbar-default .navbar-toggle .icon-bar {
			background-color:#555555;
			height:5px;
			width:30px;
			}
			.navbar-default .navbar-toggle:hover .icon-bar,
			.navbar-default .navbar-toggle:focus .icon-bar {
				background-color:#3BA7C2;
				}
				
	header .navbar-collapse.collapse.in {
		height:auto;
		overflow-y:visible;
		}
	header .collapse.in .navbar-nav {
		background-color:#ffffff;
		margin-top:0;
		margin-bottom:0;
		border-bottom:1px solid #e7e7e7;
		}
		@media (min-width: 768px) and (max-width: 991px) {
			header .collapse.in .navbar-nav {
				border-bottom:0 none;
				}
		}
	
	/* START XS ONLY SETTINGS */
	@media (max-width:767px) {
		header .collapse.in .navbar-nav li a {
			padding:10px 15px;
			margin:0;
			border-radius:0;
			color:#777777;
			}			
			header .collapse.in .navbar-nav li a:hover,
			header .collapse.in .navbar-nav li a:focus {
				color:#353535;
				background-color:#e7e7e7;
				}
		/* custom css for common bootstrap problem 'any parent element in menu cannot link to content' */
		header .collapse.in .navbar-nav li.dropdown_showchildren {
			margin-top:-40px;
			margin-left:95px; /*set margin-left so arrow is displayed at the right side to the text of the parentlink*/
			width:45px;
			}
			header .collapse.in .navbar-nav li.dropdown_showchildren a {
				border-right:1px solid rgba(255,255,255,0.5);
				}
		
		/* active menu item color settings*/	
		.navbar-default .collapse.in .navbar-nav > .active > a,
		.navbar-default .collapse.in .navbar-nav > .active > a:hover,
		.navbar-default .collapse.in .navbar-nav > .active > a:focus {
			background-color:#999999;
			color:#ffffff;
			}
		/* for .collapse.in navbar-right we need the default margin-right of -15px*/
			.collapse.in .navbar-nav.navbar-right:last-child {
				margin-right:-15px;
				}

		/* dropdown */
		.collapse.in .navbar-nav .open {
			background-color:#ffffff;
			color:#555555;
			}
			.collapse.in .navbar-nav .open .dropdown-menu {
				background-color:#ffffff;
				padding:0;
				margin-left:-95px; /* same margin as 'header .collapse.in .navbar-nav li.dropdown_showchildren' but negative value */
				}
				.navbar-default .collapse.in .navbar-nav .open .dropdown-menu > li > a,
				.navbar-default .collapse.in .navbar-nav .open .dropdown-menu > li:last-child > a {
					color:#999999;
					font-size:90%;
					padding-left:25px;
					margin-top:0;
					margin-left:0;
					background-color:#ffffff;
					border-radius:0;
					}
					.navbar-default .collapse.in .navbar-nav .open .dropdown-menu > li > a:hover,
					.navbar-default .collapse.in .navbar-nav .open .dropdown-menu > li > a:focus,
					.navbar-default .collapse.in .navbar-nav .open .dropdown-menu > li:last-child > a:hover,
					.navbar-default .collapse.in .navbar-nav .open .dropdown-menu > li:last-child > a:focus{
						color:#555555;
						background-color:#ffffff;
						}
					/* dropdown active */
					.navbar-default .collapse.in  .navbar-nav .open .dropdown-menu > .active > a,
					.navbar-default .collapse.in  .navbar-nav .open .dropdown-menu > .active > a:hover,
					.navbar-default .collapse.in  .navbar-nav .open .dropdown-menu > .active > a:focus,
					.navbar-default .collapse.in .navbar-nav .open .dropdown-menu > li.active:last-child > a {
						background-color:#ffffff;
						color:#3BA7C2;
						}
					.navbar-default .collapse.in .navbar-nav .open .dropdown-menu .divider {
						margin-left:25px;
						}
		/* for .collapse.in navbar-right we need to set a fixed max-width for the free trial link so the button won't be full size*/
		/* also: less margin-top and add margin-bottom + margin-left and less padding */
		header .collapse.in .navbar-nav li:last-child a {
			max-width:100px;
			margin-top:3px;
			margin-bottom:5px;
			margin-left:15px;
			padding: 6px 12px;
			border-radius:4px;
			color:#ffffff;
			}
	}
	/* END XS ONLY SETTINGS */
	
	/* START SM ONLY SETTINGS */
	@media (min-width: 768px) {
		header .collapse.in .navbar-nav li a {
			padding:6px 9px;
			margin-top:20px;
			margin-bottom:20px;
			border-radius:5px;
			margin-right:5px;
			}
			/* solution for common bootstrap problem 'any parent element in menu cannot link to content': see _func.php line 156 */
			/* necessary custom styling for this solution																		 */
			header .collapse.in .navbar-nav li.parentlink a {
				margin-right: 0px; 
				border-radius: 5px 0px 0px 5px;
				padding-right:4px;
				}
			header .collapse.in .navbar-nav li.dropdown_showchildren a {
				border-radius: 0 5px 5px 0;
				border-left:1px solid rgba(255,255,255,0.5)!important;
				}
			.navbar-default .collapse.in .navbar-nav > li > a:hover,
			.navbar-default .collapse.in .navbar-nav > li > a:focus,
			.navbar-default .collapse.in .navbar-nav > li.open > a, 
			.navbar-default .collapse.in .navbar-nav > li.open > a:focus, 
			.navbar-default .collapse.in .navbar-nav > li.open > a:hover {
				background-color:transparent;
				color:#3BA7C2;
				}
			/*** last child of mainmenu is FREE TRIAL, this menu-button differs in color-setting ***/
			header .collapse.in .navbar-nav li:last-child a {
				background-color:#3BA7C2;
				color:#ffffff;
				margin-right:0;
				}			
				.navbar-default .collapse.in .navbar-nav > li:last-child > a:hover,
				.navbar-default .collapse.in .navbar-nav > li:last-child > a:focus,
				header .collapse.in .navbar-nav li:last-child a:hover,
				header .collapse.in .navbar-nav li:last-child a:focus {
					background-color:#297487;
					color:#ffffff;
					}
				/* no different color for last-child in dropdown */
				header .collapse.in .dropdown-menu li:last-child a {
					background-color:transparent;
					color:#333333;
					}
					header .collapse.in .navbar-nav .dropdown-menu li:last-child a:hover,
					header .collapse.in .navbar-nav .dropdown-menu li:last-child a:focus {
						background-color:#f5f5f5;
						color:#262626;			
						}
						header .collapse.in .navbar-nav .dropdown-menu li.active:last-child a,
						header .collapse.in .navbar-nav .dropdown-menu li.active:last-child a:hover,
						header .collapse.in .navbar-nav .dropdown-menu li.active:last-child a:focus {
							background-color:#ffffff;
							color:#3BA7C2;
							}
							
			header .collapse.in .navbar-nav > li > .dropdown-menu { 
				border-radius:4px;
				margin-top:-18px;
				}
			header .collapse.in .dropdown-menu li a {
				padding: 3px 20px;
				margin:0;
				border-radius:0;
				}
		/* active menu item color settings*/	
		.navbar-default .collapse.in .navbar-nav > .active > a,
		.navbar-default .collapse.in .navbar-nav > .active.open > a {
			background-color:#e7e7e7;
			color:#333333;
			}
			.navbar-default .collapse.in .navbar-nav > .active > a:hover,
			.navbar-default .collapse.in .navbar-nav > .active > a:focus,
			.navbar-default .collapse.in .navbar-nav > .active.open > a:hover,
			.navbar-default .collapse.in .navbar-nav > .active.open > a:focus {
				background-color:#999999;
				color:#ffffff;
				}
			.navbar-default .collapse.in .navbar-nav .dropdown-menu > .active > a,
			.navbar-default .collapse.in .navbar-nav .dropdown-menu > .active > a:hover, 
			.navbar-default .collapse.in .navbar-nav .dropdown-menu > .active > a:focus {
				background-color:#ffffff;
				color:#3BA7C2;
				}	
	}
	/* END SM ONLY SETTINGS */
/*** END setting for collapsed menu **/
	
/*------------------------------
	  HEADER CAROUSEL
		home-page
------------------------------*/
/* center header text above the imageslide and add margin-bottom */	
#home-page header .header-txt {
	text-align:center;
	margin-bottom:20px;
	}
#home-page h1.large-fontsize {
		font-size:40px;
		margin-top:15px;
		margin-bottom:5px;
		}
#home-page p.large-fontsize {
	font-size:17px;
	color:#777777;
	}
	@media (min-width:768px) {
		#home-page h1.large-fontsize {
			font-size:60px;
			}
		#home-page p.large-fontsize {
			font-size:20px;
			}
	}
	
	/*carousel item (slide image as background + slide content)*/	
	#home-page #carousel-landing .item {
		background-color: #ffffff;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center bottom;
		}
		/* * adaptive settings for each defined viewport */
		/*Large devices Desktops (≥1200px)*/
		@media (min-width:1200px) {
			#home-page #carousel-landing .item {
				min-height:675px;
				}
		}			
		/*Medium devices Desktops (≥992px) */
		@media (max-width:1199px) { 
			#home-page #carousel-landing .item {
				min-height:575px;
				}
		}
		/*Small devices Tablets (≥768px) */
		@media (max-width:991px) { 
			#home-page #carousel-landing .item {
				min-height:635px;
				}
		}
		/*Extra small devices Phones (<768px) */
		@media (max-width:767px) { 
			#home-page #carousel-landing .item {
				min-height:450px;
				}
		}
		/*PHONE SMALL LANDSCAPE */
		@media (max-width:568px) { 
			#home-page #carousel-landing .item {
				min-height:325px;
				}
		}
		/*PHONE PORTRAIT */
		@media (max-width:320px) { 
			#home-page #carousel-landing .item {
				min-height:375px;
				}
		}
	
	/* Bootstrap Carousel with CSS3 Animations, see: http://www.sitepoint.com/bootstrap-carousel-with-css3-animations/ (including Animate.css, https://github.com/daneden/animate.css */
	#home-page #carousel-landing .carousel-indicators {
		top: -20px;
		z-index:0;
		}
		#home-page #carousel-landing .carousel-indicators li {
			background-color:rgba(0,0,0,0);
			border-color:rgba(0,0,0,0.5);
			}		
			#home-page #carousel-landing .carousel-indicators .active {
				margin:1px;
				width:10px;
				height:10px;
				background-color:rgba(59,167,194,0.5);
				border-color:rgba(59,167,194,0);
				}				
			
	#home-page #carousel-landing .carousel-control,
	#home-page #carousel-landing .carousel-control:focus,
	#home-page #carousel-landing .carousel-control a,
	#home-page #carousel-landing .carousel-control a:link,
	#home-page #carousel-landing .carousel-control a:focus,
	#home-page #carousel-landing .carousel-control:focus {
		color:#ffffff;
		opacity:0.75;
		}
		#home-page #carousel-landing .carousel-control a:hover,
		#home-page #carousel-landing .carousel-control:hover {
			color:#ffffff;
			opacity:1.0;
			}
			
		#home-page #carousel-landing .carousel-control.right,
		#home-page #carousel-landing .carousel-control.left {
			background-image: none;
			}
		/* HIDE CONTROLS, we use next button defined per slide
		/* you still can click/touch the left or right side to go to the prev/next slide but you don't see the glyphicon icons left and right!
		/* uncomment if you want to show the left and right aroows */
		#home-page #carousel-landing .carousel-control .glyphicon {
			display:none;
			}

	#home-page #carousel-landing .item {
		background-color: #ffffff;
		}
	#home-page #carousel-landing .carousel-caption {
		right:0;
		left:0;
		bottom:0;		
		color:#ffffff;
		background-color: rgba(59,167,194,0.75);
		padding: 1.5em 0.5em;
		border-radius:0;
		}
		@media (max-width:360px) {
			#home-page #carousel-landing .carousel-caption h3 {
				font-size:14px;
				margin-top:15px;
				}
		}
		#home-page #carousel-landing .carousel-caption .icon-container {
			display: inline-block;
			font-size: 25px;
			line-height: 25px;
			padding: 0.5em;
			text-align: center;	
			border-radius: 50%;
			background-color:#ffffff;
			text-shadow:none;
			}
			@media (max-width:360px) {
				#home-page #carousel-landing .carousel-caption .icon-container {
					font-size:16px;
					line-height:16px
					}
			}
		#home-page #carousel-landing .carousel-caption .icon-container {
			margin-top: 0.5em;
			}

	/* Animation delays */
	#home-page #carousel-landing .carousel-caption {
		animation-delay: 1s;
		}
	#home-page #carousel-landing .carousel-caption .icon-container {
		animation-delay: 2s;
		}
	
	
/*------------------------------
	    BREADCRUMB
------------------------------*/
#breadcrumb {
	background-color:#fafafa;
	}
	.breadcrumb	{
		font-size:12px;
		background-color:transparent;
		color:#a8a8a8;
		padding-left:0;
		padding-right:0;
		margin-bottom:0;
		}
		.breadcrumb a,
		.breadcrumb a:link,
		.breadcrumb a:visited{
			color:#a8a8a8;
			}
			.breadcrumb a:hover{
				color:#3BA7C2;
				text-decoration:none;
				}
			.breadcrumb li:last-child a {
				font-weight:bold;
				}

/*------------------------------
	    FOOTER
------------------------------*/			
#footer {
	background-color:#eaeaea;
	padding:30px 0 15px;	
	color:#555555;
	}
	#footer .well {
		background-color:transparent;
		border:0 none;
		box-shadow:none;
		padding:0;
		}
		#footer .well a.phone,
		#footer .well a.phone:link {
			color: #555555;
			}
			#footer .well a.phone:hover,
			#footer .well a.phone:focus {
			color:#000000;
			}
	@media (max-width:767px) {
			#footer .well {
				padding-top:10px;
				border-top:1px solid #dadada;
				}
				#footer .row div:first-child .well {
				padding-top:0;
				border-top:0 none #dadada;
				}
		}
		#footer .well h4 {
			color:#3BA7C2;
			}
		#footer .well hr { /* just used for nice spacing, same color as background-color footer */
			margin-top:5px;
			margin-bottom:5px;
			border-style:dashed;
			border-color:#eaeaea;
			}
		#footer .well p.noMarginBottom {
			margin-bottom:0;
			}
		#footer .list-inline > li {
			padding-right:0;
			}
		#footer .well .follow-us {
			margin-top:22px;
			}
			#footer .well .follow-us .social {
				display:inline-block;
				margin-right:5px;
				}
				#footer .well .follow-us .social a {
					color:#777777;
					}
					#footer .well .follow-us  .social a:hover,
					#footer .well .follow-us  .social a:focus{
						color:#3BA7C2;
						}
			/*custom blog icon*/
			#footer .well .follow-us .social.i-reserve-blog a {
				background-color:#777777;
				height: 36px;
				display: inline-block;
				width: 36px;
				top: -11px;
				position: relative;
				border-radius: 7px;
				color:#777777;
				}
				#footer .well .follow-us .social.i-reserve-blog a:hover,
				#footer .well .follow-us .social.i-reserve-blog a:focus {
					background-color:#3BA7C2;
					color:#3BA7C2;
					}
				
			#footer .well .follow-us .social.i-reserve-blog a .fa-stack-2x {
				font-size: 30px;
				top: 2px;
				color: #EAEAEA!important;
				}
			#footer .well .follow-us .social.i-reserve-blog a .fa-stack-1x {
				font-size: 17px;
				top:-1px;
				font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
				font-weight: bold;
				}
			/* Certificeringen */
			@media only screen and (min-width:768px) and (max-width:991px) {
				.modal-footer .footer_content .certificates {
					margin-top:30px;
					}
			}
			#footer .certificeringen a.certificate {
				display:table-cell;
				height:100px;
				vertical-align:middle;
				padding-right:10px;
				padding-bottom:10px;
				}
				#footer .certificeringen a.moreInfo {
				display:block;
				margin-top:10px;
				margin-bottom:20px;
				color:#555;
				}
				#footer .certificeringen a.moreInfo:hover {
					color:#000000;
					}
				
	#footer .newsletterform-subscribtion {
		margin-bottom:8px;
		}
		#footer .newsletterform-subscribtion .mhp {
			display: none;
			}
	#footer .footer-bottom {
		border-top:1px solid #dadada;
		margin:10px 0 0;
		padding:15px 0 0;
		font-size:13px;
		color:#777777;
		}
		#footer .footer-bottom .footermenu li {
			border-right:1px solid #aaaaaa;
			padding-right:5px;
			}
			#footer .footer-bottom .footermenu li:last-child {
				border-right:0 none;
				padding-right:0;
				}
		#footer .footer-bottom .footermenu li a,
		#footer .footer-bottom .footermenu li a:link {
			color: #777777;
			}
			#footer .footer-bottom .footermenu li a:hover,
			#footer .footer-bottom .footermenu li a:focus {
				color: #297487;
				}
		#footer .footer-bottom .copyright.text-muted {
			text-align:right;
			}
			@media only screen and (max-width: 320px) {
				#footer .footer-bottom .copyright.text-muted {
					text-align:left;					
					}
			}
			

/*------------------------------
	    ADMIN BAR
------------------------------*/			
#footer-admin {
	background-color:transparent;
	padding: 10px 0 0;
	}
	#footer-admin .list-inline li:last-child {
		padding-right:0;
		}
		
/*------------------------------
	    BUTTONS
------------------------------*/
.btn-primary {
	background-color:#3BA7C2;
	border-color:#3BA7C2;
	color:#ffffff!important;
	}
	.btn-primary:hover,
	.btn-primary:focus {
		background-color:#297487;
		border-color:#297487;
		color:#ffffff!important;
		}
.btn-black {
	background-color:#000000;
	border-color:#000000;
	color:#ffffff!important;
	}
	.btn-black:hover,
	.btn-black:focus {
		background-color:#3BA7C2;
		border-color:#3BA7C2;
		color:#ffffff!important;
		}
.btn-my-ires { /* used for My i-Reserve button in breadcrumb section */
	background-color:#fafafa;
	border-color:#fafafa;
	color:#999999!important;
	padding:6px;
	border-radius:0;
	}
	.btn-my-ires:hover,
	.btn-my-ires:focus {
		background-color:#777777;
		border-color:#777777;
		color:#ffffff!important;
		}
		#breadcrumb .btn-my-ires {
			margin-top:0;
			}
		@media only screen and (max-width: 767px) {
			#breadcrumb .btn-my-ires {
				margin-bottom:5px;
				}
		}
.btn-grey {
	background-color:#777777;
	border-color:#777777;
	color:#ffffff!important;
	}
	.btn-grey:hover,
	.btn-grey:focus {
		background-color:#3BA7C2;
		border-color:#3BA7C2;
		color:#ffffff!important;
		}		
.btn-white {
	background-color:transparent;
	border-color:#ffffff;
	color:#ffffff!important;
	}
	.btn-white:hover,
	.btn-white:focus {
		background-color:#ffffff;
		border-color:#ffffff;
		color:#3BA7C2!important;
		}
	/*little adjustment for white buttons inside the header, improved readability */
	header .btn-white {
		background-color:rgba(0,0,0,0.3);
		}
		header .btn-white:hover,
		header .btn-white:focus {
			background-color:#ffffff;
			}
		
.btn-pricing,
.btn-pricing:focus { /* used for modal Pricing Available Modules on Pricing Page */
	background-color:rgba(0,0,0,0.35);
	border-color:rgba(0,0,0,0.1);
	color:#ffffff!important;
	margin-top:5px;
	margin-bottom:0!important;
	}
	.btn-pricing:hover {
		background-color:#3BA7C2;
		border-color:#3BA7C2;
		color:#ffffff!important;
		}
.btn-xl {/* use with btn-lg */
	font-size:25px;
	}
/*------------------------------
	    COMMON
------------------------------*/
.page-header h1 {
	color:#3BA7C2;
	}

a,
a:link,
a:visited {
	color:#3BA7C2;
	text-decoration:none;
	}
	a:hover,
	a:focus {
	color:#297487;
	text-decoration:none;
	}
a, 
a:focus, 
a:hover, 
button, 
button:focus, 
button:hover, 
button:active {
	outline:0 none;
	}
/*------------------------------
	    HOME SECTIONS
------------------------------*/
#home-page .content h2,
#landing-page #section-about h2,
#landing-page #section-modules h2,
#landing-page #section-demos h2,
#landing-page-b #section-about h2,
#landing-page-b #section-modules h2,
#landing-page-b #section-demos h2 {
	font-size:36px;
	text-transform:uppercase;
	margin:0 0 40px;
	}
	@media (max-width:767px) { /*extra small devices (xs)*/
		home-page .content h2,
		#landing-page #section-about h2,
		#landing-page #section-modules h2,
		#landing-page #section-demos h2,
		#landing-page-b #section-about h2,
		#landing-page-b #section-modules h2,
		#landing-page-b #section-demos h2{
			font-size:26px;
			}
	}
	
/* INTRODUCTION */
#section-introduction {
	text-align:center;
	padding:40px 0 30px;
	background-color:#ffffff;
	}
	#section-introduction h1 {
		font-size:60px;
		line-height:70px;
		text-transform:uppercase;
		font-weight:700;
		margin:0 0 40px;
		color:#3BA7C2;
		}		
	#section-introduction p {
		font-size:20px;
		padding:0 120px;
		color:#777777;
		line-height:30px;
		margin:0 0 30px;
		}
	@media (min-width:992px) and (max-width:1199px) { /*medium devices (md)*/
		#section-introduction h1 {
			font-size:60px;
			}
		#section-introduction p  {
			padding:0 50px;
			}
	}
	@media (max-width:991px) { /*small devices (sm)*/
		#section-introduction h1 {
			font-size:50px;
			line-height:60px;
			}
		#section-introduction p  {			
			padding:0;
			}
	}
	@media (max-width:767px) { /*extra small devices (xs)*/
		#section-introduction h1 {
			font-size:30px;
			line-height:40px;
			margin: 0 0 20px;
			}
		#section-introduction p  {
			font-size:16px;
			margin: 0 0 10px;
			}
	}

/* FEATURES */
#section-features {
	background-color:#f0f0f0;
	padding:40px 0;
	}
	#section-features .row > div:not(.clearfix) {
		border-right:1px solid #d5d5d5;		
		}
		#section-features .row > div:last-child {
			border-right: 0 none;
			}
		/* class item with key index, so we have generated item-0, item-1, item-3 and item-4) */
		@media (max-width:991px) {
			#section-features .row > div.item-1,
			#section-features .row > div.item-3 {
				border-right: 0 none;
				}
			#section-features .row > div.item-2,
			#section-features .row > div.item-3 {
				border-top:1px solid #d5d5d5;
				}
		}
		@media (max-width:767px) {
			#section-features {
				padding:40px 0 20px 0;
				}
			#section-features .row > div[class*="item"] {
				border-right: 0 none;
				margin-bottom:20px;
				}
			#section-features .row > div.item-1,
			#section-features .row > div.item-2,
			#section-features .row > div.item-3 {
				border-top:1px solid #d5d5d5;
				}
		}
		#section-features .feature {
			padding:15px 0;
			text-align:center;
			min-height:290.4px;
			}
			@media (max-width:1199px) {
				#section-features .feature {
					min-height:327.533px;
					}
			}
			@media (max-width:991px) {
				#section-features .feature {
					min-height:271.833px;
					}
			
			}
			@media (max-width:767px) {
				#section-features .feature {
					min-height:50px;
					}
			
			}				
			#section-features .glyphicon,
			#section-features .fa {
				display:block;
				float:none;
				margin:auto;
				width:90px;
				height:90px;
				border:2px solid #3BA7C2;
				border-radius:50%;
				font-size:40px;
				color:#3BA7C2;
				padding-top:25px;
				}
			#section-features .feature h3 {
				text-transform:uppercase;
				font-size:18px;
				margin:18px 0 5px;
				min-height:2em;
				}
			#section-features .feature p {
				font-size:13px;
				color:#555;
				margin:0;
				text-align:justify;
				}
	
/* TEASER + TOUR TRIGGER */
#section-teaser,
#section-tour {
	padding:20px 0 10px;
	background-color:#3BA7C2;
	color:#ffffff;
	}
	#section-teaser p ,
	#section-tour p {
		font-size:20px;
		}
		
	
/* ABOUT US */
#section-about {
	background-color:#f0f0f0;
	padding:50px 0;
	}
	#section-about h2 {
		margin:0 0 15px!important;
		}
	/* quotes carousel */
	#section-about .carousel-control.left, .carousel-control.right {
		background-image:none !important;
		}
		#section-about .carousel-control {
			font-size:16px;
			background:	#cecece;
			padding: 2px 0;
			width:20px;
			top:auto;	
			left:auto;
			bottom:0;
			opacity:1;
			text-shadow:none;
			}
			#section-about .carousel-control,
			#section-about .carousel-control:focus,
			#section-about .carousel-control a,
			#section-about .carousel-control a:link,
			#section-about .carousel-control a:focus,
			#section-about .carousel-control:focus {
				color:#3BA7C2;
				}
				#section-about .carousel-control a:hover,
				#section-about .carousel-control:hover {
					color:#ffffff;
					}
			#section-about .carousel-control.right {
				right:10px;
				}
		 
			#section-about .carousel-control.left {
				right: 40px;
				}
	#section-about blockquote {
		background-color:#e5e5e5;
		border-left-color:#3BA7C2;		
		margin:0;
		padding:20px 20px 30px;
		min-height:270px;
		margin-top:20px;
		}		
		@media (min-width:480px) {
			#section-about blockquote {
				min-height:210px;
				}
		}
		@media (min-width:768px) {
			#section-about blockquote {
				min-height:180px;				
				}
		}
		@media (min-width:992px) {
			#section-about blockquote {
				min-height:245px;
				margin-top:0;
				}
		}
		@media (min-width:1200px) {
			#section-about blockquote {
				min-height:190px;
				}
		}		
		#section-about blockquote i {
			color:#aaaaaa;
			font-size:30px;
			margin-bottom:10px;
			}
		#section-about blockquote p {
			color:#666666;
			font-style:italic;
			font-weight:300;
			font-size:14px;
			}
		#section-about blockquote footer {
			color:#777777;
			font-style:italic;
			}
	/* about us - image*/
	#section-about img {
			padding-top:0;
			}
	@media (min-width:992px) {
		#section-about img {
			padding-top:222px;
			}
	}
	@media (min-width:1200px) {
		#section-about img {
			padding-top:126px;
			}
	}
/* MODULES */
#section-modules {
	padding:50px 0;
	background-image:linear-gradient(to bottom, rgba(59,167,194, 0.75),rgba(59,167,194, 0.5));
	background-repeat: repeat-x;
	color:#ffffff;
	}
	#section-modules .btn {
		margin-top:50px;
		}
	#section-modules .well {
		background-color:#ffffff;
		border-color:#3BA7C2;
		border-radius:0;
		min-height:210px;
		}
		#section-modules .well h3 {
			color:#555555;
			padding-bottom:5px;
			border-bottom:1px solid #dddddd;
			}
		#section-modules .well p {
			color:#666666;
			font-size:13px;
			}
			
			@media (min-width:992px) and (max-width:1199px) {
				#section-modules .well {
					min-height:250px;
					}
			}
			@media (min-width:768px) and (max-width:991px) {
				#section-modules .well {
					min-height:270px;
					}
					#section-modules .well h3 {
						font-size:18px;
						}
					#section-modules .well p {
						font-size:12px;
						}
			}
			@media (max-width:767px) {
				#section-modules .well {
					min-height:100px;
					}
			}
		
/* PRICING */
#section-price {
	padding:50px 0;
	background-color:#ffffff;
	/*color:#297487;*/
	}
	#section-price h2 {
		margin-bottom:25px!important;
		}
	
/* DEMOS */
#section-demos {
	padding:50px 0;
	background-color:#ffffff;
	color:#555555;
	}
	#section-demos .well {
		background-color:#ffffff;
		border-color:#cccccc;
		border-radius:0;
		padding:0;
		}
		#section-demos .well h4 {
			color:#555555;
			text-align:center;
			margin-top:0;
			margin-bottom:0;
			padding:10px 0;
			}
			
/*------------------------------
	  MAIN CONTENT SECTION
	  -not apply to home-
------------------------------*/
section.content.main {
	padding-bottom:50px;
	background-color:#ffffff;
	}
section.content.main.padding30 { /* page Features */
	padding-bottom:30px;
	}

	
/*------------------------------
	  ABOUT PAGE
------------------------------*/
.advantage-list li span {
	color:#3BA7C2;
	}
	
/*------------------------------
	  FEATURES PAGE
------------------------------*/
#basic-page #section-features { /* uses stylingsettings of section features on homepage, overrides are set here*/
	background-color:#ffffff;
	padding-top:0;
	}	
/*------------------------------
	  MODULES PAGE
------------------------------*/
.all-modules .well {
	/*background-image:linear-gradient(rgba(59,167,194, 0.6), rgba(59,167,194, 0.3)); /*rgb value of #3BA7C2*/
	background-image:linear-gradient(to bottom, rgba(59,167,194, 0.6),rgba(59,167,194, 0.3));
	background-repeat: repeat-x;
	border-color:#3BA7C2;
	border-radius:0;
	min-height:210px;
	}
	.all-modules .well h3 {
		color:#ffffff;
		padding-bottom:5px;
		border-bottom:1px solid #f0f0f0;
		}
	.all-modules .well p {
		font-size:13px;
		}
		
		@media (min-width:992px) and (max-width:1199px) {
			.all-modules .well {
				min-height:250px;
				}
		}
		@media (min-width:768px) and (max-width:991px) {
			.all-modules .well {
				min-height:270px;
				}
				.all-modules .well h3 {
					font-size:18px;
					}
				.all-modules .well p {
					font-size:12px;
					}
		}
		@media (max-width:767px) {
			.all-modules .well {
				min-height:100px;
				}
		}
			
/*------------------------------
	  DEMOS PAGE
------------------------------*/
.all-demos .well {
	background-color:#ffffff;
	border-color:#cccccc;
	border-radius:0;
	padding:0;
	}
	.all-demos .well h4 {
		color:#555555;
		text-align:center;
		margin-top:0;
		margin-bottom:0;
		padding:10px 0;
		}

/*------------------------------
	  PRICING PAGE
------------------------------*/
.row.highlight {
	margin:0;
	border:1px solid #eaeaea;
	background-color:#fafafa;
	padding:5px;
	}
	.row.highlight > div{
		padding:0;
		}
		.row.highlight .list-inline {
			margin-top:7px;
			margin-bottom:5px;
			color:#777777;
			}
.row.all-licenses {
	margin:40px 0 0;
	}
	.row.all-licenses > div{
		padding:0;
		}
		@media (min-width:768px) {
			.row.all-licenses.customColumns .col-sm-4.custom-width {
				width:20%;
				}
			.row.all-licenses.customColumns .col-sm-2.custom-width {
				width:16%;
				}
		}
		@media (max-width: 767px) {
			.row.all-licenses.customColumns .col-sm-2.custom-width {
			  max-width: 350px;
			  margin-left: auto;
			  margin-right: auto;
			  width: 100%;
			}
		  }
	.pricing-plan.label-list {
		background-color:#ffffff;
		}
		.label-list h3,
		.label-list .pricing-plan-price {
			visibility:hidden;
			}
		
	.pricing-plan {
		background-color: #F5F5F5;
		text-align:center;
		margin:30px 0 0;
		}
	.pricing-plan.popular {
		background-color: #E5E5E5;
		position:relative;
		top:-35px;
		}
		@media (max-width:767px) {
		.pricing-plan.popular {
			top:0;
			}
		}
		.pricing-plan h3,
		.pricing-plan p {
			background-color:#2f859b;
			padding:15px 0;
			color:#FFFFFF;
			margin:0;
			text-transform:uppercase;
			font-size:22px;
			font-weight:700;
			}
			.pricing-plan.popular h3,
			.pricing-plan.popular p {
				background-color:#555555;
				}
			.pricing-plan.popular p {
				font-size:14px;
				color:#EEEEEE;
				padding-top:0;
				}
			
		.pricing-plan-price {
			background-color:#3BA7C2;
			padding:20px 10px;
			}

		.popular .pricing-plan-price {
			background-color:#666666;
			}
			.pricing-plan .pricing-plan-price span {
				color:#FFFFFF;
				}
			.pricing-plan-price span.pricing-plan-small {
				font-size:20px;
				}
			.pricing-plan-price span.pricing-plan-big {
				font-size:30px;
				}
			.pricing-plan-price span.pricing-plan-text {
				font-size:16px;
				display:block;
				font-weight:300;
				position:relative;
				top:-10px;
				color:rgba(215,215,215,0.85);
				}
			.pricing-plan-price span.pricing-plan-text-small {
				font-size:13px;
				display:block;
				font-weight:300;
				position:relative;
				top:-5px;
				color:rgba(215,215,215,0.6);
				border-top:1px solid rgba(215,215,215,0.3);
				padding-top:5px;
				}
				.pricing-plan-price span.pricing-plan-text-small span {
					color:rgba(215,215,215,0.6);
					font-weight:300;
					font-size:11px;
					}
					
		.row.all-licenses .pricing-plan ul {
			padding:0;
			text-align:left;
			margin-bottom:20px;
			}
		@media (min-width:768px) {
			.row.all-licenses .col-sm-2 .pricing-plan ul {
				border-right: 1px solid #e5e5e5;
				}
				.row.all-licenses .col-sm-2:last-child .pricing-plan ul {
					border-right-width:0;
					}
		}
			.pricing-plan ul li {
				border-bottom:1px solid #E5E5E5;
				text-align:center;
				color:#555555;
				line-height:20px;
				padding:10px 5px;
				font-size:13px;
				}
				@media (max-width:767px) {
					.pricing-plan ul li .small {
						color:#777;
						}
				}
				.pricing-plan.label-list ul li:last-child {
					border-bottom:1px solid #ffffff;
					}
				.pricing-plan.label-list ul li {
					color:#777;
					}
					.pricing-plan.label-list ul li .small {
						color:#999;
						}
					.pricing-plan.label-list ul li.infoIcon .fa {
						position:relative;
						top:-1px;
						}
			.pricing-plan.popular ul li {
				border-color:#D5D5D5;
				}
			/* set custom heights All devices except XS */
			@media (min-width:768px) {
				.pricing-plan ul li.twoLines {
					height:61px;
					}			
			}
			/* set custom heights SM only */
			@media (min-width:768px) and (max-width:991px) {
				.pricing-plan ul li.twoLines_SM {
					height:61px;
					padding:10px;
					}			
			}

			/* set custom heights MD only */
			@media (min-width:992px) and (max-width:1199px) {
				.pricing-plan ul li.twoLines_MD {
					height:61px;
					padding:10px;
					}			
			}
				
			#ModulesModal .dl-horizontal dt {
				text-align:left;
				width:190px;
				}
				
		.pricing-plan .btn {
			margin-bottom:30px;
			}

.modalpanels .panel-primary {
	border-color: #3BA7C2;
	box-shadow:none;
	}
	.modalpanels .panel-primary > .panel-heading {
		border-color: #3BA7C2;
		background-color: #3BA7C2;
		}
	.modalpanels .panel-primary > .panel-body {
		color:#3BA7C2;
		}
	.modalpanels .panel-primary > td {
		padding:8px 15px;
		}
/* different panel heading font-size for SM devices */
@media (min-width:768px) and (max-width:991px) {
	.modalpanels .panel-title {
		font-size:14px;
		font-weight:bold;
		}
}
/* table modal Workshop */
.paneltable tbody tr td {
	padding:8px 15px;
	}
.themecolor {
	color:#3BA7C2;
	}
		
/*--------------------------------	
	GENERAL CONDITIONS
---------------------------------*/
ul.list-inline.ict-links {
	margin-bottom:25px;
	}
	
/*--------------------------------	
	    CONTACT PAGE
	(FORM + GoogleMap)
---------------------------------*/
section.content.main .contactform {
	margin-top:30px;
	}
	.contactform .form-horizontal .control-label {
		text-align:left;
		}
	/* hide item error message because these messages are in English  */
	.contactform .Inputfields p.text-danger {
		display:none;
		}
		help-block
	/* notation settings, prevent example phone number is displayed as link in IOS */
	.contactform .Inputfields p.help-block a {
		color:#737373!important;
		}
section.content.main .contactdata {
	margin-top:30px;
	}

.locationmap a.btn.btn-primary {
	margin-top:10px;
	}
	
.contactinfo {
	margin-top:30px;
	}
	.contactinfo .desc {
		color:#999999;
		}
	.contactinfo .clearfix.spacer {
		margin-bottom:20px;
		}
	.contactinfo .no-link,
	.contactinfo .no-link a {
		color:#333333;
		}

/*------------------------------
	  MAGNIFIC POPUP
------------------------------*/
.mfp-figure:after { /* override the default #444 img background */
	background-color:#ffffff;
	}
		
/*------------------------------
	  SCROLL TO TOP
------------------------------*/
/*see http://www.paulund.co.uk/how-to-create-an-animated-scroll-to-top-with-jquery*/
.scrollToTop{
	font-size:50px;
	position:fixed;
	bottom:80px;
	right:15px;
	display:none;
	z-index:9999;
	color:rgba(0,0,0,0.5)!important;
	}
	.scrollToTop:hover{
		text-decoration:none;
		color:rgba(0,0,0,0.8)!important;
		}
/*--------------------------------------------------------
					SECTION CHILDNAV
				   -not apply to home-
--------------------------------------------------------*/
#section_childnav {
	background-color:#ffffff;
	padding-bottom:50px;
	}
	#section_childnav li {
		margin-bottom:5px;
		}

/*--------------------------------------------------------
					SECTION PARENTNAV
				   -not apply to home-
--------------------------------------------------------*/
#section_parentnav {
	background-color:#ffffff;
	padding-bottom:50px;
	}

/*** SOLUTION for unwanted override container width bij Tailwind (used for Usercentrics Content Management) - ***/
@media screen and (max-width:767px) {
	.container {
        max-width:100%;
    }
}
@media screen and (min-width:768px) {
	.container {
        max-width: 750px;
    }
}
@media screen and (min-width:992px) {
	.container {
        max-width: 970px;
    }
}
@media screen and (min-width:1200px) {
	.container {
        max-width: 1170px;
    }
}