/* = HTML / Body / Typography / Re-used Elements
----------------------------------------------- */

	* {
		-webkit-font-smoothing:antialiased;
		text-rendering: optimizeLegibility; 
	}


	/* -- HTML / Body ---------- */

		html,
		body{
			/*overflow-x:hidden;*/
		}

			html{
			}

			body{
			}

		html.jsStopScroll,
		body.jsStopScroll{
			overflow-y:hidden;
			height:auto;
		}

		@media screen and (max-width:991px){
			html.jsMenuStopScroll,
			body.jsMenuStopScroll{
				/*overflow-y:hidden;*/
			}
		}

		h2.maintitle {
			font-size: 4.2rem;
			font-weight: bold;
		}

		@media screen and (max-width: 640px) {
		.module-image .img-responsive {
			display: none !important;
		}}

		.module-bodytext .bodytext-data {
			overflow-x: auto;
		}

		.module-bodytext .bodytext-data table {
			table-layout: fixed;
		}

	/* -- Headings ---------- */

		.CustomHTMLPage h1,
		.CustomHTMLPage h2,
		.CustomHTMLPage h3,
		.CustomHTMLPage h4,
		.CustomHTMLPage h5,
		.CustomHTMLPage h6{
			color:#470A68;
			margin:15px auto;
		}


		/* Page Title */
		.CustomHTMLPage h1,
		.CustomHTMLPage h1 *{
			font-family:'Open Sans', sans-serif;
			font-family:'Open Sans Condensed', sans-serif;
			font-size:48px;
			font-weight:600;
			line-height:1.0;
		}

			@media 
			screen and (min-width:480px){
				.CustomHTMLPage h1,
				.CustomHTMLPage h1 *{
					font-size:60px;
				}
			}

			@media 
			screen and (min-width:768px){
				.CustomHTMLPage h1,
				.CustomHTMLPage h1 *{
					font-size:72px;
				}
			}

			@media 
			screen and (min-width:992px){
				.CustomHTMLPage h1,
				.CustomHTMLPage h1 *{
					font-size:84px;
				}
			}

			@media 
			screen and (min-width:1200px){
				.CustomHTMLPage h1,
				.CustomHTMLPage h1 *{
					font-size:96px;
				}
			}


		/* Section Title */
		.CustomHTMLPage h2{
			font-family:'Open Sans', sans-serif;
			font-family:'Open Sans Condensed', sans-serif;
			font-size:36px;
			font-weight:600;
			line-height:1.0;
		}

			@media 
			screen and (min-width:480px){
				.CustomHTMLPage h2{
					font-size:36px;
				}
			}

			@media 
			screen and (min-width:768px){
				.CustomHTMLPage h2{
					font-size:48px;
				}
			}

			@media 
			screen and (min-width:992px){
				.CustomHTMLPage h2{
					font-size:60px;
				}
			}

			@media 
			screen and (min-width:1200px){
				.CustomHTMLPage h2{
					font-size:64px;
				}
			}


		/* Section Subtitle */
		.CustomHTMLPage h3{
			font-family:'Open Sans', sans-serif;
			font-family:'Open Sans Condensed', sans-serif;
			font-size:28px;
			font-weight:600;
			line-height:1.0;
		}

			@media 
			screen and (min-width:480px){
				.CustomHTMLPage h3{
					font-size:36px;
				}
			}

			@media 
			screen and (min-width:768px){
				.CustomHTMLPage h3{
					font-size:36px;
				}
			}

			@media 
			screen and (min-width:992px){
				.CustomHTMLPage h3{
					font-size:48px;
				}
			}

			@media 
			screen and (min-width:1200px){
				.CustomHTMLPage h3{
					font-size:48px;
				}
			}


		/* Slide Titles */
		.CustomHTMLPage h4{
			font-family:'Open Sans', sans-serif;
			font-family:'Open Sans Condensed', sans-serif;
			font-size:24px;
			font-weight:600;
			line-height:1.0;
		}

			@media 
			screen and (min-width:480px){
				.CustomHTMLPage h4{
					font-size:24px;
				}
			}

			@media 
			screen and (min-width:768px){
				.CustomHTMLPage h4{
					font-size:24px;
				}
			}

			@media 
			screen and (min-width:992px){
				.CustomHTMLPage h4{
					font-size:36px;
				}
			}

			@media 
			screen and (min-width:1200px){
				.CustomHTMLPage h4{
					font-size:36px;
				}
			}


		/* Other titles */
		.CustomHTMLPage h5{
			font-family:'Open Sans', Arial, Helvetica, sans-serif;
			font-size:18px;
			font-weight:600;
			line-height:1.15em;

			margin:15px auto;
		}

			@media screen and (min-width:768px){
				.CustomHTMLPage h5{
					font-size:20px;
				}
			}

		.CustomHTMLPage h6{
			font-family:'Open Sans', Arial, Helvetica, sans-serif;
			font-size:16px;
			font-weight:600;
			line-height:1.15em;

			margin:15px auto;
		}

		.CustomHTMLPage blockquote + h1,
		.CustomHTMLPage blockquote + h2,
		.CustomHTMLPage blockquote + h3,
		.CustomHTMLPage blockquote + h4,
		.CustomHTMLPage blockquote + h5,
		.CustomHTMLPage blockquote + h6,
		.CustomHTMLPage ol + h1,
		.CustomHTMLPage ol + h2,
		.CustomHTMLPage ol + h3,
		.CustomHTMLPage ol + h4,
		.CustomHTMLPage ol + h5,
		.CustomHTMLPage ol + h6,
		.CustomHTMLPage p + h1,
		.CustomHTMLPage p + h2,
		.CustomHTMLPage p + h3,
		.CustomHTMLPage p + h4,
		.CustomHTMLPage p + h5,
		.CustomHTMLPage p + h6,
		.CustomHTMLPage ul + h1,
		.CustomHTMLPage ul + h2,
		.CustomHTMLPage ul + h3,
		.CustomHTMLPage ul + h4,
		.CustomHTMLPage ul + h5,
		.CustomHTMLPage ul + h6{
			margin-top:30px;
		}


	/* -- Paragraph ---------- */

		.CustomHTMLPage p{
			color:#333333;
			font-family:'Open Sans', Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:normal;
			line-height:1.35em;

			margin:15px auto;
		}

		@media 
		screen and (min-width:768px){
			.CustomHTMLPage p{
				font-size:16px;
			}
		}

		.CustomHTMLPage p.large{
			font-size:1.25em;
		}

		.CustomHTMLPage p.small{
			font-size:0.75em;
		}

		/*.CustomHTMLPage h1 + p,*/
		/*.CustomHTMLPage h2 + p,*/
		.CustomHTMLPage h3 + p,
		.CustomHTMLPage h4 + p{
			margin-top:0px;
		}

		.CustomHTMLPage h1 + p,
		.CustomHTMLPage h2 + p{
		/*.CustomHTMLPage h3 + p,*/
		/*.CustomHTMLPage h4 + p{*/
			margin-top:20px;
		}


	/* -- Lists ---------- */

		.CustomHTMLPage ul,
		.CustomHTMLPage ol{
			list-style:disc;

			margin:0.75em auto;
			padding:0px 0px 0px 1.5em;
			border:0px none;
		}

		.CustomHTMLPage ol{
			list-style:decimal;
		}

			.CustomHTMLPage ul li,
			.CustomHTMLPage ol li{
				color:inherit;
				font-family:inherit;
				font-style:normal;
				font-weight:normal;
				
				font-size:14px;
				line-height:1.35em;


				margin:0px auto;
				padding:0.25em 0px;
			}

			@media 
			screen and (min-width:768px){
			.CustomHTMLPage ul li,
			.CustomHTMLPage ol li{
					font-size:16px;
				}
			}

			.CustomHTMLPage ul ul,
			.CustomHTMLPage ol ol,
			.CustomHTMLPage ul ol,
			.CustomHTMLPage ol ul{
				margin:0.75em auto;
			}

		.CustomHTMLPage h1 + ul,
		.CustomHTMLPage h2 + ul,
		.CustomHTMLPage h3 + ul,
		.CustomHTMLPage h4 + ul,
		.CustomHTMLPage h1 + ol,
		.CustomHTMLPage h2 + ol,
		.CustomHTMLPage h3 + ol,
		.CustomHTMLPage h4 + ol{
			margin-top:0px;
		}


	/* -- Blockquote ---------- */

		.CustomHTMLPage blockquote{
			width:100%;
			height:auto;

			display:block;
			position:relative;

			margin:0px auto !important;
			padding:30px 0px;
			border:0px none;
		}

			.CustomHTMLPage blockquote,
			.CustomHTMLPage blockquote h1,
			.CustomHTMLPage blockquote h2,
			.CustomHTMLPage blockquote h3,
			.CustomHTMLPage blockquote h4,
			.CustomHTMLPage blockquote h5,
			.CustomHTMLPage blockquote p,
			.CustomHTMLPage blockquote p small{
				color:#470A68;
				font-family:'Open Sans', sans-serif;
				font-family:'Open Sans Condensed', sans-serif;
				font-size:24px;
				font-weight:300;
				line-height:1.0;

				margin:0px auto !important;
			}

				@media 
				screen and (min-width:480px){
					.CustomHTMLPage blockquote,
					.CustomHTMLPage blockquote h1,
					.CustomHTMLPage blockquote h2,
					.CustomHTMLPage blockquote h3,
					.CustomHTMLPage blockquote h4,
					.CustomHTMLPage blockquote h5,
					.CustomHTMLPage blockquote p,
					.CustomHTMLPage blockquote p small{
						font-size:24px;
					}
				}

				@media 
				screen and (min-width:768px){
					.CustomHTMLPage blockquote,
					.CustomHTMLPage blockquote h1,
					.CustomHTMLPage blockquote h2,
					.CustomHTMLPage blockquote h3,
					.CustomHTMLPage blockquote h4,
					.CustomHTMLPage blockquote h5,
					.CustomHTMLPage blockquote p,
					.CustomHTMLPage blockquote p small{
						font-size:24px;
					}
				}

				@media 
				screen and (min-width:992px){
					.CustomHTMLPage blockquote,
					.CustomHTMLPage blockquote h1,
					.CustomHTMLPage blockquote h2,
					.CustomHTMLPage blockquote h3,
					.CustomHTMLPage blockquote h4,
					.CustomHTMLPage blockquote h5,
					.CustomHTMLPage blockquote p,
					.CustomHTMLPage blockquote p small{
						font-size:32px;
					}
				}

				@media 
				screen and (min-width:1200px){
					.CustomHTMLPage blockquote,
					.CustomHTMLPage blockquote h1,
					.CustomHTMLPage blockquote h2,
					.CustomHTMLPage blockquote h3,
					.CustomHTMLPage blockquote h4,
					.CustomHTMLPage blockquote h5,
					.CustomHTMLPage blockquote p,
					.CustomHTMLPage blockquote p small{
						font-size:36px;
					}
				}


		@media screen and (max-width:991px){
			.CustomHTMLPage blockquote{
				padding:0px 0px 15px 15px;
			}

				.CustomHTMLPage blockquote::before{
					width:auto;
					height:auto;

					display:inline-block;
					position:absolute;
					left:0px;
					top:0px;

					color:#470A68;
					font-family:'Noto Sans';
					font-weight:normal;

					margin:0px auto;
					padding:0px;
					border:0px none;
					
					content:'“';
				}

				.CustomHTMLPage blockquote p:last-child::after{
					color:#470A68;
					font-family:'Noto Sans';
					font-weight:normal;

					padding-left:5px;

					content:'”';
				}
		}


		@media screen and (min-width:992px){
			.CustomHTMLPage blockquote{
				padding:0px 20px 15px 20px;
			}

				.CustomHTMLPage blockquote::before{
					width:auto;
					height:auto;

					display:inline-block;
					position:absolute;
					left:0px;
					top:0px;

					color:#470A68;
					font-family:'Noto Sans';
					font-weight:normal;

					margin:0px auto;
					padding:0px;
					border:0px none;
					
					content:'“';
				}

				.CustomHTMLPage blockquote::after{
					width:auto;
					height:auto;

					display:inline-block;
					position:absolute;
					right:0px;
					top:0px;

					color:#470A68;
					font-family:'Noto Sans';
					font-weight:normal;

					margin:0px auto;
					padding:0px;
					border:0px none;
					
					content:'”';
				}
		}


		@media screen and (min-width:1200px){
			.CustomHTMLPage blockquote{
				padding:0px 25px 15px 25px;
			}
		}


	/* -- Links / Buttons ---------- */

		.CustomHTMLPage a,
		.CustomHTMLPage a:hover,
		.CustomHTMLPage button,
		.CustomHTMLPage button:hover{
			-webkit-transition:background-color 150ms ease-in-out, color 150ms ease-in-out, opacity 150ms ease-in-out;
			   -moz-transition:background-color 150ms ease-in-out, color 150ms ease-in-out, opacity 150ms ease-in-out;
				-ms-transition:background-color 150ms ease-in-out, color 150ms ease-in-out, opacity 150ms ease-in-out;
				 -o-transition:background-color 150ms ease-in-out, color 150ms ease-in-out, opacity 150ms ease-in-out;
					transition:background-color 150ms ease-in-out, color 150ms ease-in-out, opacity 150ms ease-in-out;
		}

		.CustomHTMLPage a,
		.CustomHTMLPage a:hover{
			/*text-decoration:none !important;*/
			opacity:1.0;
		}

			.CustomHTMLPage a:hover{
				opacity:0.75;
			}

		.CustomHTMLPage button,
		.CustomHTMLPage button:hover{
		}

			.CustomHTMLPage button:hover{
			}


		.CustomHTMLPage p a,
		.CustomHTMLPage p a:hover,
		.CustomHTMLPage li a,
		.CustomHTMLPage li a:hover{
			text-decoration:underline;
		}


	/* -- Table ---------- */

		.CustomHTMLPage table{
			width:100%;
			height:auto;

			display:table;
			position:relative;

			font-size:14px;
			line-height:1.35;

			border-collapse:collapse;
			border-spacing:0;
			empty-cells:show;
			border:1px solid #CBCBCB;
		}

			.CustomHTMLPage thead{
				background-color:#00338D;
				color:#FFFFFF;
				text-align:left;
				vertical-align:bottom;
			}

				.CustomHTMLPage tbody{
					vertical-align: top;
				}

					.CustomHTMLPage th,
					.CustomHTMLPage td{
						background-color:transparent;
						border-left: 1px solid #CBCBCB;/*  inner column border */
						border-width: 0 0 0 1px;
						font-size:14px !important;
						line-height:1.35;
						margin: 0;
						overflow: visible; /*to make ths where the title is really long work*/
						padding: 0.5em 1.5em; /* cell padding */
					}

					.CustomHTMLPage th{
						color:#FFFFFF !important;
					}

					.CustomHTMLPage td{
					}

					/* Striping */
					.CustomHTMLPage table.odd td{
						background-color:#E8F1F7;
					}
					.CustomHTMLPage table.striped tr:nth-child(2n-1) td{
						background-color:#E8F1F7;
					}

					/* Borders */
					.CustomHTMLPage table.bordered td{
						border-bottom: 1px solid #CBCBCB;
					}
					.CustomHTMLPage table.bordered tbody > tr:last-child > td{
						border-bottom-width: 0;
					}


					/* Horizontal Borders */
					.CustomHTMLPage table.horizontal th,
					.CustomHTMLPage table.horizontal td{
						border-width: 0 0 1px 0;
						border-bottom: 1px solid #CBCBCB;
					}
					.CustomHTMLPage table.horizontal tbody > tr:last-child > td{
						border-bottom-width: 0;
					}

						.CustomHTMLPage table *{
							font-size:12px;
							line-height:1.35;
						}

						.CustomHTMLPage th *,
						.CustomHTMLPage th h1,
						.CustomHTMLPage th h2,
						.CustomHTMLPage th h3,
						.CustomHTMLPage th h4,
						.CustomHTMLPage th h5,
						.CustomHTMLPage th h6,
						.CustomHTMLPage th p,
						.CustomHTMLPage th ul,
						.CustomHTMLPage th li{
							color:#FFFFFF;
							margin:5px auto;
						}

						.CustomHTMLPage td *,
						.CustomHTMLPage td h1,
						.CustomHTMLPage td h2,
						.CustomHTMLPage td h3,
						.CustomHTMLPage td h4,
						.CustomHTMLPage td h5,
						.CustomHTMLPage td h6,
						.CustomHTMLPage td p,
						.CustomHTMLPage td ul,
						.CustomHTMLPage td li{
							margin:5px auto;
						}

						.CustomHTMLPage th ul,
						.CustomHTMLPage td ul{
							margin:3px auto;
							padding:0px 0px 0px 25px;
						}

							.CustomHTMLPage th li,
							.CustomHTMLPage td li{
								margin:2px auto;
							}

		.CustomHTMLPage .table{
			width:auto;
			height:auto;

			display:block;
			position:relative;

			margin:15px auto;
			padding:0px;
			border:0px none;

			overflow-x:auto;
		}

			.CustomHTMLPage .table table{
				min-width:768px;
			}


	/* -- Line Break ---------- */

		hr{
			border: 0;
			height: 0;
			margin:40px 0px !important;
			border-top: 1px solid #CCCCCC;
			border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		}


	/* -- Mark ---------- */

		mark{
			background-color:#FF00FF;
			display:inline;
			color:#000000;
			font-size:12px !important;
			letter-spacing:2px;
			text-transform:uppercase;
			margin:0px auto;
			padding:2px 5px;
		}



