/**************************************************************************** 
 * teqa.css (used instead of default main.css, including bootstrap overrides)
 ***************************************************************************/
 
 /************************************* CUSTOM FONTS *****************************************/
@font-face {
    font-family: 'clioblack-black';
    src: url('../fonts/clioblack-black-webfont.eot');
    src: url('../fonts/clioblack-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clioblack-black-webfont.woff') format('woff'),
         url('../fonts/clioblack-black-webfont.ttf') format('truetype'),
         url('../fonts/clioblack-black-webfont.svg#clioblack-blackuploaded_file') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'clioboldoblique-bold';
    src: url('../fonts/clioboldoblique-bold-webfont.eot');
    src: url('../fonts/clioboldoblique-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clioboldoblique-bold-webfont.woff') format('woff'),
         url('../fonts/clioboldoblique-bold-webfont.ttf') format('truetype'),
         url('../fonts/clioboldoblique-bold-webfont.svg#clioboldoblique-buploadedfile') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'cliosemibold-semibold';
    src: url('../fonts/cliosemibold-semibold-webfont.eot');
    src: url('../fonts/cliosemibold-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cliosemibold-semibold-webfont.woff') format('woff'),
         url('../fonts/cliosemibold-semibold-webfont.ttf') format('truetype'),
         url('../fonts/cliosemibold-semibold-webfont.svg#cliosemibold-semiuploadedfile') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cliosemiboldoblique-semibold';
    src: url('../fonts/cliosemiboldoblique-semibold-webfont.eot');
    src: url('../fonts/cliosemiboldoblique-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cliosemiboldoblique-semibold-webfont.woff') format('woff'),
         url('../fonts/cliosemiboldoblique-semibold-webfont.ttf') format('truetype'),
         url('../fonts/cliosemiboldoblique-semibold-webfont.svg#cliosemiboldobliquploadedfile') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'clioregularoblique';
    src: url('../fonts/clioregularoblique-webfont.eot');
    src: url('../fonts/clioregularoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clioregularoblique-webfont.woff') format('woff'),
         url('../fonts/clioregularoblique-webfont.ttf') format('truetype'),
         url('../fonts/clioregularoblique-webfont.svg#clioregularobliquuploadedfile') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_regular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'proxima_nova_bold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-bold-webfont.woff') format('woff'),
         url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('../fonts/proximanova-regitalic-webfont.eot');
    src: url('../fonts/proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regitalic-webfont.woff') format('woff'),
         url('../fonts/proximanova-regitalic-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regitalic-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/************************************* /CUSTOM FONTS *****************************************/
 
 body {
	background-color:#070214;
	font-family: 'proxima_nova_regular',Arial,sans-serif;
	font-size:18px;
	line-height:22px;
	color: #6a6a6a;
	}
	@media only screen and (max-width: 599px) { /* breakpoint, only needed for extra small tablets and below  */
		body {
			font-size:16px;
			line-height:20px;
			}
	}
	
	h1, h2, h3, h4, h5, h6 {
	font-family:'clioboldoblique-bold', Verdana,sans-serif;
	font-weight:normal;
	}
	h1, h2	{
		font-size:48.62px;
		line-height:2em;
		color:#373737;
		}
		@media only screen and (max-width: 991px) { /* breakpoint, only needed for small desktops + tablets  */
			h1, h2 {
				font-size:40px;
				line-height:1.4em;
				margin-bottom:12px;
				}
		}
		@media only screen and (max-width: 767px) { /* breakpoint, only needed for extra small tablets and below  */
			h1, h2 {
				font-size:30px;
				line-height:1.4em;
				margin-bottom:6px;
				}
		}
	h3.pink {
		font-size:30px;
		color:#f03072;
		line-height:2em;
		margin-top:30px;
		margin-bottom:12px;
		}
		@media only screen and (max-width: 991px) { /* breakpoint, SM devices  */
			h3.pink {
				font-size:25px;
				}
		}
		@media only screen and (max-width: 599px) { /* breakpoint, XS devices  */
			h3.pink {
				font-size:20px;
				}
		}
/*------------------------------
	    NAVIGATION
------------------------------*/ 
/*override container width setting of 750px for small devices, only for the nav-section!*/
@media (min-width:768px) and (max-width:991px){
	header .tablet-container {
		width:100%;
		padding-left:5px;
		padding-right:5px;
		}
}
header .navbar { /* no margin bottom for seemless integration navbar and carousel */
	margin-bottom:0;
	min-height:40px;
	}
	header .navbar-default {
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;		
		background-image:none;
		background-color:#ffffff;
		border-width:0!important;
		}
	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 a {
		padding:7px 8px;
		margin-top:20px;
		margin-bottom:20px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		margin-right:5px;
		font-size:16px;
		}
		/* 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;
			-moz-border-radius: 5px 0px 0px 5px;
			-webkit-border-radius: 5px 0px 0px 5px;
			}
		header .navbar-nav li.dropdown_showchildren a {
			border-radius: 0 5px 5px 0;
			-moz-border-radius: 0 5px 5px 0;
			-webkit-border-radius: 0 5px 5px 0;
			border-left:1px solid rgba(255,255,255,0.5)!important;
			}
		@media (min-width:992px) and (max-width:1199px){ /*md devices*/
			header .navbar-nav li a {
				font-size:15px;
				}
		}
		@media (min-width:768px) and (max-width:991px){ /*sm devices*/
			header .navbar-nav li a {
				font-size:13px;
				padding:7px 5px;
				margin-right:2px;
				}
				header .navbar-nav li.dropdown_showchildren a {
					padding:7px 8px;
					}
		}
		.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:#f03072;
			}
		header .navbar-nav > li > .dropdown-menu { /* display dropdown same way as dropdown for franchises, so with border-radius for all corners and with just a little margin (2px) below button and above dropdown*/
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			margin-top:-18px;
			}
		header .dropdown-menu li a {
			padding: 3px 20px;
			margin:0;
			border-radius:0;
			-moz-border-radius:0;
			-webkit-border-radius:0;
			}
	/* active menu item color settings*/	
	
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .active.open > a,
	.navbar-default .navbar-nav > .active.open > a:hover,
	.navbar-default .navbar-nav > .active.open > a:focus {
		background-color:#f03072;
		color:#ffffff;
		}
		.dropdown-menu > .active > a, 
		.dropdown-menu > .active > a:hover, 
		.dropdown-menu > .active > a:focus {
			background-color:#ffffff;
			color:#f03072;
			}
		
	/*** setting for collapse menu - devices < 768px ***/
	/* toggle button */
	.navbar-default .navbar-toggle {
		background-image:none;
		text-shadow:none;
		font-family: 'proxima_nova_bold',Arial,sans-serif;
		font-size:18px;
		line-height:20px;
		-webkit-border-radius:5px!important;
		-moz-border-radius:5px!important;
		border-radius:5px!important;
		background-color:#178c61;
		border-color:#178c61;		
		color:#ffffff;
		box-shadow:0 3px 0 #106143;
		-webkit-box-shadow:0 3px 0 #106143;
		-moz-box-shadow:0 3px 0 #106143;
		margin-top:3px;
		margin-bottom:6px;
		padding:7px 10px;
		}
		.navbar-default .navbar-toggle:hover,
		.navbar-default .navbar-toggle:focus {
			background-color:#106143;
					border-color:#106143;
					color:#ffffff;
					box-shadow:0 3px 0 #178c61;
					-webkit-box-shadow:0 3px 0 #178c61;
					-moz-box-shadow:0 3px 0 #178c61;
			}
		.navbar-default .navbar-toggle .icon-bar {
			background-color:#ffffff;
						height:3px;
						width:25px;
						box-shadow:none;
						-webkit-box-shadow:none;
						-moz-box-shadow:none;
			}
			.navbar-default .navbar-toggle:hover .icon-bar,
			.navbar-default .navbar-toggle:focus .icon-bar {
				/*background-color:#16a085;*/
				}
	header .navbar-collapse.collapse.in {
		height:auto;
		overflow-y:visible;
		}
	header .collapse.in .navbar-nav {
		background-color:#fffff;
		margin-top:0;
		margin-bottom:0;
		border-bottom:1px solid #e7e7e7;
		}
	header .collapse.in .navbar-nav li a {
		padding:10px 15px;
		margin:0;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-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:135px; /*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:#f03072;
			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:-135px; /* 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;
				-moz-border-radius:0;
				-webkit-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:#f03072;
					}
		/* franchise dropdown button + dropdown button */
		header .franchise-dropdown > .dropdown-toggle.btn-info,
		header .franchise-dropdown.open > .dropdown-toggle.btn-info { /* same colorsetting as btn-info but with path to override bootstrap default settings*/
			background-color:#3ba7c2;
			border-color:#3596ae;
			color:#ffffff!important;
			}
			header .franchise-dropdown > .dropdown-toggle.btn-info:hover,
			header .franchise-dropdown > .dropdown-toggle.btn-info:focus {
				background-color:#227185;
				border-color:#1e6577;
				color:#ffffff;
				}
		header .franchise-anchor,
		header .franchise-dropdown {
			margin-top:20px;
			margin-bottom:20px;
			}
			header .franchise-anchor .btn-large.btn-blue {
				padding:6px 20px;
				}
			header .franchise-dropdown .dropdown-menu {
				font-size:16px;
				color:#6f6f6f;				
				}
				@media (min-width:992px) and (max-width:1199px){
					header .franchise-dropdown .dropdown-menu {
						font-size:15px;
						}
				}
				@media (min-width:768px) and (max-width:991px){
					header .franchise-dropdown .dropdown-menu {
						font-size:13px;
						}
				}
			header .franchise-dropdown .dropdown-menu > .active > a,
			header .franchise-dropdown .dropdown-menu > .active > a:hover, 
			header .franchise-dropdown .dropdown-menu > .active > a:focus {
				color:#3ba7c2;
				}
/* languageswitcher */
/* placement: header*/
header .languageswitcher {
	margin-top:20px;
	margin-bottom:20px;
	}
	@media (max-width:767px){
		header .languageswitcher {
			margin:3px 0 0 15px;
			}
	}
	header .languageswitcher .languageflag {
		margin-right:5px;
		display:inline;
		}
/* placement: breadcrumb*/
#breadcrumb .languageswitcher {
	margin-top:8px;
	margin-bottom:8px;
	}
	#breadcrumb .languageswitcher .languageflag {
		margin-right:5px;
		display:inline;
		}
		#breadcrumb .languageswitcher .languageflag:last-child {
		margin-right:0;
		}
		#breadcrumb .languageswitcher .languageflag img {
			height:22px;
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			}
				
