@charset "UTF-8";
/* CSS Document */


.banner-holder {
	display:block;
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
	width:100%;
	overflow:hidden;
	background-color:rgba(0,255,0,0.3);
	background-color:transparent;
	transition:height 0.3s ease;
}
.banner-holder
	.pause-marker {
		position:absolute;
		display:block;
		z-index:999;
		right:5px;
		top:5px;
		width:20px;
		height:20px;
		border-radius:20px;
		border:2px solid #626791;
		background-image:url(../pics/sprite/White/20.png);
		background-repeat:no-repeat;
		background-position:-20px -100px;
		transition:opacity 0.5s ease;
		opacity:0;
		outline:0px solid red;
		cursor:pointer;
	}
.banner-holder.collapsed
	.pause-marker {
		display:none;
	}
.banner-holder.stopped
	.pause-marker {
		background-position:-60px -40px;
	}
	
.banner-holder.paused
	.pause-marker {
		opacity:1;
		animation:banner_paused_marker 1s ease-out;
		animation-iteration-count: infinite; 
		-moz-animation:banner_paused_marker 1s ease-out;
		-moz-animation-iteration-count: infinite; 
		-webkit-animation:banner_paused_marker 1s ease-out;
		-webkit-animation-iteration-count: infinite; 
	}
@-webkit-keyframes banner_paused_marker {
	0% {opacity: 1;}
	50% {opacity: 0.0;}
	100% { opacity: 1;}
}
.banner-holder.stopped
	.pause-marker,
.banner-holder
	.pause-marker:hover {
		opacity:1;
		animation:none;
		animation-iteration-count: 0; 
		-moz-animation:none;;
		-moz-animation-iteration-count:0; 
		-webkit-animation:none;
		-webkit-animation-iteration-count:0; 
	}
	
.banner-holder
	.banners {
		list-style:none;
		display:block;
		margin:0px;
		padding:0px;
	}
.banner-holder
	.banners
		.banner-item {
			list-style:none;
			display:block;
			position:relative;
			margin:0px;
			padding:0px;
			overflow:hidden;
			visibility:hidden;
		}	
.banner-holder
	.banners
		.banner-item.hidden {
			z-index:-1;
		}
		
.banner-holder
	.banners
		.banner-item
			.bi-images {
				display:block;
				width:100%;
				height:100%;
				background-color:#6d7aae;
				background-color:#626791;
			}	
.banner-holder
	.banners
		.banner-item
			.bi-images
				.bi-image {
					display:block;
					width:100%;
					height:100%;
					background-position:center center;
					background-repeat:no-repeat;
					background-attachment:fixed;
					background-attachment:scroll;
				}	
.banner-holder
	.banners
		.banner-item
			.bi-link {
				display:block;
				text-decoration:none;
				position:relative;
				width:2560px;
				height:355px;
				margin:0px -2560px -355px 0px;
				cursor:pointer;
				text-indent:-10000px;
			}
.banner-holder .banners .banner-item .bi-images .bi-image.resp-XXS { display:none; }
.banner-holder .banners .banner-item .bi-images .bi-image.resp-XS  { display:none; }
.banner-holder .banners .banner-item .bi-images .bi-image.resp-S   { display:none; }
.banner-holder .banners .banner-item .bi-images .bi-image.resp-M   { display:none; }
.banner-holder .banners .banner-item .bi-images .bi-image.resp-L   { display:none; }
.banner-holder .banners .banner-item .bi-images .bi-image.resp-XL  { display:none; }
.banner-holder .banners .banner-item .bi-images .bi-image.resp-XXL { display:none; }


/* DOTS */

.banner-holder 
	.banner-dots-bbox {
		position:relative;
		position:absolute;
		z-index:20200;
		list-style:none;
		display:block;
		width:100%;
		height:20px;
		margin:0px 0px -20px 0px;
		padding:0px;
		outline:0px solid red;
	}
.banner-holder 
	.banner-dots-bbox
		.banner-dots {
			display:table;
			list-style:none;
			margin:0px auto;
			padding:0px;
			text-align:center;
			opacity:1;
			visibility:visible;
			transition:opacity 2s ease, visibility 0s linear 0s;
		}
.banner-holder 
	.banner-dots-bbox
		.banner-dots.hidden {
			opacity:0;
			visibility:hidden;
			transition:opacity 2s ease 1s, visibility 0s linear 3s;
		}
		
.banner-holder 
	.banner-dots-bbox
		.banner-dots
			.banner-dot {
				display:table-cell;
				list-style:none;
				margin:0px;
				padding:0px;
				text-align:center;
			}
.banner-holder 
	.banner-dots-bbox
		.banner-dots
			.banner-dot
				.bd-link {
					display:block;
					text-decoration:none;
					width:12px;
					height:12px;
					border-radius:12px;
					margin:0px 3px 0px 3px;
					background-color:white;
					box-shadow:0px 0px 3px 0px rgba(0,0,0,0.75);
					opacity:0.25;
					transform:scale(0.66,0.66);
					transition:opacity 0.3s ease 0.0s, transform 0.3s ease 0.0s;
				}
.banner-holder 
	.banner-dots-bbox
		.banner-dots
			.banner-dot
				.bd-link:hover {
					transition:opacity 0.15s ease;
					opacity:1;
					box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5), 0px 0px 0px 3px #626791;
				}
.banner-holder 
	.banner-dots-bbox
		.banner-dots
			.banner-dot:last-child
				.bd-link {
					/*
					transition:opacity 0.3s ease 2.0s;
					*/
				}

.banner-holder 
	.banner-dots-bbox
		.banner-dots
			.banner-dot.current
				.bd-link {
					opacity:1;
					transform:scale(1,1);
					transition:opacity 0.3s ease 0.0s, transform 0.3s ease 0.0s;
				}