/* = Vendor Items
-----------------------------------------------


	/* -- Slick Slider ---------- */


		/* Slick */
		.slick-slider{
			width:100%;
			height:auto;

			display:block;
			position:relative;

			margin:0px auto !important;
			padding:0px !important;
			border:0px none;

			-moz-box-sizing:border-box;
				 box-sizing:border-box;

			-webkit-user-select:none;
			   -moz-user-select:none;
				-ms-user-select:none;
					user-select:none;

			-webkit-touch-callout:none;
			-khtml-user-select:none;
			-ms-touch-action:pan-y;
				touch-action:pan-y;
			-webkit-tap-highlight-color:transparent;
		}


			/* List */
			.slick-list{
				width:100%;
				height:auto;

				display:block;
				position:relative;
				z-index:0;

				margin:0;
				padding:0;
				border:0;

				overflow:hidden;

				-webkit-transform:translate3d(0, 0, 0);
				   -moz-transform:translate3d(0, 0, 0);
					-ms-transform:translate3d(0, 0, 0);
					 -o-transform:translate3d(0, 0, 0);
						transform:translate3d(0, 0, 0);
			}

			.slick-list:focus{
				outline:none;
			}

			.slick-list.dragging{
				cursor:pointer;
				cursor:hand;
			}


				/* Track */
				.slick-track{
					width:100%;
					height:auto;

					display:block;
					position:relative;
					top:0;
					left:0;
					z-index:0;

					margin:0 !important;
					padding:0;
					border:0;

					overflow:hidden;

					-webkit-transform:translate3d(0, 0, 0);
					   -moz-transform:translate3d(0, 0, 0);
						-ms-transform:translate3d(0, 0, 0);
						 -o-transform:translate3d(0, 0, 0);
							transform:translate3d(0, 0, 0);
				}

				.slick-loading .slick-track{
					visibility:hidden;
				}

				.slick-track:before,
				.slick-track:after{
					display:table;
					content:'';
				}

				.slick-track:after{
					clear:both;
				}


					/* Slide */
					.slick-slide{
						background-color:transparent;
						background-position:center center;
						background-repeat:no-repeat;
						-webkit-background-size:cover;
						   -moz-background-size:cover;
							-ms-background-size:cover;
							 -o-background-size:cover;
								background-size:cover;
						
						width:100%;
						height:auto;
						min-height:1px;

						display:none;
						position:relative;
						float:left;

						margin:0px auto;
						padding:0px;
						border:0px none;
						
						outline:none !important;

						/*opacity:0;*/

						-webkit-transition:opacity 250ms ease-in-out;
						   -moz-transition:opacity 250ms ease-in-out;
							-ms-transition:opacity 250ms ease-in-out;
							 -o-transition:opacity 250ms ease-in-out;
								transition:opacity 250ms ease-in-out;
					}

					.slick-slide.slick-current,
					.slick-slide.slick-active{
						/*opacity:1;*/
					}

					[dir='rtl'] .slick-slide{
						float:right;
					}

						.slick-slide img{
							display:block;
						}

						.slick-slide.slick-loading img{
							display:none;
						}

						.slick-slide.dragging img{
							pointer-events:none;
						}

					.slick-initialized .slick-slide{
						display:block;
					}

					.slick-loading .slick-slide{
						visibility:hidden;
					}

				.slick-arrow.slick-hidden {
					display:none;
				}


		/* Buttons */
		.slick-slider button{
			background-color:transparent;

			line-height:1em;
			min-width:0px;

			-webkit-appearance:none;
			-moz-appearance:none;
		}

			.slick-slider button:hover{
			}

			.slick-slider button:focus,
			.slick-slider select:focus{
				outline:1px solid rgba(255, 255, 255, 0);
				outline-offset:-4px;
			}

			.slick-slider button:active{
			}


		/* Slick Arrows */
		button.slick-prev,
		button.slick-next{
			width:36px;
			height:36px;

			display:block;
			position:absolute;
			top:0px;
			z-index:20;

			margin:0px auto;
			padding:0px;
			border:0px none;

			overflow:hidden;
			cursor:pointer;
			outline:none;
			text-indent:-9999px;

			-webkit-transition:background 250ms ease-in-out, opacity 250ms ease-in-out;
			   -moz-transition:background 250ms ease-in-out, opacity 250ms ease-in-out;
				-ms-transition:background 250ms ease-in-out, opacity 250ms ease-in-out;
				 -o-transition:background 250ms ease-in-out, opacity 250ms ease-in-out;
					transition:background 250ms ease-in-out, opacity 250ms ease-in-out;
		}

			button.slick-prev{
				right:36px;

				-webkit-transform:rotate(-180deg);
				   -moz-transform:rotate(-180deg);
					-ms-transform:rotate(-180deg);
					 -o-transform:rotate(-180deg);
						transform:rotate(-180deg);
			}

			button.slick-next{
				right:0px;
			}

				button.slick-prev::before,
				button.slick-next::before{
					width:36px;
					height:36px;

					display:block;
					position:absolute;
					top:0px;
					left:0px;
					z-index:0;

					margin:0px auto;
					padding:0px;
					border:0px none;

					overflow:hidden;
					text-indent:-9999px;

					-webkit-transition:background-color 150ms ease-in-out;
					   -moz-transition:background-color 150ms ease-in-out;
						-ms-transition:background-color 150ms ease-in-out;
						 -o-transition:background-color 150ms ease-in-out;
							transition:background-color 150ms ease-in-out;

					content:'';
				}

				button.slick-prev:hover::before,
				button.slick-next:hover::before{
				}

				button.slick-prev::after,
				button.slick-next::after{
					width:12px;
					height:12px;

					display:block;
					position:absolute;
					top:50%;
					left:50%;
					z-index:10;

					margin:0px 0px 0px -3px;
					padding:0px;
					border:0px none;
					border-right:2px solid #000000;
					border-top:2px solid #000000;

					overflow:hidden;
					text-indent:-9999px;

					content:'';

					-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
					   -moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);
						-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
						 -o-transform:translateX(-50%) translateY(-50%) rotate(45deg);
							transform:translateX(-50%) translateY(-50%) rotate(45deg);
				}

			button.slick-prev.slick-disabled,
			button.slick-next.slick-disabled{
				opacity:0.5;
			}


		/* Slick Dots */
		ul.slick-dots{
			width:auto;
			height:16px;

			display:block;
			position:absolute;
			top:10px;
			right:80px;
			z-index:20;

			margin:0px auto !important;
			padding:0px !important;
			border:0px none;
		}

			ul.slick-dots li,
			ul.slick-dots li:hover{
				background:none;

				width:16px;
				height:16px;

				display:inline-block;
				position:relative;

				list-style:none;

				margin:0px auto;
				padding:3px !important;
				border:0px none;

				cursor:pointer;

				overflow:hidden;

				opacity:1.0;

				-webkit-border-radius:50%;
				   -moz-border-radius:50%;
					-ms-border-radius:50%;
					 -o-border-radius:50%;
						border-radius:50%;

				-webkit-transition:all 250ms ease-in-out;
				   -moz-transition:all 250ms ease-in-out;
					-ms-transition:all 250ms ease-in-out;
					 -o-transition:all 250ms ease-in-out;
						transition:all 250ms ease-in-out;
			}

			.slick-dots > li:only-child {
				display: none !important;
			}

				ul.slick-dots li button,
				ul.slick-dots button:hover,
				ul.slick-dots button:active,
				ul.slick-dots button:visited{
					background-color:#FFFFFF;

					-webkit-border-radius:50%;
					   -moz-border-radius:50%;
						-ms-border-radius:50%;
						 -o-border-radius:50%;
							border-radius:50%;

					opacity:1.0;

					-webkit-transition:all 250ms ease-in-out;
					   -moz-transition:all 250ms ease-in-out;
						-ms-transition:all 250ms ease-in-out;
						 -o-transition:all 250ms ease-in-out;
							transition:all 250ms ease-in-out;
				}

				ul.slick-dots li button:hover,
				ul.slick-dots li.slick-active button{
					background-color:#000000;

					opacity:1.0;

					-webkit-transition:all 250ms ease-in-out;
					   -moz-transition:all 250ms ease-in-out;
						-ms-transition:all 250ms ease-in-out;
						 -o-transition:all 250ms ease-in-out;
							transition:all 250ms ease-in-out;
				}

				ul.slick-dots button,
				ul.slick-dots button:hover,
				ul.slick-dots button:active,
				ul.slick-dots button:visited{
					background:transparent;

					width:100%;
					height:100%;

					display:block;
					position:relative;

					text-indent:-9999px;

					margin:0px !important;
					padding:0px;
					border:1px solid #000000 !important;
					
					outline:1px solid rgba(255, 255, 255, 0);
					outline-offset:-4px;

					overflow:hidden;
				}


		/* Dotted Slider */
		.slick-slider.slick-dotted{
		}

			.slick-slider.slick-dotted button.slick-prev,
			.slick-slider.slick-dotted button.slick-next{
			}