/*------------------------------
	  HEADER CAROUSEL
------------------------------*/
/*carousel controls*/
header #HomeCarousel .carousel-control,
header #HomeCarousel .carousel-control:link,
header #FranchiseCarousel .carousel-control,
header #FranchiseCarousel .carousel-control:link {
	color:rgba(255,255,255,0.25)!important;
	}
	header #HomeCarousel .carousel-control:hover,
	header #HomeCarousel .carousel-control:focus,
	header #FranchiseCarousel .carousel-control:hover,
	header #FranchiseCarousel .carousel-control:focus {
		color:rgba(255,255,255,1.0)!important;
		}
	
	header #HomeCarousel .carousel-control.left, 
	header #HomeCarousel .carousel-control.right,
	header #FranchiseCarousel .carousel-control.left, 
	header #FranchiseCarousel .carousel-control.right {
		background-image:none !important;
		opacity:1;
		width:10%;
		} 
		header #HomeCarousel .carousel-control.left,
		header #FranchiseCarousel .carousel-control.left {
			top:45%
			}
		header #HomeCarousel .carousel-control.right,
		header #FranchiseCarousel .carousel-control.right {
			top:45%
			}
/*carousel item (slide image as background + slide content)*/	
header #HomeCarousel .item,
header #FranchiseCarousel .item {
	background-color: #ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center bottom;
	}			
	header .item .logo img {
		margin-top:20px;
		}
	header .carousel-caption {
		position:static;
		padding-top:0;
		}
	header .carousel-caption h2 {
		font-family:'clioblack-black','Verdana';
		font-size:59.08px;
		line-height:70.64px;
		color:#ffffff;
		font-weight:normal;
		margin:10px 0 50px 0;
		text-shadow:2px 2px 1px rgba(0, 0, 0, 0.75);
		}
		/* 
		* adaptive settings for each defined viewport
		* settings based on the defined min-height of the carousel item
		* so other width/height settings are calculated easy:
		* default min-height = 800, if for example defined min-height is 700 the calculation will be:
		* (default setting/800)*700
		*/
		/*Large devices Desktops (≥1200px)*/
		/*container width is 1170px, bootstrap default setting for large device*/
		@media (min-width:1200px) {
			header #HomeCarousel .item,
			header #FranchiseCarousel .item {
				min-height:800px;
				}
		}			
		/*Medium devices Desktops (≥992px) - container width is 970px, bootstrap default setting*/
		@media (max-width:1199px) { 
			header #HomeCarousel .item,
			header #FranchiseCarousel .item {
				min-height:700px;
				}
			header .item .logo img {
				max-height:240px;
				margin-top:17.5px;
				}
			header .carousel-caption h2 {			
				font-size:51.7px;
				line-height:61.81px;
				margin:9px 0 44px 0;
				}
		}
		/*Small devices Tablets (≥768px) - container width is 750px, bootstrap default setting*/
		@media (max-width:991px) { 
			header #HomeCarousel .item,
			header #FranchiseCarousel .item {
				min-height:600px;
				}
			header .item .logo img {
				max-height:206px;
				margin-top:15px;
				}
			header .carousel-caption h2 {
				font-size:44.31px;
				line-height:52.95px;
				margin:8px 0 38px 0;
				}
		}
		/*Extra small devices Phones (<768px) - container width is 100% (including padding left/right 15px, bootstrap default setting*/
		@media (max-width:767px) { 
			header #HomeCarousel .item,
			header #FranchiseCarousel .item {
				min-height:500px;
				}
			header .item .logo img {
				max-height:172px;
				margin-top:12.5px;
				}
			header .container {
				width:100%;
				}
			header .carousel-caption h2 {
				font-size:36.92px;
				line-height:44.15px;
				margin:7px 0 32px 0;
				}
		}
		/*PHONE SMALL LANDSCAPE - container width is 100% (including padding left/right 15px, bootstrap default setting*/
		@media (max-width:568px) { 
			header #HomeCarousel .item,
			header #FranchiseCarousel .item {
				min-height:300px;
				}
			header .item .logo img {
				max-height:120px; /* here we use the calc setting for device >= 320px */
				margin-top:7.5px;
				}
			header .carousel-caption h2 {
				font-size:25.84px; /* here we use the calc setting for device >= 320px */
				line-height:30.9px; /* here we use the calc setting for device >= 320px */
				margin:4px 0 19px 0;
				}
		}
		/*PHONE PORTRAIT - container width is 100% (including padding left/right 15px, bootstrap default setting*/
		@media (max-width:320px) { 
			header #HomeCarousel .item,
			header #FranchiseCarousel .item {
				min-height:350px;
				}
			header .item .logo img {
				max-height:120px;
				margin-top:9px;
				}
			header .carousel-caption h2 {
				font-size:25.84px;
				line-height:30.9px;
				margin:5px 0 22px 0;
				}
		}

/*------------------------------
	  HEADER STATIC IMAGE
------------------------------*/
header .static-header-image {
	min-height:300px;
	background-size:100% 32.2%, cover;
	background-position:center top, center bottom;
	background-repeat:no-repeat;
	}
	.header-container .info p {
		color: #ffffff;
		font-family: "cliosemibold-semibold",Arial,sans-serif;
		font-size: 24px;
		line-height: 24px;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
		padding-top:1.4em;
		}
		.header-container .info a,
		.header-container .info a:visited, 
		.header-container .info a:hover,
		.header-container .info a:focus {
			color: #ffffff;
			text-decoration:none;
			}
			.header-container .info a span {
				color:#16a085;
				}