/* EXCLUSIONS (RESPONSIVE LAYOUT) */

	@media screen and (min-width: 1600px) {
		/* XXL */
		.banner-holder {
			height:360px;
		}
		.banner-holder .banners .banner-item {
			margin:0px 0px -360px 0px;
		}
		.banner-holder .banners .banner-item .bi-images .bi-image.resp-XXL { 
			display:block;
			background-size:2000px 600px;
			background-position:right top;
		}
		.banner-holder .banner-dots-bbox { top:330px; }
		.banner-holder 
			.banner-dots-bbox
				.banner-dots
					.banner-dot
						.bd-link {
							width:16px;
							height:16px;
							border-radius:16px;
							margin:0px 5px 0px 5px;
						}
	}
	@media screen and (min-width: 1200px) and  (max-width: 1599px) {
		/* XL */
		.banner-holder {
			height:260px;
		}
		.banner-holder .banners .banner-item {
			margin:0px 0px -260px 0px;
		}
		.banner-holder .banners .banner-item .bi-images .bi-image.resp-XL  {
			display:block;
			background-size:1600px 400px;
			background-position:right top;
		}
		.banner-holder .banner-dots-bbox { top:230px; }
	}
	@media screen and (min-width: 1000px) and  (max-width: 1199px) {
		/* L */
		.banner-holder {
			height:250px;
		}
		.banner-holder .banners .banner-item {
			margin:0px 0px -250px 0px;
		}
		.banner-holder .banners .banner-item .bi-images .bi-image.resp-L  {
			display:block;
			background-size:1200px 300px;
			background-position:right top;
		}
		.banner-holder .banner-dots-bbox { top:230px; }
	}
	@media screen and (min-width: 800px) and (max-width: 999px) {
		/* M */
		.banner-holder {
			height:180px;
		}
		.banner-holder .banners .banner-item {
			margin:0px 0px -180px 0px;
		}
		.banner-holder .banners .banner-item .bi-images .bi-image.resp-M  {
			display:block;
			background-size:1000px 250px;
			background-position:right top;
		}
		.banner-holder .banner-dots-bbox { top:158px; }
		.banner-holder 
			.banner-dots-bbox
				.banner-dots
					.banner-dot
						.bd-link {
							width:10px;
							height:10px;
							border-radius:10px;
						}
	}
	@media screen and (min-width: 600px) and (max-width: 799px) {
		/* S */
		.banner-holder {
			position:relative;
			height:300px;
			top:50px;
			background-image:url(../pics/header/banner-holder-S-v5.jpg);
			background-position:center top;
			background-repeat:no-repeat;
			background-attachment:scroll;
			background-size:cover;
			transition:height 0.5s ease, top 0.5s ease;
		}
		.banner-holder.collapsed {
			height:300px;
			transition:height 0.5s ease 1s, top 0.5s ease 1s;
		}
		.banner-holder .banners .banner-item {
			margin:0px 0px -300px 0px;
		}
		.banner-holder .banners .banner-item .bi-images .bi-image.resp-S  {
			display:block;
			background-size:800px 300px;
			background-position:center top;
		}
		.banner-holder .banner-dots-bbox { top:265px; }
		.banner-holder 
			.banner-dots-bbox
				.banner-dots
					.banner-dot
						.bd-link {
							width:16px;
							height:16px;
							border-radius:16px;
							margin:0px 1px 0px 1px;
						}
						
	}
	@media screen and (min-width: 400px) and (max-width: 599px) {
		/* XS */
		.banner-holder {
			position:relative;
			height:400px;
			top:50px;
			background-image:url(../pics/header/banner-holder-XS-v5.jpg);
			background-position:top center;
			background-repeat:no-repeat;
			background-attachment:scroll;
			background-size:cover;
			transition:height 0.5s ease, top 0.5s ease;
		}
		.banner-holder.collapsed {
			height:400px;
			transition:height 0.5s ease 1s, top 0.5s ease 1s;
		}
		.banner-holder .banners .banner-item {
			margin:0px 0px -400px 0px;
		}
		.banner-holder .banners .banner-item .bi-images .bi-image.resp-XS  {
			display:block;
			background-size:600px 400px;
			background-position:center top;
		}
		.banner-holder .banner-dots-bbox { top:370px; }
		.banner-holder 
			.banner-dots-bbox
				.banner-dots
					.banner-dot
						.bd-link {
							width:16px;
							height:16px;
							border-radius:16px;
							margin:0px 5px 0px 5px;
						}
	}
	@media screen and (max-width: 399px) {
		/* XXS */
		.banner-holder {
			position:relative;
			height:400px;
			top:52px;
			background-image:url(../pics/header/banner-holder-XXS-v5.jpg);
			background-position:top center;
			background-repeat:no-repeat;
			background-attachment:scroll;
			background-size:cover;
			transition:height 0.5s ease, top 0.5s ease;
		}
		.banner-holder.collapsed {
			height:400px;
			transition:height 0.5s ease 1s, top 0.5s ease 1s;
		}
		.banner-holder .banners .banner-item {
			margin:0px 0px -400px 0px;
		}
		.banner-holder .banners .banner-item .bi-images .bi-image.resp-XXS  {
			display:block;
			background-size:400px 400px;
			background-position:center top;
		}
		.banner-holder .banner-dots-bbox { top:370px; }
		.banner-holder 
			.banner-dots-bbox
				.banner-dots
					.banner-dot
						.bd-link {
							width:16px;
							height:16px;
							border-radius:16px;
							margin:0px 1px 0px 1px;
						}
	}