/* = Re-use Classes / Items
----------------------------------------------- */


	/* -- Text Colours ----------- */

		.text-KPMGBlue{
			color:#00338D !important;
		}

		.text-MediumBlue{
			color:#005EB8 !important;
		}

		.text-LightBlue{
			color:#0091DA !important;
		}

		.text-Violet{
			color:#483698 !important;
		}

		.text-Purple{
			color:#470A68 !important;
		}

		.text-LightPurple{
			color:#6D2077 !important;
		}

		.text-KPMGGreen{
			color:#00A3A1 !important;
		}

		.text-Green{
			color:#009A44 !important;
		}

		.text-LightGreen{
			color:#43B02A !important;
		}

		.text-Yellow{
			color:#EAAA00 !important;
		}

		.text-Orange{
			color:#F68D2E !important;
		}

		.text-Red{
			color:#BC204B !important;
		}

		.text-Pink{
			color:#C6007E !important;
		}

		.text-White{
			color:#FFFFFF !important;
		}

		.text-Grey{
			color:#333333 !important;
		}


	/* -- Background Colours ----------- */

		.background-KPMGBlue{
			background-color:#00338D !important;
		}

		.background-MediumBlue{
			background-color:#005EB8 !important;
		}

		.background-LightBlue{
			background-color:#0091DA !important;
		}

		.background-Violet{
			background-color:#483698 !important;
		}

		.background-Purple{
			background-color:#470A68 !important;
		}

		.background-LightPurple{
			background-color:#6D2077 !important;
		}

		.background-KPMGGreen{
			background-color:#00A3A1 !important;
		}

		.background-Green{
			background-color:#009A44 !important;
		}

		.background-LightGreen{
			background-color:#43B02A !important;
		}

		.background-Yellow{
			background-color:#EAAA00 !important;
		}

		.background-Orange{
			background-color:#F68D2E !important;
		}

		.background-Red{
			background-color:#BC204B !important;
		}

		.background-Pink{
			background-color:#C6007E !important;
		}

		.background-White{
			background-color:#FFFFFF !important;
		}

		.background-Grey{
			background-color:#333333 !important;
		}


	/* -- Anchor ----------- */

		.ignitionAnchor{
			background:transparent;

			width:100%;
			height:0px;

			display:block;
			position:absolute;
			left:0px;
			/*top:50px;*/
			top:-94px;

			margin:0px auto;
			padding:0px;
			border:0px none;
		}

		@media screen and (min-width:768px){
			.ignitionAnchor{
				/*top:75px;*/
				top:-69px;
			}
		}

		@media screen and (min-width:1200px){
			.ignitionAnchor{
				/*top:100px;*/
				top:-44px;
			}
		}

		.ignitionAnchor#IgnitionContent{
			top:-114px;
			top:0;
		}


	/* -- Buttons ----------- */

		.btn{
			background-color:#36084E !important;

			width:auto;
			height:auto;

			display:inline-block;
			position:relative;

			color:#FFFFFF !important;
			text-decoration:none !important;
			font-weight:bold;
			text-align:center;

			margin:2px auto;
			padding:15px 30px 15px 15px;
			border:0px none;
			
			-webkit-border-radius:0px;
			   -moz-border-radius:0px;
				-ms-border-radius:0px;
				 -o-border-radius:0px;
					border-radius:0px;
		}

		@media screen and (min-width:768px){
			.btn{
				padding:15px 50px 15px 30px;
			}
		}

		@media screen and (min-width:992px){
			.btn{
				font-size:18px !important;
			}
		}

			.btn::after{
				width:10px;
				height:10px;

				display:block;
				position:absolute;
				top:50%;
				right:15px;

				margin:0px auto;
				padding:0px;
				border:0px none;

				border-right:3px solid #FFFFFF;
				border-top:3px solid #FFFFFF;

				content:'';

				-webkit-transform:translateX(0%) translateY(-50%) rotate(45deg);
				   -moz-transform:translateX(0%) translateY(-50%) rotate(45deg);
					-ms-transform:translateX(0%) translateY(-50%) rotate(45deg);
					 -o-transform:translateX(0%) translateY(-50%) rotate(45deg);
						transform:translateX(0%) translateY(-50%) rotate(45deg);

				-webkit-transition:left 250ms ease-in-out, opacity 250ms ease-in-out, transform 250ms ease-in-out;
				   -moz-transition:left 250ms ease-in-out, opacity 250ms ease-in-out, transform 250ms ease-in-out;
					-ms-transition:left 250ms ease-in-out, opacity 250ms ease-in-out, transform 250ms ease-in-out;
					 -o-transition:left 250ms ease-in-out, opacity 250ms ease-in-out, transform 250ms ease-in-out;
						transition:left 250ms ease-in-out, opacity 250ms ease-in-out, transform 250ms ease-in-out;
			}

			@media screen and (min-width:768px){
				.btn::after{
					right:30px;
				}
			}

		.btn.btn--white{
			background-color:#FFFFFF !important;
			color:#36084E !important;
		}

			.btn.btn--white::after{
				border-color:#36084E !important;
			}

		.btn.btn--clear{
			background-color:transparent !important;
			font-size:16px !important;
			padding:0px 15px 0px 0px;
			color:#36084E !important;
		}

			.btn.btn--clear::after{
				width:8px;
				height:8px;
				right:2px !important;
				border-color:#36084E !important;
			}

		.btn.btn--readmore{
			background-color:transparent !important;
			font-size:16px !important;
			padding:0px 15px 0px 0px;
			color:#36084E !important;
		}

			.btn.btn--readmore i{
				font-style:normal !important;
			}

			.btn.btn--readmore::after{
				width:8px;
				height:8px;
				right:2px !important;
				border-color:#36084E !important;

				-webkit-transform:translateX(0%) translateY(-50%) rotate(45deg);
				   -moz-transform:translateX(0%) translateY(-50%) rotate(45deg);
					-ms-transform:translateX(0%) translateY(-50%) rotate(45deg);
					 -o-transform:translateX(0%) translateY(-50%) rotate(45deg);
						transform:translateX(0%) translateY(-50%) rotate(45deg);
			}

			.btn.btn--readmore.jsButtonActive::after{
				-webkit-transform:translateX(0%) translateY(-50%) rotate(315deg);
				   -moz-transform:translateX(0%) translateY(-50%) rotate(315deg);
					-ms-transform:translateX(0%) translateY(-50%) rotate(315deg);
					 -o-transform:translateX(0%) translateY(-50%) rotate(315deg);
						transform:translateX(0%) translateY(-50%) rotate(315deg);
			}

		.btn:hover,
		.btn:active,
		.btn:visited{
			opacity:0.75;
		}

		.btn::-moz-selection {
			background:rgba(255, 255, 255, 0);
		}
		
		.btn::selection {
			background:rgba(255, 255, 255, 0);
		}


	/* -- Video Modal ----------- */

		.videomodal{
			width:100%;
			min-width:320px;
			height:100%;

			display:none;
			position:fixed;
			top:0px;
			left:0px;
			z-index:50;

			margin:0px auto;
			padding:0px;
			border:0px none;
		}

			.videomodal__background{
				background-color:rgba(0, 0, 0, 0.85);

				width:100%;
				height:100%;

				display:block;
				position:absolute;
				top:50%;
				left:50%;
				z-index:0;

				margin:0px auto;
				padding:0px;
				border:0px none;

				-webkit-transform:translateX(-50%) translateY(-50%);
				   -moz-transform:translateX(-50%) translateY(-50%);
					-ms-transform:translateX(-50%) translateY(-50%);
					 -o-transform:translateX(-50%) translateY(-50%);
						transform:translateX(-50%) translateY(-50%);
			}

			.videomodal__holder{
				width:100%;
				height:auto;

				display:block;
				position:absolute;
				top:50%;
				left:50%;
				z-index:10;

				margin:0px auto;
				padding:0px;
				border:0px none;

				-webkit-transform:translateX(-50%) translateY(-50%);
				   -moz-transform:translateX(-50%) translateY(-50%);
					-ms-transform:translateX(-50%) translateY(-50%);
					 -o-transform:translateX(-50%) translateY(-50%);
						transform:translateX(-50%) translateY(-50%);
			}

			@media screen and (min-width:640px){
				.videomodal__holder{
					max-width:640px;
					max-width:640px;
				}
			}

			@media screen and (min-width:768px){
				.videomodal__holder{
					max-width:768px;
					max-width:738px;
				}
			}

			@media screen and (min-width:992px){
				.videomodal__holder{
					max-width:992px;
					max-width:962px;
				}
			}

			@media screen and (min-width:1200px){
				.videomodal__holder{
					max-width:1200px;
					max-width:1170px;
				}
			}

			.videomodal__size{
				background-color:#333333;

				width:100%;
				height:0;

				display:block;
				position:relative;
				z-index:0;

				margin:0px auto;
				padding:0px 0px 56.75%;
				border:0px none;
			}

			.videomodal__player{
				width:100%;
				height:100%;

				display:block;
				position:absolute;
				top:0px;
				left:0px;
				z-index:10;

				margin:0px auto;
				padding:0px;
				border:0px none;
			}

				.videomodal__player iframe,
				.videomodal__player object,
				.videomodal__player video{
					width:100%;
					height:100%;

					display:block;
					position:absolute;
					top:0px;
					left:0px;
					z-index:0;

					margin:0px auto;
					padding:0px;
					border:0px none;
				}

				.videomodal__player object,
				.videomodal__player video{
					-webkit-object-fit:cover;
					   -moz-object-fit:cover;
						-ms-object-fit:cover;
						 -o-object-fit:cover;
							object-fit:cover;
				}

			.videomodal__close{
				background:rgba(0, 0, 0, 0);

				width:50px;
				height:50px;

				display:block;
				position:absolute;
				top:0px;
				right:0px;
				z-index:30;

				margin:0px auto;
				padding:0px;
				border:0px none;

				cursor:pointer;

				content:'';
			}

			.videomodal__close:hover{
				background:rgba(0, 0, 0, 0.1);
			}

				.videomodal__close::before,
				.videomodal__close::after{
					background-color:#FFFFFF;

					width:24px;
					height:3px;

					display:block;
					position:absolute;
					top:50%;
					left:50%;
					z-index:0;

					margin:0px auto;
					padding:0px;
					border:0px none;

					-webkit-box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.10);
					   -moz-box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.10);
							box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.10);

					-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
					   -moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);
						-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
						 -o-transform:translateX(-50%) translateY(-50%) rotate(45deg);
							transform:translateX(-50%) translateY(-50%) rotate(45deg);

					content:'';
				}

				.videomodal__close::after{
					width:3px;
					height:24px;
				}


	/* -- Video Thumbnail ----------- */

		.videothumbnail{
			width:100%;
			height:auto;

			display:block;
			position:relative;

			margin:0px auto;
			padding:0px;
			border:0px none;

			overflow-x:visible;
		}

			.videothumbnail p{
				width:auto;
				height:auto;

				display:block;
				position:absolute;
				top:50%;
				left:50%;
				z-index:20;

				color:#FFFFFF;
				text-align:center;

				margin:0px auto;
				padding:100px 0px 0px;
				border:0px none;

				-webkit-filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.15) );
						filter:drop-shadow( 1px 1px 1px rgba(0, 0, 0, 0.15) );

				-webkit-transform:translateX(-50%) translateY(-50%);
				   -moz-transform:translateX(-50%) translateY(-50%);
					-ms-transform:translateX(-50%) translateY(-50%);
					 -o-transform:translateX(-50%) translateY(-50%);
						transform:translateX(-50%) translateY(-50%);
			}

				.videothumbnail p::before{
					width:85px;
					height:85px;

					display:block;
					position:absolute;
					top:0px;
					left:50%;
					z-index:0;

					margin:0px auto;
					padding:0px;
					border:3px solid #FFFFFF;

					-webkit-border-radius:50%;
					   -moz-border-radius:50%;
						-ms-border-radius:50%;
						 -o-border-radius:50%;
							border-radius:50%;

					-webkit-transform:translateX(-50%);
					   -moz-transform:translateX(-50%);
						-ms-transform:translateX(-50%);
						 -o-transform:translateX(-50%);
							transform:translateX(-50%);

					content:'';
				}

				.videothumbnail p::after{
					width:0;
					height:0;

					display:block;
					position:absolute;
					top:25px;
					left:50%;
					z-index:0;

					margin:0px 0px 0px 4px;
					padding:0px;
					border-style:solid;
					border-width:18px 0 18px 30px;
					border-color:transparent transparent transparent #FFFFFF;

					-webkit-transform:translateX(-50%);
					   -moz-transform:translateX(-50%);
						-ms-transform:translateX(-50%);
						 -o-transform:translateX(-50%);
							transform:translateX(-50%);

					content:'';
				}

			.videothumbnail img{
				width:100%;
				height:auto;

				display:block;
				position:relative;
				z-index:10;

				margin:0px auto;
				padding:0px;
				border:0px none;
			}

			.videothumbnail span{
				background-color:#470A68;

				width:calc(100% + 60px);
				height:calc(100% - 60px);

				display:block;
				position:absolute;
				top:50%;
				left:50%;
				z-index:0;

				margin:0px auto;
				padding:0px;
				border:0px none;

				opacity:0.1;

				-webkit-transform:translateX(-50%) translateY(-50%);
				   -moz-transform:translateX(-50%) translateY(-50%);
					-ms-transform:translateX(-50%) translateY(-50%);
					 -o-transform:translateX(-50%) translateY(-50%);
						transform:translateX(-50%) translateY(-50%);
			}


	/* -- Content Modal ----------- */

		.contentmodal{
			width:100%;
			min-width:320px;
			height:100%;

			display:none;
			position:fixed;
			top:0px;
			left:0px;
			z-index:100;

			margin:0px auto;
			padding:30px;
			border:0px none;
		}

			.contentmodal__background{
				background-color:rgba(0, 0, 0, 0.75);

				width:100%;
				height:100%;

				display:block;
				position:absolute;
				top:50%;
				left:50%;
				z-index:0;

				margin:0px auto;
				padding:0px;
				border:0px none;

				-webkit-transform:translateX(-50%) translateY(-50%);
				   -moz-transform:translateX(-50%) translateY(-50%);
					-ms-transform:translateX(-50%) translateY(-50%);
					 -o-transform:translateX(-50%) translateY(-50%);
						transform:translateX(-50%) translateY(-50%);
			}

			.contentmodal__holder{
				background:#FFFFFF;

				width:100%;
				height:auto;
				max-height:100%;

				display:block;
				position:relative;
				z-index:10;

				margin:0px auto;
				padding:0px;
				border:0px none;
				border-top:50px solid #FFFFFF;

				overflow-x:hidden;
				overflow-y:visible;
			}

			@media screen and (min-width:640px){
				.contentmodal__holder{
					max-width:560px;
				}
			}

			@media screen and (min-width:768px){
				.contentmodal__holder{
					max-width:688px;
				}
			}

			@media screen and (min-width:992px){
				.contentmodal__holder{
					max-width:908px;
				}
			}

			@media screen and (min-width:1200px){
				.contentmodal__holder{
					max-width:1108px;
				}
			}

			@media screen and (min-width:1500px){
				.contentmodal__holder{
					max-width:1408px;
				}
			}

			.contentmodal__content{
				background:#FFFFFF;

				width:100%;
				height:auto;

				display:none;
				position:relative;

				margin:0px auto;
				padding:0px 30px 30px;
				border:0px none;
			}

			.contentmodal__close{
				background:rgba(0, 0, 0, 0);

				width:50px;
				height:50px;

				display:block;
				position:fixed;
				right:30px;
				top:30px;
				z-index:30;

				margin:0px auto;
				padding:0px;
				border:0px none;

				cursor:pointer;

				content:'';
			}

			.contentmodal__close:hover{
				background:rgba(0, 0, 0, 0.1);
			}

			@media screen and (min-width:640px){
				.contentmodal__close{
					right:50%;
					margin-right:-280px;
				}
			}

			@media screen and (min-width:768px){
				.contentmodal__close{
					margin-right:-344px;
				}
			}

			@media screen and (min-width:992px){
				.contentmodal__close{
					margin-right:-454px;
				}
			}

			@media screen and (min-width:1200px){
				.contentmodal__close{
					margin-right:-554px;
				}
			}

			@media screen and (min-width:1500px){
				.contentmodal__close{
					margin-right:-704px;
				}
			}

				.contentmodal__close::before,
				.contentmodal__close::after{
					background-color:#333333;

					width:24px;
					height:3px;

					display:block;
					position:absolute;
					top:50%;
					left:50%;
					z-index:0;

					margin:0px auto;
					padding:0px;
					border:0px none;

					-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
					   -moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);
						-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
						 -o-transform:translateX(-50%) translateY(-50%) rotate(45deg);
							transform:translateX(-50%) translateY(-50%) rotate(45deg);

					content:'';
				}

				.contentmodal__close::after{
					width:3px;
					height:24px;
				}


	/* -- Animation ----------- */

		/* Bouncing Icon */
		@-webkit-keyframes cssIconBounce {
			0%, 50%, 100%{ -webkit-transform:translateY(5px); }
					  50%{ -webkit-transform:translateY(-5px); }
		}
		@-moz-keyframes cssIconBounce {
			0%, 50%, 100%{ -moz-transform:translateY(5px); }
					  50%{ -moz-transform:translateY(-5px); }
		}
		@-o-keyframes cssIconBounce {
			0%, 50%, 100%{ -o-transform:translateY(5px); }
					  50%{ -o-transform:translateY(-5px); }
		}
		@keyframes cssIconBounce {
			0%, 50%, 100%{ transform:translateY(5px); }
					  50%{ transform:translateY(-5px); }
		}