@media only screen and (max-width: 1199px) { /* breakpoint, md devices */
	header .static-header-image {
		background-size:100% 30.2%,cover;
		min-height:266px;
		}
		.header-container .info p {
			font-size:21.6px;
			line-height:21.26px;
			padding-top:1.12em;
			}
		.header-container .logo img {
			max-height:250px;
			}
}
@media only screen and (max-width: 991px) { /* breakpoint, sm devices */
	header .static-header-image {
		background-size:100% 30.2%,cover;
		min-height:221px;
		}
		.header-container .info p {
			font-size:17px;
			line-height:17px;
			padding-top:1.37em;
			}
		.header-container .logo img {
			max-height:205px;
			}
}
@media only screen and (max-width: 767px) { /* breakpoint, xs devices */
	header .static-header-image {
		background-size:100% 30.2%,cover;
		min-height:150px;
		}
		.header-container .info p {
			font-size:14px;
			line-height:14px;
			padding-top:1.0em;
			}
		.header-container .logo img {
			max-height:140px;
			}
}

/*------------------------------
	    BREADCRUMB
------------------------------*/
#breadcrumb {
	background-color:#fafafa;
	border-top:1px solid #e7e7e7;
	}
	.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:#16a085;
				text-decoration:none;
				}
			.breadcrumb li:last-child a {
				font-weight:bold;
				}
				
/*------------------------------
	    SIDEBAR
------------------------------*/
.sidebar {
	padding-top:52px;
	padding-bottom:30px;
	}
	.sidebar .well {
		background-color:#E6E6E6;
		border:1px solid #CFCFCF;
		color:#6a6a6a;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding:30px 20px;
		margin-bottom:20px;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		}
		.sidebar .well h3 {
			font-size:24px;
			line-height:1.5em;
			margin-top:0;
			margin-bottom:12px;
			color:#373737;
			}
		.sidebar .well a,
		.sidebar .well a:visited {
			color:#6a6a6a;
			font-size:16px;
			}
			.sidebar .well a .glyphicon,
			sidebar .well a .glyphicon:visited {
				color:#178C61;
				}
				
	@media (min-width:768px) and (max-width:991px) { /* breakpoint, only needed for small desktops + tablets  */
		.sidebar {
			padding-top:35px;
			padding-bottom:30px;
			}
			.sidebar .well h3 {
					font-size:20px;
					line-height:1.2em;
					}
			.sidebar .well p {
				font-size:17px;
				line-height:21px;
				}
			.sidebar .well a {
				font-size:14px; /* needed to fit long mail adresses */
				}
	}
	@media (max-width: 767px) { /* breakpoint, only needed for small tablets and below, to be exact: where the aside is placed beneath the content  */
		.sidebar {
			padding:30px 15px 0;
			}
	}
	.sidebar .well:last-child {
			margin-bottom:0;
			}
			
	/* green and blue variant sidebar block */
	.sidebar .well.green {
		background:url("../images/videotrigger-background.png") repeat scroll 0 0 #106143;
		border:1px solid #106143;
		color:#ffffff;
		}
	.sidebar .well.blue {
		background-color:#3BA7C2;
		border:1px solid #3596ae;
		color:#ffffff;
		}
		.sidebar .well.green h3,
		.sidebar .well.blue h3 {
			font-family:'clioblack-black',Verdana,sans-serif;
			font-size:30px;					
			}
		.sidebar .well.green p,
		.sidebar .well.blue p {
			font-size:20px;
			line-height:26px;
			}
		.sidebar .well.green h3,
		.sidebar .well.green p,
		.sidebar .well.green a,
		.sidebar .well.green a:visited,
		.sidebar .well.blue h3,
		.sidebar .well.blue p,
		.sidebar .well.blue a,
		.sidebar .well.blue a:visited {
			color:#ffffff;
			}
			.sidebar .well.green a.btn-link,
			.sidebar .well.blue a.btn-link {
				padding:6px 0;
				}
				.sidebar .well.green a.btn-link:hover,
				.sidebar .well.green a.btn-link:focus,
				.sidebar .well.blue a.btn-link:hover,
				.sidebar .well.blue a.btn-link:focus {
					text-decoration:none;
					}
	@media (min-width:768px) and (max-width:991px) { /* breakpoint, only needed for small desktops + tablets  */
		.sidebar .well.green h,
		.sidebar .well.blue h3 {
				font-size:24px;
				}
		.sidebar .well.green p,
		.sidebar .well.blue p {
			font-size:18px;
			line-height:22px;
			}
		.sidebar .well.green a,
		.sidebar .well.blue a {
			font-size:18px; 
			}
	}
	
/*------------------------------
	    FOOTER
------------------------------*/			
#footer {
	background-color: #070214;
	background-image:none;
	border-top: 1px solid #070214;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	color:#ffffff;
	padding:55px 0 15px;
	font-family:'proxima_nova_regular',Arial,sans-serif;
	font-size:17px;
	line-height:24px;
	}
	#footer p {
		color:#ffffff;
		font-family:'proxima_nova_regular',Arial,sans-serif;
		font-size:17px;
		line-height:24px;
		}
	#footer a,
	#footer a:visited,
	#footer a:hover	{
		color:#ffffff;
		}
	#footer h3 {
		font-family:'clioboldoblique-bold',Verdana,sans-serif;
		font-size:30px;
		font-weight:normal;
		line-height:34px;
		margin:0 0 12px;
		color:#ffffff;
		}
		#footer .btn {
			margin-top:15px;
			}
		@media only screen and (max-width: 991px) { /* breakpoint, sm devices  */
			#footer,
			#footer p {
				font-size:16px;
				line-height:23px;
				}
			#footer h3	{
				font-size:25px;
				line-height:29px;
				}
		}
		@media only screen and (max-width: 320px) { /* breakpoint, phone-portrait  */
			#footer,
			#footer p {
				font-size:15px;
				line-height:22px;
				}
			#footer h3	{
				font-size:20px;
				line-height:24px;
				}
		}
	/* icon color footerblock contactdata */
	#footer .contactdata .glyphicon {
		color:#3ba7c2;
		}
	/* footerblock 01 Navigation + footerblock 02 More*/
	#footer .footermenu li {
		line-height:24px;
		}
	#footer .nav > li > a	{
		color:#ffffff;
		padding:0;
		}	
		#footer .nav > li > a:hover,
		#footer .nav > li > a:focus {
			color:#ffffff;
			text-decoration:none;
			background-color:transparent;
			}
	#footer .nav > li > a .fa {
		color:#3ba7c2;
		}
		#footer .nav > li > a:hover .fa,
		#footer .nav > li > a:focus .fa {
			color:#f03072;
			}				
		#footer .nav > li.current > a,
		#footer .nav > li.current > a:hover,
		#footer .nav > li .current> a:focus{
			color:#ffffff;
			}
		#footer .nav > li.current > a .fa,
		#footer .nav > li.current > a:hover .fa,
		#footer .nav > li .current> a:focus .fa {
				color:#ffffff;
				}				
		#footer .nav > li > a.bold-link { /* link to landingspage */
			font-weight:bold;
			margin-top:1em;
			color:#777777;
			}
		#footer .nav > li > a.bold-link:hover,
		#footer .nav > li > a.bold-link:focus { 
			color:#ffffff;
			}
		#footer .nav > li > a.bold-link .glyphicon { 
			color:#777777;
			}
			#footer .nav > li > a.bold-link:hover .glyphicon,
			#footer .nav > li > a.bold-link:focus .glyphicon {
				color:#f03072;
				}
		/* hide link to startpage if present in footerblock02*/
		#footer .footerblock02 .nav .link-to-startpage {
			display:none;
			}
		/* partner link */
		#footer .footerblock02 a.partnerlink {
			display:block;
			margin-top:1em;
			color:#3BA7C2;
			}
		#footer .footerblock02 a.partnerlink.current {
			color:#ffffff;
			}
			#footer .footerblock02 a.partnerlink:hover,
			#footer .footerblock02 a.partnerlink:focus,
			#footer .footerblock02 a.partnerlink.current:hover,
			#footer .footerblock02 a.partnerlink.current:focus {
				color:#ffffff;
				}
		#footer .footerblock02 a.partnerlink .fa:before {
			color:#3BA7C2;
			}
		#footer .footerblock02 a.partnerlink.current .fa:before {
			color:#ffffff;
			}
			#footer .footerblock02 a.partnerlink:hover .fa:before,
			#footer .footerblock02 a.partnerlink:focus .fa:before {
				color:#f03072;
				}
			#footer .footerblock02 a.partnerlink.current:hover .fa:before,
			#footer .footerblock02 a.partnerlink.current:focus .fa:before {
				color:#ffffff;
				}
	
	#footer .footer-bottom {
		border-top:1px solid #353535;
		margin:10px 0 0;
		padding:15px 0 0;
		font-size:13px;
		color:#777777;
		}
		#footer .footer-bottom .copyright.text-muted {
			text-align:right;
			}
	
	@media only screen and (max-width: 767px) {
	/* add some margin between footer blocks for devices where the blocks aren't displayed next to each other */
	/* NOTE: last footerblock must NOT have a margin, margin must be set on 0! */
		#footer .row [class*="col-sm"] {
			margin-bottom:30px;
			}
		#footer .row [class*="col-sm"]:last-child {
			margin-bottom:0;
			}
		/* less space between button and text for devices where a margin exist between the blocks placed beneath each other */
		#footer .btn-green {
			margin-top:5px;
			}
	}

/*------------------------------
	    ADMIN BAR
------------------------------*/			
#footer-admin {
	background-color:#070214;
	padding: 0;
	}
	#footer-admin .list-inline li:last-child {
		padding-right:0;
		}
		
/*------------------------------
	    BUTTONS
------------------------------*/
.btn	{
	background-image:none;
	text-shadow:none;
	font-family: 'proxima_nova_bold',Arial,sans-serif;
	font-size:18px;
	line-height:20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	}
	.btn:hover,,
	.btn:focus {
		text-shadow:none;
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		}
.btn-large {padding:9px 20px;}

.btn-xs {
	font-family:"proxima_nova_regular",Arial,sans-serif;
	font-size:12px;
	line-height:1.5em;
	}

.btn:focus {
	outline:0 none;
	}

/* available button colors*/
.btn-green	{ 
	background-color:#178c61!important;
	border-color:#178c61!important;		
	color:#ffffff!important;
	box-shadow:0 3px 0 #106143;
	-webkit-box-shadow:0 3px 0 #106143;
	-moz-box-shadow:0 3px 0 #106143;
	}
	.btn-green:hover,
	.btn-green:focus {
		background-color:#106143!important;
		border-color:#106143!important;
		color:#ffffff!important;
		box-shadow:0 3px 0 #178c61;
		-webkit-box-shadow:0 3px 0 #178c61;
		-moz-box-shadow:0 3px 0 #178c61;
		}
.btn-pink	{ 
	background-color:#f03072!important;
	border-color:#f03072!important;		
	color:#ffffff!important;
	box-shadow:0 3px 0 #c71451;
	-webkit-box-shadow:0 3px 0 #c71451;
	-moz-box-shadow:0 3px 0 #c71451;
	}
	.btn-pink:hover,
	.btn-pink:focus {
		background-color:#c71451!important;
		border-color:#c71451!important;
		color:#ffffff!important;
		box-shadow:0 3px 0 #f03072;
		-webkit-box-shadow:0 3px 0 #f03072;
		-moz-box-shadow:0 3px 0 #f03072;
		}
.btn-blue	{ 
	background-color:#3ba7c2!important;
	border-color:#3ba7c2!important;		
	color:#ffffff!important;
	box-shadow:0 3px 0 #227185;
	-webkit-box-shadow:0 3px 0 #227185;
	-moz-box-shadow:0 3px 0 #227185;
	}
	.btn-blue:hover,
	.btn-blue:focus {
		background-color:#227185!important;
		border-color:#227185!important;
		color:#ffffff!important;
		box-shadow:0 3px 0 #3ba7c2;
		-webkit-box-shadow:0 3px 0 #3ba7c2;
		-moz-box-shadow:0 3px 0 #3ba7c2;
		}
.btn-black {
	background-color:rgba(0,0,0,0.5);
	border-color:rgba(0,0,0,0.1);
	color:#ffffff!important;
	}
	.btn-black:hover,
	.btn-black:focus {
		background-color:#000000;
		border-color:#000000;
		color:#ffffff!important;
		}
/*other buttons*/
.btn-franchise, /*same for normal, hover amd focus state*/
.btn-franchise:hover,
.btn-franchise:focus {
	background-color:transparent;
	border-color:#d6d6d6;
	color:#bababa!important;
	}
	@media (min-width:992px) and (max-width:1199px){
		.btn-franchise, /*same for normal, hover amd focus state*/
		.btn-franchise:hover,
		.btn-franchise:focus {
			font-size:15px;
			}
	}
	@media (min-width:768px) and (max-width:991px){
		.btn-franchise, /*same for normal, hover amd focus state*/
		.btn-franchise:hover,
		.btn-franchise:focus {
			font-size:14px;
			}
	}
.btn-info {
	background-color:#3ba7c2;
	border-color:#3596ae;
	color:#ffffff!important;
	}
	.btn-info:hover,
	.btn-info:focus {
		background-color:#227185;
		border-color:#1e6577;
		color:#ffffff;
		}
/*------------------------------
	    COMMON
------------------------------*/
/* al sections have class content and will have a white background as default */
.content {
	background-color:#ffffff;
	}
	
.page-header {
	margin:20px 0 0;
	padding:0;
	border-bottom-width:0;
	}
	
a,
a:link,
a:visited {
	color:#3ba7c2;
	text-decoration:none;
	}
	a:hover,
	a:focus {
	color:#2f859b;
	text-decoration:none;
	}
a, 
a:focus, 
a:hover, 
button, 
button:focus, 
button:hover, 
button:active {
	outline:0 none;
	}
/*--------------------------------------------------------------------
SECTIONS Landingpage Site (_home) + Homepages Franchises (_franchise)
--------------------------------------------------------------------*/
#home-page .content h2 {
	text-transform:uppercase;
	margin:0 0 40px;
	}
/* INTRODUCTION (home-page only) */
#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;
		}
	#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;
			}
	}	
	
/* GOOGLEMAP */
#section-locationmap {
	background-color: #253061;
	background-image: url("../images/locationmap-background.jpg");
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
	padding:0 0 60px;
	}
	#section-locationmap .locationmap {
		width: calc(-62px + 100vh);
		max-width: 100%;
		}
	/* add more padding left/right for XS + SM* devices to ease scrolling */
	/* only needed for SM devices with viewport < 800px */	
	/*@media (max-width:799px) { 
	#section-locationmap .locationmap {
		padding-left:15px;
		padding-right:15px;
		}
	}*/
	/*@media (max-width:767px) { 
	#section-locationmap .locationmap {
		padding-left:30px;
		padding-right:30px;
		}
	}*/	
	#section-locationmap .MarkupGoogleMap {
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		margin-bottom:20px;
		}
		/*@media only screen and (max-width:568px){
			#section-locationmap .MarkupGoogleMap[style] {
				height:350px!important;
				}
		}*/
	#section-locationmap .chapter-bubble-url  a,
	#section-locationmap .chapter-bubble-url  a:link {
		color:#3ba7c2;
		}
		#section-locationmap .chapter-bubble-url  a:hover,
		#section-locationmap .chapter-bubble-url  a:focus {
				color:#227185;
				text-decoration:underline;
				}
	#home-page #section-locationmap h2 {
		margin:30px 0 0;
		text-align:center;
		color:#ffffff;
		}		
	#section-locationmap p {
		font-family:'proxima_nova_regular',Arial,sans-serif;
		font-size:24px;
		line-height:28px;
		color:#ffffff;
		}
		@media only screen and (max-width: 800px) { /* breakpoint, 75% font-size and circa 75% image width */
			#section-locationmap p {
				font-size:20px;
				line-height:24px;
				}
		}
		@media only screen and (max-width: 568px) { /* breakpoint, circa 50% font-size and circa 50% image width */
			#section-locationmap p {
				font-size:16px;
				line-height:20px;
				}
		}
		
	/* franchise dropdown button + dropdown button */
	#section-locationmap .btn-franchise, /*override settings franchise button*/
	#section-locationmap .btn-franchise:hover,
	#section-locationmap .btn-franchise:focus {
		background-color:#3ba7c2;
		border-color:#3596ae;
		color:#ffffff!important;
		}
	#section-locationmap .franchise-dropdown > .dropdown-toggle.btn-info,
	#section-locationmap .franchise-dropdown.open > .dropdown-toggle.btn-info,
	#section-locationmap .franchise-dropdown > .dropdown-toggle.btn-info:hover,
	#section-locationmap .franchise-dropdown > .dropdown-toggle.btn-info:focus{ /* same colorsetting as btn-info but with path to override bootstrap default settings*/
		background-color:#3ba7c2;
		border-color:#3596ae;
		color:#ffffff!important;
		}
	#section-locationmap .franchise-dropdown {
		margin-top:0;
		margin-bottom:20px;
		}
		#section-locationmap .franchise-dropdown .dropdown-menu {
			font-size:16px;
			color:#6f6f6f;				
			}
			@media (min-width:992px) and (max-width:1199px){
				#section-locationmap .franchise-dropdown .dropdown-menu,
				#section-locationmap .btn-franchise {
					font-size:18px;
					}
			}
			@media (min-width:768px) and (max-width:991px){
				#section-locationmap .franchise-dropdown .dropdown-menu,
				#section-locationmap .btn-franchise {
					font-size:18px;
					}
			}
	