/* = Custom Containers
----------------------------------------------- */

	.CustomHTMLPage{
		background-color:#FFFFFF;

		width:100%;
		min-width:320px;
		height:auto;

		font-size:16px;
		line-height:1.35;

		margin:0px auto !important;
		padding:0px 0px 30px;
		border:0px none;

		overflow-x:hidden;
		overflow-y:hidden;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

		.CustomHTMLPage__inner{
			width:100%;
			height:auto;

			display:block;
			position:relative;

			margin:0px auto;
			padding:0px;
			border:0px none;
		}

			.CustomHTMLPage__content{
				width:100%;
				height:auto;

				display:block;
				position:relative;
				z-index:0;

				margin:0px auto;
				padding:0px;
				border:0px none;
			}

				.CustomHTMLPage__section{
					background-color:transparent;

					width:100%;
					height:auto;

					display:block;
					position:relative;
					z-index:0;

					margin:0px auto;
					padding:50px 0px 0px;
					border:0px none;
				}

				@media screen and (min-width:768px){
					.CustomHTMLPage__section{
						padding-top:75px;
					}
				}

				@media screen and (min-width:1200px){
					.CustomHTMLPage__section{
						padding-top:100px;
					}
				}

					.CustomHTMLPage__section::after{
						display:block;
						clear:both;
						content:'';
					}


  .custom-section-part { position: relative; margin-bottom: 0; padding-bottom: 0; z-index: 1;
    background-image: url("https://assets.kpmg.com/content/dam/kpmg/cn/images/2023/02/hong-kong-budget-summary-2023-2024-banner-mobile.jpg");
    background-size: cover; background-repeat: no-repeat; background-position: right bottom; min-height: calc(100vh - 57px); 
   display: flex; align-items: center; }
   @media (min-width: 768px) {
   .custom-section-part {
    background-image: url("https://assets.kpmg.com/content/dam/kpmg/cn/images/2023/02/hong-kong-budget-summary-2023-2024-banner.jpg");
	background-position: center center;
   }
   }
  .custom-section-part .custom-section-banner {
    width: 100%;min-height: calc(100vh - 57px); 
    display: flex; align-items: center; position: relative; padding: 100px 0 50px;flex-direction: column }
   @media (min-width: 768px) {
   .custom-section-part .custom-section-banner {
    padding: 50px 0;
   }
   }
  .custom-section-part .custom-section-banner .custom-section-banner-content { position: relative; z-index: 101; color: #000; top:auto;
    transform: translateY(-50%);  }
  .custom-section-part .custom-section-banner .custom-section-banner-content h2,
  .custom-section-part .custom-section-banner .custom-section-banner-content h3,
  .custom-section-part .custom-section-banner .custom-section-banner-content  p{  color: #fff;}
  .custom-section-part .custom-section-banner .custom-section-banner-content  p{font-size: 20px;}
  
  .custom-section-part .custom-section-banner-list { position: relative; bottom: 40%; left: 0; z-index: 102; margin-top: auto; padding-top: 30px;}
  .custom-section-part .custom-section-banner-list ul { padding: 0; display: flex; justify-content: flex-start; margin: 0; flex-wrap:wrap ; }
  .custom-section-part .custom-section-banner-list li {  margin: 0 5px 0 0; list-style-type: none;}
  .custom-section-part .custom-section-banner-list li a{transition: all 0.3s linear;display: block; padding: 10px 10px; text-decoration: none; color: #1e49e2; position: relative;font-size: 14px; border: 1px solid #00338d; border-radius: 0px; background: #fff; font-weight: 600;}
  .custom-section-part .custom-section-banner-list li a:hover{ background: #00338d; opacity: 1; color: #fff;} 
 .d-m-none{display: none;}
  @media (min-width: 992px) {
    .custom-section-part .custom-section-banner {flex-direction: row;}
    .custom-section-part .custom-section-banner .custom-section-banner-content {  top: auto;
    transform: translateY(-120%);  }
    .custom-section-part .custom-section-banner-list { position: absolute;}
    .custom-section-part .custom-section-banner-list li {  margin: 0 15px 5px 0;  list-style-type: none;}
    .custom-section-part .custom-section-banner-list li a{ display: block; padding: 10px 20px; }
  }
  .zoominpod {
   transition: transform .3s;
   margin: 0 auto;
  }
  .zoominpod:hover {
   -ms-transform: scale(1.05); /* IE 9 */
   -webkit-transform: scale(1.05); /* Safari 3-8 */
   transform: scale(1.05);
  }