/* VIDEO */
#section-video {
	padding:50px 0;
	background:url("../images/videotrigger-background.png") repeat scroll 0 0 #106143;
	color:#ffffff;
	}
	#section-video h2,
	#section-video h2 a	{
		font-family:'clioblack-black',Verdana,sans-serif;
		font-size:59.21px;
		font-weight:normal;
		line-height:70.81px;
		color:#ffffff;
		margin-top:0!important;
		margin-bottom:0!important;
		}
	#section-video p,
	#section-video p a	{
		font-family:'proxima_nova_regular',Arial,sans-serif;
		font-size:30.07px;
		line-height:30.07px;
		color:#ffffff;
		}
	@media only screen and (max-width: 1440px) { /* breakpoint, 90% font-size and circa 90% image width */
		#section-video h2,
		#section-video h2 a {
			font-size:53.29px;
			line-height:63.73px;
			}
		#section-video p,
		#section-video p a	{
			font-size:27.06px;
			line-height:27.06px;
			}
		#section-video img {
			max-width:131px;
			}
	}
	@media only screen and (max-width: 800px) { /* breakpoint, 75% font-size and circa 75% image width */
		#section-video h2,
		#section-video h2 a {
			font-size:44.41px;
			line-height:53.11px;
			}
		#section-video p,
		#section-video p a	{
			font-size:22.55px;
			line-height:22.55px;
			}
		#section-video img {
			max-width:109px;
			}
	}
	@media only screen and (max-width: 568px) { /* breakpoint, circa 50% font-size and circa 50% image width */
		#section-video h2,
		#section-video h2 a {
			font-size:27px;
			line-height:33px;
			}
		#section-video p,
		#section-video p a	{
			font-size:14px;
			line-height:14px;
			}
		#section-video img {
			max-width:73px;
			}
	}
	@media only screen and (max-width: 320px) { /* breakpoint, phone portrait: decreased h2 size */
		#section-video h2,
		#section-video h2 a {
			font-size:25px;
			line-height:31px;
			}
	}
	#section-video a {display:block;}
	#section-video a:hover  {text-decoration:none;}
	
/* NEWS (#home-page only) */
#section-news {
	background-color:#dedede;
	padding:0 0 40px;
	}
	#home-page  #section-news h2 {
		margin:30px 0 15px;
		text-align:center;
		}
	#home-page  #section-news .well {
		background-color:#ffffff;
		border-width:5px;
		border-style solid;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		padding:19px 0; /* see note ellipse function on line 1228 */
		}
		#home-page  #section-news .well.pink {
			border-color: #f03072;
			}
		#home-page  #section-news .well.green {
			border-color: #178c61;
			}
		#home-page  #section-news .well.blue {
			border-color: #3ba7c2;
			}
			/******NEWS TITLE*****/
			#home-page  #section-news a .well h3.news-title,
			#home-page  #section-news a:hover .well h3.news-title,
			#home-page  #section-news a:focus .well h3.news-title { 			
				margin:0 0 10px;
				padding:0 19px;
				line-height: 1.1em;	
				min-height: 2.2em;	/* Maxlength=40tekens, dit levert max 2 blokregels, ingestelde min-height= (max. aantal blokregels * line-height) */
				color:#6a6a6a;				
				}
				/* hover/focus block settings per color */
				#home-page  #section-news a:hover .well.pink h3.news-title,
				#home-page  #section-news a:focus .well.pink h3.news-title { 			
					color:#f03072;				
					}
					#home-page  #section-news a:hover .well.pink .btn-pink,
					#home-page  #section-news a:focus .well.pink .btn-pink {
						background-color:#c71451!important;
						border-color:#c71451!important;
						color:#ffffff!important;
						box-shadow:0 3px 0 #f03072;
						-webkit-box-shadow:0 3px 0 #f03072;
						-moz-box-shadow:0 3px 0 #f03072;
						}
				#home-page  #section-news a:hover .well.green h3.news-title,
				#home-page  #section-news a:focus .well.green h3.news-title { 			
					color:#178c61;				
					}
					#home-page  #section-news a:hover .well.green .btn-green,
					#home-page  #section-news a:focus .well.green .btn-green {
						background-color:#106143!important;
						border-color:#106143!important;
						color:#ffffff!important;
						box-shadow:0 3px 0 #178c61;
						-webkit-box-shadow:0 3px 0 #178c61;
						-moz-box-shadow:0 3px 0 #178c61;
						}
					#home-page  #section-news a:hover .well.blue .btn-blue,
					#home-page  #section-news a:focus .well.blue .btn-blue {
						background-color:#227185!important;
						border-color:#227185!important;
						color:#ffffff!important;
						box-shadow:0 3px 0 #3ba7c2;
						-webkit-box-shadow:0 3px 0 #3ba7c2;
						-moz-box-shadow:0 3px 0 #3ba7c2;
						}
				#home-page  #section-news a:hover .well.blue h3.news-title,
				#home-page  #section-news a:focus .well.blue h3.news-title { 			
					color:#3ba7c2;				
					}
			@media (min-width:768px) and (max-width:991px) { /* breakpoint, SM devices  */
				#home-page  #section-news h3.news-title {
					font-size:18px;
					}
			}	
			/*****NEWS FOOTER*****/	
			#home-page  #section-news .newsfooter {
				min-height:40px;
				padding:0 19px;
				}

/* QUICK NAVIGATION (#franchise-page only) */
#section-quicknavigation {
	background-color:#ffffff;
	padding:50px 0 15px;
	}
	#franchise-page  #section-quicknavigation .well {
		background-color:#ffffff;
		border-width:0;
		border-style solid;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		padding:0 0 19px;
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		}
		#franchise-page  #section-quicknavigation h2 {
			font-family:'cliosemibold-semibold',Verdana,sans-serif;
			font-size:23px;
			line-height:2em;
			margin-bottom:0;
			margin-top:0;
			}
			@media (min-width:768px) and (max-width:991px) {
				#franchise-page  #section-quicknavigation h2 {
					font-size:18px;
					}
			}
		#franchise-page  #section-quicknavigation p.quicknavigation-txt {
			margin-bottom:10px;
			padding:0 19px;
			font-size:18px;
			line-height:22px;
			}
			@media (min-width:1200px) { /* breakpoint, LG devices  */
				#franchise-page  #section-quicknavigation p.quicknavigation-txt {
					min-height:44px; /* Maxlength=70tekens, dit levert max 2 blokregels, ingestelde min-height= (max. aantal blokregels * line-height) */
					}
			}
			@media (min-width:992px) and (max-width:1199px) { /* breakpoint, MD devices  */
				#franchise-page  #section-quicknavigation p.quicknavigation-txt {
					min-height:66px; /* Maxlength=70tekens, dit levert max 3 blokregels, ingestelde min-height= (max. aantal blokregels * line-height) */
					}
			}
			@media (min-width:768px) and (max-width:991px) { /* breakpoint, SM devices  */
				#franchise-page  #section-quicknavigation p.quicknavigation-txt {
					font-size:16px;
					line-height:20px;
					min-height:80px; /* Maxlength=70tekens, dit levert max 4 blokregels, ingestelde min-height= (max. aantal blokregels * line-height) */
					}
				#franchise-page  #section-quicknavigation .btn {
						font-size:16px;
						}
			}
		
/* WELCOME (franchise-page only) */
#section-welcome {
	padding:50px 0;
	background-color:#DEDEDE;
	}		
	#section-welcome h2 {
		margin-top:0;
		line-height: 1.2em;
		}
	/* to insure our responsive image will align as set, we override bootstrap setting display:block for .img-responsive */
	#section-welcome .img-responsive {
		display:inline-block;
		}
	@media (min-width:768px) { /* vertical align welcome text and image on devices where this elements are displayed next to each other*/
		#section-welcome .welcome-table {
			table-layout: fixed;
			width:100%;
			}
		#section-welcome .welcome-image,
		#section-welcome .welcome-txt {
			vertical-align:middle;
			}
			#section-welcome .welcome-txt {
				text-align:left;
				width:60%;
				}
			#section-welcome .welcome-image {
				text-align:right;
				width:40%;
				}
			
	}
	@media (min-width:480px) and (max-width:767px) {
		#section-welcome .img-responsive {
			max-width:50%;
			}
	}

/* TRIGGER - Arrangementen, Nieuws, Specials (franchise-page only) */
#section-trigger {
	background-color: #253061;
	background-image: url("../images/locationmap-background.jpg");
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
	padding:50px 0 60px;
	}
	#section-trigger .trigger {
		background-color:transparent;
		padding: 19px 0;
		border-width:0;
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		}
		#section-trigger .img-rounded {
			border-radius:10px;
			-webkit-border-radius:10px;
			-moz-border-radius:10px;
			border-style:solid;
			border-width:5px;
			border-color:tranbsparent;
			display:inline-block;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			}
			#section-trigger .img-rounded.pink {
				border-color:#f03072;
				}
			#section-trigger .img-rounded.green {
				border-color:#8db12f;
				}
			#section-trigger .img-rounded.blue {
				border-color:#3ba7c2;
				}
		#section-trigger .trigger-title {
			font-family:'cliosemibold-semibold',Verdana,sans-serif;
			font-size:23px;
			line-height:2em;
			margin-top:20px;
			margin-bottom:0;
			color:#ffffff;
			}
			@media (min-width:768px) and (max-width:991px) { /* breakpoint, SM devices  */
				#section-trigger .trigger-title {
					font-size:18px;
					}
			}
		#section-trigger .trigger-text {
			color:#ffffff;
			font-size:18px;
			line-height:22px;
			margin-bottom:10px;
			}
			@media (min-width:1200px) { /* breakpoint, LG devices  */
				#section-trigger .trigger-text {
					min-height:88px; /* Maxlength=150tekens, dit levert max 4 blokregels, ingestelde min-height= max. aantal blokregels * line-height */
					}
			}
			@media (min-width:992px) and (max-width:1199px) { /* breakpoint, MD devices  */
				#section-trigger .trigger-text {
					min-height:110px; /* Maxlength=150tekens, dit levert max 5 blokregels, ingestelde min-height= max. aantal blokregels * line-height */
					}
			}
			@media (min-width:768px) and (max-width:991px) { /* breakpoint, SM devices  */
				#section-trigger .trigger-text {
					font-size:16px;
					line-height:20px;
					min-height:120px; /* Maxlength=150tekens, dit levert max 6 blokregels, ingestelde min-height= max. aantal blokregels * line-height */
					}
			}
		#section-trigger .btn {
			margin-top:5px;
			}
			
/* TESTIMONIALS */
#section-testimonials {
	padding:50px 0;
	}
	#section-testimonials h2 {
		position: relative;
		margin-top: 0;
		margin-bottom:35px;
		text-align:center;
		font-family:'clioboldoblique-bold',Verdana,sans-serif;
		font-size:48.62px;
		}
		@media (max-width: 991px) { /* breakpoint, only needed for small desktops + tablets  */
			#section-testimonials h2 {
				font-size:40px;
				line-height:2em;
				margin-bottom:12px;
				}
		}
		@media (max-width: 767px) { /* breakpoint, only needed for extra small tablets and below  */
			#section-testimonials h2 {
				font-size:30px;
				line-height:2em;
				margin-bottom:6px;
				}
		}
		#section-testimonials h2:before {
			content: "";
			display: block;
			border-top: solid 1px #dedede;
			width: 100%;
			height: 1px;
			position: absolute;
			top: 50%;
			z-index: 1;
			}
			#section-testimonials h2 span.subheading-category {
				background: #ffffff;
				padding: 0 20px;
				position: relative;
				z-index: 5;
				color:#373737;
			}
			@media only screen and (max-width: 320px) { /* breakpoint, less font-size to fit on one line and no custom stroke around the H2 title for phone-portrait  */
			#section-testimonials h2 {
				font-size:26px;
				line-height:1em;
				margin-bottom:24px;
				}
			#section-testimonials h2:before {
				display:none;
				}
			#section-testimonials h2 span.subheading-category {
				padding:0;
				}
			}
		#section-testimonials .testimonial {
			margin-bottom:30px;
			}
			@media (max-width: 767px) {
				#section-testimonials .testimonial {
					margin-bottom:50px;
					}
			}
			#section-testimonials .speech-bubble {
				box-shadow:none;
				-moz-box-shadow:none;
				-webkit-box-shadow:none;
				background-color: #ededed;
				border: 1px solid #dedede;
				position:relative;
				margin-bottom:25px;
				min-height:130px;
				}				
				#section-testimonials .speech-bubble p {
					font-family:'proxima_novaregular_italic',Arial,sans-serif;	
					margin-bottom:0;
					}
				@media (min-width:768px) and (max-width: 991px) {
					#section-testimonials .speech-bubble {
						min-height:155px;
						}
						#section-testimonials .speech-bubble p {
							font-size:16px;
							}
				}
				#section-testimonials .speech-bubble .arrow {
					width: 30px;
					height: 30px;
					border-radius: 0 0 10px 0;
					margin: -15px 0 0 30px;
					-ms-transform: rotate(45deg); 
					-webkit-transform: rotate(45deg); 
					transform: rotate(45deg);
					background: -webkit-linear-gradient(-45deg, #ededed 50%, transparent 50%); /* For Safari 5.1 to 6.0 */
					background: -o-linear-gradient(-45deg, #ededed 50%, transparent 50%); /* For Opera 11.1 to 12.0 */
					background: -moz-linear-gradient(-45deg, #ededed 50%, transparent 50%); /* For Firefox 3.6 to 15 */
					background: linear-gradient(-45deg, #ededed 50%, transparent 50%); /* Standard syntax (must be last) */
					position:absolute;
					bottom:-15px;
					border-style:solid;
					border-color: #dedede;
					border-width:0 1px 1px 0;
					}
			#section-testimonials .client-image img {
				margin-right:20px;
				}
			#section-testimonials .client-name {
				font-family: "cliosemibold-semibold",Verdana,sans-serif;
				font-size: 21px;
				line-height: 1em;
				color: #373737;
				padding-top: 25px; /* if the city is shown, padding-top must set on 15px */
				}
			#section-testimonials .client-city {
				font-family:'cliosemiboldoblique-semibold',Arial,sans-serif;
				font-size:21px;
				line-height:1.1em;
				color:#6a6a6a;
				}
				@media (min-width:768px) and (max-width: 991px) {
					#section-testimonials .client-name,
					#section-testimonials .client-city {
						font-size: 18px;
						}
				}
/*--------------------------------------------------
	     Media Object List / Partner Section
->news-page &arrangement-page & arrangments-parent<-
             ->partner-page<-
---------------------------------------------------*/
.lead { /* intro */
	font-size:20px;
	}
.page-children .fa-ul.arrangmentstypes {
	margin-left:25px;
	}
	.page-children .arrangmentstypes li {
		line-height:24px;
		}
		.page-children .arrangmentstypes .fa-li { /* bullit list with child links, arrangments-page only! */
			color:#3ba7c2;
			width:25px;
			left:-25px;
			text-align:left
			}
	
#section-medialist,
#section-partners {
	margin-top:30px;
	}
#section-medialist .media-table {
	margin-bottom:45px;
	}
	#section-medialist .media-table:last-child {
		margin-bottom:0;
		}
		
	h3.blue,
	h3.green {
		font-size:30px;
		color:#3BA7C2;
		line-height:1.2em;
		margin-top:0;
		margin-bottom:12px;
		}
		h3.green {
			color:#178c61;
			}
		@media only screen and (max-width: 991px) { /* breakpoint, SM devices  */
			h3.blue,
			h3.green {
				font-size:25px;
				}
		}
		@media only screen and (max-width: 599px) { /* breakpoint, XS devices  */
			h3.blue,
			h3.green {
				font-size:20px;
				}
		}
#section-medialist a.btn,
#section-partners a.btn {
	margin-top:6px;
	}
	#section-partners .row {
		margin-bottom:45px;
		}
		#section-partners .row:last-child {
			margin-bottom:0;
			}			
		#section-partners .img-responsive {
			border: 5px solid #E4E4E4;
			}
			@media (max-width:767px) {
			#section-partners .img-responsive {
				margin-bottom:20px;
				}
			}

	/* to insure our responsive image will align as set, we override bootstrap setting display:block for .img-responsive, also give a grey border */
	.media-image .img-responsive,
	.media-bookimage .img-responsive {
		display:inline-block;
		border: 5px solid #E4E4E4;
		}
	@media (min-width:768px) { /* vertical align welcome text and image on devices where this elements are displayed next to each other*/
		.media-table {
			table-layout: fixed;
			width:100%;
			}
			.media-txt-full { /* one tablecell only if no image is showed */
				width:100%;
				}
		.media-image,
		.media-bookimage,
		.media-txt {
			/*vertical-align:middle; /* use this if you want the same effect as set for the section Welcome on the franchise homepage */
			vertical-align:top;			
			}
			.media-txt {
				text-align:left;
				}
			.media-image {
				text-align:right;
				padding-left:20px;
				}
				.media-bookimage {
					text-align:left;
					padding-right:20px;
					}
			
	}
	@media (min-width:768px) and (max-width:991px) {
		.media-txt {
				width:420px;
				}
		.media-image,
		.media-bookimage {
			width:300px;
			}
	}
	@media (min-width:992px) and (max-width:1199px) {
		.media-txt {
				width:590px;
				}
		.media-image,
		.media-bookimage {
			width:350px;
			}
	}
	@media (min-width:1200px) {
		.media-txt {
				width:740px;
				}
		.media-image,
		.media-bookimage {
			width:400px;
			}
	}
	/* for XS devices we use no table lay-out, image is showed above the text */
	@media (max-width:767px) {
		#section-medialist .row {
			margin-bottom:45px;
			}
			#section-medialist .row:last-child {
				margin-bottom:0;
				}
				
			#section-medialist .img-responsive {
					border: 5px solid #E4E4E4;
					margin-bottom:20px;
					}
	}
	/* restrict image size voor phone portrait + small tablets */
	@media (min-width:480px) and (max-width:767px) {
		#section-medialist .img-responsive {
			max-width:310px;
			}
	}	

.mediaobject_footer h3	{
	margin-top:50px;
	color:#5A5A5A;
	}

.sibling-navigation {
	margin-top:20px;
	}
	@media (max-width:320px) { /* display buttons as btn-block and add margin-top in case the route buttons are displayed below each other, XS devices only! */
		.sibling-navigation a.btn-pink {
			margin-top:15px;
			display:block;
			width:100%;
			}
		.sibling-navigation a.btn-pink:first-child {
			margin-top:0;
			}
	}
/*------------------------------
	     GALLERY 
	 ->gallery-page<-
------------------------------*/
#content .row.popup-gallery {
	margin-top:25px;
	}
	.popup-gallery .thumbnail:hover,
	.popup-gallery .thumbnail:focus {
		border-color:#3BA7C2;
		}
		
	/* override magnific popup.css settings */
	#gallery-page .mfp-bg {
		opacity:0.85;
		}
/* grab auto-generated YouTube Images, see //stackoverflow.com/questions/2068344/how-do-i-get-a-youtube-video-thumbnail-from-the-youtube-api AND //www.binarymoon.co.uk/2014/03/using-youtube-thumbnails/ */
.sidebar .showVideo {
	position:relative;
	}	
	.sidebar .showVideo a,
	.sidebar .showVideo a:visited {
		display:block;
		text-align:center;
		}
		.sidebar .showVideo a:hover {
			color:rgba(193,25,30,1.0);
			}
			
	.sidebar .showVideo a:before {
		content: '\f16a';
		font-family:'FontAwesome';
		font-style:normal;
		color:rgba(239,239,239,0.5); /* rgb color of #efefef; */
		font-size:5em;
		position: absolute;
		top: 50%;
		left:50%;
		margin-left:-40px; /* icon width is 80px */
		margin-top:-11px; /* line-height is 22px */
		z-index: 1;
		}
		.sidebar .showVideo a:hover:before {
			color:rgba(193,25,30,1.0); /* rgb color of #c1191e; */
			}
	
	.sidebar .showVideo img {
		display:block;
		margin-left:auto;
		margin-right:auto;
		}
		
/*------------------------------
	 Open Hours & Pricing 
	  ->pricing-page<-
------------------------------*/
.show-scrollindicator-xs {
	margin-bottom:20px;
	border:0 none;
	}
	.table-openhours,
	.table-pricing { 
		border:1px solid #d4d4d4;
		}
/*table head */
.table-openhours thead th,
.table-openhours tbody td.tablehead,
.table-pricing tbody td.tablehead,
.table-pricing thead th {
	font-family:'clioboldoblique-bold',Arial,sans-serif;
	font-size:22px;
	line-height:1.3em;
	font-weight:normal;
	border-width:0 0 1px!important;
	}
	.table-pricing tbody td.tablehead {
		font-size:18px;
		}
	.table-openhours tbody td.tablehead,
	.table-pricing tbody td.tablehead {
		border-width:1px 0 0!important;
		}
	@media only screen and (max-width: 991px) { 
		.table-pricing thead th,
		.table-pricing tbody td.tablehead,
		.table-openhours tbody td.tablehead,
		.table-openhours thead th {
			font-size:20px;
			}
			.table-pricing tbody td.tablehead {
				font-size:17px;
				}
	}
	@media only screen and (max-width: 767px) { 
		.table-pricing thead th,
		.table-pricing tbody td.tablehead,
		.table-openhours tbody td.tablehead,
		.table-openhours thead th {
			font-size:19px;
			}
			.table-pricing tbody td.tablehead {
				font-size:16px;
				}					
	}
/* table body */
.table-openhours tbody td,
.table-pricing tbody td {
	font-size:17px;
	border-width:1px 0 0!important;
	}
	@media only screen and (max-width: 991px) { 
		.table-openhours tbody td,
		.table-pricing tbody td {
			font-size:16px;
			}
	}
	@media only screen and (max-width: 767px) { 
		.table-openhours tbody td,
		.table-pricing tbody td {
			font-size:14px;
			}					
	}
.table-openhours tbody td:first-child {
	color:#F03072;
	}
.table-openhours tbody td.tablehead,
.table-pricing tbody td.tablehead {
	color:#6a6a6a;
	}
/* table footer */
.table-openhours .tablefooter td {
	font-weight:bold;
	font-size:17px;
	}
	.table-openhours .tablefooter td:first-child {
		color:#6a6a6a;
		}
	@media only screen and (max-width: 991px) { 
		.table-openhours .tablefooter td {
			font-size:16px;
			}
	}
	@media only screen and (max-width: 767px) { 
		.table-openhours .tablefooter td {
			font-size:15px;
			}					
	}
/* list */
.openhours-list li,
.pricing-list li {
    line-height: 1.4em;
    margin-bottom: 10px;
	}
	.openhours-list .fa-arrow-right,
	.pricing-list .fa-arrow-right {
			color:#F03072;
			}
/*------------------------------
	     CONTACT 
	  ->contact-page<-
form settings in teqa-forms.css
------------------------------*/
.sidebar .well a.popup-gmaps,
.sidebar .well a.popup-gmaps:visited {
	color:#178c61;
	font-weight:bold;
	}
p.introtxt {
	margin-bottom:25px;
	}	
h3.additional-info {
	color:#3BA7C2;
	margin-top:45px;
	}
h3.routeplanner {
	color:#3BA7C2;
	margin-top:45px;
	}
@media (max-width:320px) { /* display buttons as btn-block and add margin-top in case the route buttons are displayed below each other, XS devices only! */
	.btn-routeplanner {
		margin-top:15px;
		display:block;
		width:100%;
		}
	.btn-routeplanner:first-child {
		margin-top:0;
		}
}

/*------------------------------
	  MAIN CONTENT SECTION
	->basic + generic pages<-
------------------------------*/
section.content.main {
	padding-bottom:50px;
	background-color:#ffffff;
	}
section.content.main.padding30 { /* page Features */
	padding-bottom:30px;
	}

/*------------------------------
	  SCROLL TO TOP
------------------------------*/
/*see //www.paulund.co.uk/how-to-create-an-animated-scroll-to-top-with-jquery*/
.scrollToTop{
	position:fixed;
	bottom:15px;
	width:48px;
	right:0;
	display:none;
	z-index:999;
	}
	.scrollToTop a,
	.scrollToTop a:focus{
		color:rgba(240,48,114,0.5)!important;
		font-size:52px;
		z-index:9999;
		}
		.scrollToTop a:hover{
			text-decoration:none;
			color:rgba(240,48,114,0.8)!important;
			}

/*--------------------------------------------------------
					FOLLOW US
---------------------------------------------------------*
/***** floating div for social media *****/
#socialmedia-float {
	position: fixed;
    right: 0;
    top: 225px;    
	width:48px;
    z-index: 1040;
	background-color:rgba(59,167,194,0.35);
	border:none;
	-webkit-border-radius:5px 0 0 5px!important;
	-moz-border-radius:5px 0 0 5px!important;
	border-radius:5px 0 0 5px!important;
	}
	@media only screen and (max-width: 568px) {
		#socialmedia-float {
			top:150px;
			}
	}
	
	.btn-social,
	.btn-social:visited,
	.btn-social:hover {
		width:48px;
		padding:3px 0;
		background-color:rgba(59,167,194,0);
		border:none;		
		color:#ffffff;
		-webkit-border-radius:5px 0 0 5px!important;
		-moz-border-radius:5px 0 0 5px!important;
		border-radius:5px 0 0 5px!important;
		box-shadow:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		}
		.btn-social:before {
			content:'\f066' ;
			font-family:'FontAwesome';
			font-style:normal;
			color:#ffffff;
			display:inline-block;
			height:48px;
			line-height:48px;
			padding-left:0;
			font-size:38px;
			}
		.btn-social.collapsed:before {
			content:'\f1e0';
			}		
	#socialmedia-icons {
		background-color:rgba(0,0,0,0);
		padding:0 0 5px;
		text-align:center;
		}
		#socialmedia-icons .follow-us-icons {
			margin: 0px !important;
			padding: 0px !important;
			list-style: outside none none;
			overflow: hidden;
			}
			.follow-us-icons li {
				padding:3px;
				}
				.follow-us-icons a {
					color:#ffffff;
					font-size:28px;
					text-align:center;
					background-color:rgba(0,0,0,0.5);
					display:block;
					height:42px;
					width:42px;
					padding:7px 0;
					border-radius:50%;
					-moz-border-radius:50%;
					-webkit-border-radius:50%;
					}
					/* color setting per icon */
					.follow-us-icons a.facebook {
						background-color:#3B5998;
						}
					.follow-us-icons a.twitter {
						background-color:#5EA9DD;
						}
					.follow-us-icons a.instagram {
						background:linear-gradient( #400080, transparent), linear-gradient( 200deg, #d047d1, #ff0000, #ffff00);
						}
					.follow-us-icons a.pinterest {
						background-color:#EA1514;
						}
					.follow-us-icons a.youtube {
						background-color:#C1191E;
						}
			
/*--------------------------------------------------------
					COOKIEBAR
   -overrides /jquery.cookiebar/jquery.cookiebar.css-
--------------------------------------------------------*/
#cookie-bar {
	position:fixed; 
	bottom:0; 
	left:0; 
	width:100%;
	top:auto;
	height:40px;
	padding:8px 5px;
	z-index:9;
	}
	@media (max-width:425px) { /* on devices with a viewport of 425px or smaller, the cookie text and button appears on two lines*/
		#cookie-bar {
			height:65px;
			}
	}
	#cookie-bar .cb-enable {
		background-color:#f03072;
		font-weight:bold;
		}
		#cookie-bar .cb-enable:hover {
			background-color:#178c61;
			}

/*--------------------------------------------------------
					GLOWGOLF GAME
		   -only applied to generic pages-
--------------------------------------------------------*/
#generic-page .mfp-close-btn-in .mfp-close {
	color:#ffffff;
	}
.black-popup {
	position: relative;
	background: #000000;
	width:auto;
	max-width:320px;	
	margin: 0 auto;
	height: 216px; /* game is displayed with the size of 260x156 (= width and height, both minus padding iframe), phone portrait */
	}
	.black-popup iframe {
		padding:30px;
		}
	@media (min-width:480px) { /* game is displayed with the max size of 420x252 (= width and height, both minus padding iframe), smallphone landscape */
		.black-popup {
			height:312px;
			max-width:480px;
			}
	}
	@media (min-width:568px) { /* game is displayed with the max size of 528x317(= width and height, both minus padding iframe), phone landscape + small tablet */
		.black-popup {
			height:377px;
			max-width:568px;
			}
	}
	@media (min-width:768px) { /* game is displayed with the max size of 728x437(= width and height, both minus padding iframe), SM Devices */
		.black-popup {
			height:497px;
			max-width:768px;
			}
	}
	@media (min-width:992px) { /* game is displayed with the max size of 800x480(= width and height, both minus padding iframe), MD + LG Devices */
		.black-popup {
			height:540px;
			max-width:860px;
			}
	}

/*--------------------------------------------------------
					GLOWGOLF FAQ
		   -only applied to faq pages-
--------------------------------------------------------*/
.panel-group .panel {
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	}
	h4.panel-title {
		font-size:18px;
		line-height:22px;
		font-family:"proxima_nova_bold",Arial,sans-serif;
		}
		@media only screen and (max-width: 599px) { /* breakpoint, only needed for extra small tablets and below  */
			h4.panel-title {
				font-size:16px;
				line-height:20px;
				}
		}
		.panel-heading [data-toggle="collapse"]:after {
			content: "\00AB"; /* "&laquo;" icon */
			float: right;
			color: #212121;
			font-size: 24px;
			line-height: 28px;
			/* rotate "&laquo;" icon from << (right arrow) to up arrow */
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg);
			}

		.panel-heading [data-toggle="collapse"].collapsed:after {
		   content: "\00BB"; /* "&raquo;" icon */
		   /* rotate "&raquo;" icon from >> (right arrow) to down arrow) */
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg);
			color: #3BA7C2;
			}
/*--------------------------------------------------------
					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;
	}

/*--------------------------------------------------------
				  FRANCHISE NOT OPEN YET
				-applied to franchise-page-
			(checkbox 'not-open'must be selected)
--------------------------------------------------------*/
body.not-open #section-quicknavigation,
body.not-open #section-trigger {
	display:none!important;
	}
body.not-open #section-welcome {
	background-color:#ffffff;
	}