/* 	================================================

	Carousel Widget

	================================================ */

/*	-----------------------------------
	Hero Carousel - CTA button
	----------------------------------- */

.cta-container {
	width: 100%;
	position: absolute;
	right: 0;
	padding-right: -webkit-calc( (100% - 940px) / 2 );
	padding-right: calc( (100% - 940px) / 2 );
}
	@media screen and (min-width: 571px) and (max-width: 768px) {	
		.cta-container {
			padding-right: 10px;
		}
	}

	.cta-inner-container {
		width: 160px;	
		float: right;
	}
	
	body:lang(fr-CA) .cta-inner-container {
		white-space: nowrap;
	}

	.cta-container .btn {
		padding: 10px 15px;
		width: initial;
	}




/*	-----------------------------------
	Default Styles (.multiple)
	----------------------------------- */
div.carousel {
	margin: 0 auto 30px;
	position: relative;
	width: 100%;
}
	div.frame {
		margin: 0 auto;
		max-width: 980px;
		overflow: hidden;
		position: relative;
		width: 100%;
		z-index: 1;
	}
		div.frame.smooth-scroll {
			overflow-x: auto;
			padding-bottom: 10px;

			-webkit-overflow-scrolling: touch;
		}
		
		
		/* Filter Items */
		
		.filtered-row .carousel.multiple {
			z-index: 1;
			top: 3em;
		}
		
		.filtered-row  .filter-selector {
			text-align: right;
			float: right;
			padding-top: 11px;
			z-index: 2;
		}
		
		 section.filtered-row h2.section-title {
			float: left;
			z-index: 2;
		}
		
		.filter-selector .btn-filter {
			display: inline-block;
			padding-bottom: 10px;
		}
		
		
		.filter-all #see-all,
		.filter-all #see-all:hover {
			color: #000;
			cursor: default;
			text-decoration: none;
			border-bottom: 3px solid #999;
		}
		
		.filter-WiiU #see-WiiU,
		.filter-WiiU #see-WiiU:hover {
			color: #000;
			cursor: default;
			text-decoration: none;
			border-bottom: 3px solid #0096c8;
		}
		
		.filter-threeDS #see-threeDS,
		.filter-threeDS #see-threeDS:hover {
			color: #000;
			cursor: default;
			text-decoration: none;
			border-bottom: 3px solid #ce181e;
		}		
		
		.filtered-row  div.frame {
			top: -2em;
		}
		
		div.carousel ul.panels li.filtered-out {
			display: none;
		}
		
		
		
		/* --- Content Items --- */
		div.carousel ul.panels {
			overflow: hidden;
			position: relative;
			width: 100%;
			z-index: 1;
		}
			div.carousel ul.panels > li {
				float: left;
				margin-bottom: 30px;
				position: relative;
				opacity: 0;
				-webkit-tap-highlight-color: rgba(0,0,0,0);
			}
				/* System Logo  */
				div.carousel ul.panels li::after {
					color: #d5d5d5;
					display: block;
					font-family: 'icons';
					height: 20px;
					left: 0;
					position: absolute;
					width: 100%;

				}
				div.carousel ul.panels li.WiiU:after {
					bottom: -30px;
					display: block;
					content: "";
					width: 60px;
					height: 20px;
					background: rgba(0, 0, 0, 0) url('/images/page/whats-new/wiiu-big.png') center center / contain no-repeat;
				}
				
					div.carousel ul.panels li.WiiU:hover:after {
						background: rgba(0, 0, 0, 0) url('/images/page/whats-new/wiiu-hovered-big.png') center center / contain no-repeat;
					}
					
				div.carousel ul.panels li.threeDS:after {
					bottom: -30px;
					display: block;
					content: "";
					width: 110px;
					height: 20px;
					background: rgba(0, 0, 0, 0) url('/images/page/whats-new/threeds-big.png') center center / contain no-repeat;
				}
				
					div.carousel ul.panels li.threeDS:hover:after {
						background: rgba(0, 0, 0, 0) url('/images/page/whats-new/threeds-hovered-big.png') center center / contain no-repeat;
					}

				
				div.carousel ul.panels li.iOSAndroid:after {
					bottom: -30px;
					display: block;
					content: "";
					width: 96px;
					height: 28px;
					background: rgba(0, 0, 0, 0) url('/images/page/whats-new/ios-android-big.png') center center / contain no-repeat;
				}
				
					div.carousel ul.panels li.iOSAndroid:hover:after {
						background: rgba(0, 0, 0, 0) url('/images/page/whats-new/ios-android-hovered-big.png') center center / contain no-repeat;
					}


				div.carousel ul.panels li.Android:after {
					bottom: -30px;
					display: block;
					content: "";
					width: 61px;
					height: 23px;
					background: rgba(0, 0, 0, 0) url('/images/page/whats-new/android-big.png') center center / contain no-repeat;
				}
				
					div.carousel ul.panels li.Android:hover:after {
						background: rgba(0, 0, 0, 0) url('/images/page/whats-new/android-hovered-big.png') center center / contain no-repeat;

					}	

				div.carousel ul.panels li.iOS:after {
					bottom: -30px;
					display: block;
					content: "";
					width: 27px;
					height: 23px;
					background: rgba(0, 0, 0, 0) url('/images/page/whats-new/ios-big.png') center center / contain no-repeat;
				}
				
					div.carousel ul.panels li.iOS:hover:after {
						background: rgba(0, 0, 0, 0) url('/images/page/whats-new/ios-hovered-big.png') center center / contain no-repeat;
					}

				div.carousel ul.panels li.switch:after {
					bottom: -34px;
					display: block;
					content: "";
					width: 85px;
					height: 23px;
					background: url(/images/page/whats-new/sprite-logos.png) 0 0 no-repeat;
					background-position: -156px -551px;
				}
					div.carousel ul.panels li.switch:hover:after {
						background-position: -156px -526px;
					}

					div.carousel ul.panels li img {
						display: block;
					}

					#games .frame.smooth-scroll ul.panels li img,
					#spotlight .frame.smooth-scroll ul.panels li img {
						width: 100%;
					}


				.container {
					overflow: hidden;
					position: relative;
				}
					.container > div {
						opacity: 0;
						position: absolute;
						transition: opacity 400ms;
						-webkit-transition: opacity 400ms;
					}


	/*	--- Next/Prev Navigation --- */
	div.carousel div.nav {
		position: absolute;
		display: none;
		height: 100%;
		top: 0;
		width: 100%;
	}
		div.carousel div.nav div.arrow {
			display: block;
			height: 100%;
			overflow: hidden;
			position: absolute;
			top: 0;
			width: 60px;
		}
		div.carousel div.nav div.prev { left: -2.5%; }
		div.carousel div.nav div.next { right: -2.5%; }
		div.carousel div.nav div.more { display: none; }

			div.carousel div.nav div.arrow a {
				background-image: url('/images/global/sprite-carousel-arrows.png');
				background-repeat: no-repeat;
				display: block;
				height: 60px;
				position: absolute;
				text-decoration: none;
				text-indent: -99999em;
				top: 25%;
				top: -webkit-calc(35% - 30px);
				top: calc(35% - 30px);
				width: 60px;
				z-index: 1;
			}
			div.carousel div.nav div.prev a			{ background-position: 0 0; }
			div.carousel div.nav div.next a			{ background-position: -60px 0; }

			div.carousel div.nav div.prev a:hover	{ background-position: 0 -60px; }
			div.carousel div.nav div.next a:hover	{ background-position: -60px -60px; }

	/* --- Pagination --- */
	div.carousel ul.carousel-pagination {
		margin: 30px 0;
		overflow: hidden;
		position: relative;
		text-align: center;
		z-index: 1;
	}
		div.carousel ul.carousel-pagination li {
			display: inline-block;
			margin: 5px;
			position: relative;
			width: 30px;
		}
			div.carousel ul.carousel-pagination li a {
				display: block;
				position: relative;
				text-decoration: none;
				z-index: 1;
			}

			div.carousel ul.carousel-pagination li span {
				background: #e0e0e0;
				border: 1px solid #e0e0e0;
				border-radius: 2px;
				cursor: pointer;
				display: block;
				height: 4px;
				text-indent: -99999em;
			}
			div.carousel ul.carousel-pagination li.is-active span {
				background: #2576bc;
				border-color: #1660a0;
			}
			div.carousel ul.carousel-pagination li a:hover span {
				background: #3aa4ff;
				border-color: #3aa4ff;
			}

/*	-----------------------------------
	Detail Hero Carousel - Games Detail Page
	----------------------------------- */


		/*	--- Next/Prev Navigation --- */
		div.carousel.hero div.nav,
		div.carousel.sibling-hero div.nav {}

			div.carousel.hero div.nav div.arrow,
			div.carousel.sibling-hero div.nav div.arrow {
				width: 100px;
			}
			div.carousel.hero div.nav div.prev,
			div.carousel.sibling-hero div.nav div.prev { left: 0; }
			div.carousel.hero div.nav div.next,
			div.carousel.sibling-hero div.nav div.next { right: 0; }

				div.carousel.hero div.nav div.arrow a,
				div.carousel.sibling-hero div.nav div.arrow a {
					background: rgba(0,0,0,0.27);
					border: 5px solid rgba(255,255,255,0.27);
					border-radius: 50%;
					height: 64px;
					left: 18px;
					opacity: 0;
					top: 30%;
					top: -webkit-calc(45% - 30px);
					top: calc(45% - 30px);
					width: 64px;
					-webkit-transition: opacity 0.5s;
					   -moz-transition: opacity 0.5s;
						-ms-transition: opacity 0.5s;
						 -o-transition: opacity 0.5s;
							transition: opacity 0.5s;
				}
				div.carousel.hero:hover div.nav div.arrow a,
				div.carousel.sibling-hero:hover div.nav div.arrow a {
					opacity: 1;
				}
					div.carousel.hero div.nav div.arrow a:before,
					div.carousel.sibling-hero div.nav div.arrow a:before {
						font-size: 40px;
						line-height: 54px;
						text-align: center;
					}
					div.carousel.hero div.nav div.prev a:before,
					div.carousel.sibling-hero div.nav div.prev a:before { left: 4px; }
					div.carousel.hero div.nav div.next a:before,
					div.carousel.sibling-hero div.nav div.next a:before { right: 4px; }




/*	-----------------------------------
	Hero Carousel - Center Stage
	----------------------------------- */
div.carousel.hero {
}
	div.carousel.hero div.frame {
		max-width: 1200px;
	}

		/* --- Content Items --- */
		div.carousel.hero ul.panels li {
			margin-bottom: 0;
			text-align: center;
			border: none;
		}
		div.carousel.hero ul.panels li:after {
			display: none;
		}

		div.carousel.hero ul.panels li .hero-img {
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
			display: block;
			max-height: 510px;
			padding-bottom: 42.5%; /* Initially set height to 1200x510 */
			width: 100%;
			position: relative;
			z-index: -1;
			height:50px;

			/* 56.25% = 16x9 */
		}

		div.carousel.hero ul.panels li .hero-img.image-overlay {
			z-index: 1;
		}
		
		div.carousel.hero .esrb-rating {
			flex: none;
			display: inline-flex;
			align-items: center;
		}

		div.carousel.hero .esrb-rating img {
			width: auto;
			height: 70px;
			border: 1px solid #fff;
			flex: none;
		}
		
		div.carousel.hero .esrb-rating .descriptors {
			font-size: 0.75rem;
			line-height: 1.3;
			margin-left: 1em;
			display: inline-flex;
			flex-direction: column;
			justify-content: center;
			max-width: 10rem;
		}
		
		div.carousel.hero .esrb-rating .descriptors div p,
		div.carousel.hero .esrb-rating .descriptors div {
			font-size: inherit;
			font-family: inherit;
			line-height: inherit;
			text-align: left;
			margin: 0;
			color: #fff;
		}
		
		div.carousel.hero .esrb-rating .descriptors .separator {
			height: 2px;
			background: #fff;
			margin: 0.375em 0;
		}

		/* Adjust image to display 980x510 and scale accordingly */
		@media screen and (max-width: 1080px) {
			div.carousel.hero ul.panels li .hero-img {
				padding-bottom: 48%;
			}
		}
		@media screen and (max-width: 1024px) {
			div.carousel.hero ul.panels li .hero-img {
				padding-bottom: 50%;
			}
		}
		@media screen and (max-width: 980px) {
			div.carousel.hero ul.panels li .hero-img {
				padding-bottom: 53%;
			}
		}
		@media screen and (max-width: 768px) {
			div.carousel.hero ul.panels li .hero-img {
				padding-bottom: 59%;
			}
			div.carousel.hero .esrb-rating .descriptors {
				display: none;
			}
		}
		@media screen and (max-width: 570px) {
			div.carousel.hero ul.panels li .hero-img {
				padding-bottom: 62%;
			}
		}

			/* --- Slide Info --- */
			div.carousel.hero div.info-bar {
				background: rgba(0,0,0, 0.7);
				height: 110px;
				opacity: 1;
				position: absolute;
				bottom: 0;
				width: 100%;
				z-index: 1;
			}
				div.carousel.hero div.info-bar a {
					text-decoration: none;
				}
					div.carousel.hero div.info-bar div.inner-content {
						border: none;
						margin: 10px auto;
						max-width: 980px;
						position: relative;
					}

						/* Inline Images */
						div.carousel.hero div.info-bar img {
							display: inline-block;
							vertical-align: middle;
						}
						/* Title */
						.carousel.hero .info-bar h3, 
						.carousel.hero .info-bar .h3 {
							color: #fff;
							letter-spacing: -1px;
							line-height: 1;
							margin: 5px auto;
							text-align: center;
						}
							
							/*
							div.carousel.hero div.info-bar .txt-dark  h3 {
								color: #000;
							}
							*/
						/* Sub Text */
						div.carousel.hero div.info-bar p {
							text-align: center;
						}
							div.carousel.hero div.info-bar .txt-dark  p {
								color: #000;
							}

				div.carousel.hero .BGImage {
					opacity: 0;
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					background-position: center center;
				}

					div.carousel.hero .BGImage .overlayWide {
						background: rgba(0,0,0, 0.7);
						width: 100%;
				    	position: absolute;
				    	bottom: 0;
					}

		/* --- Pagination --- */
		div.carousel.hero ul.carousel-pagination {
			bottom: -1px;
			margin: auto;
			padding-right: -webkit-calc( (100% - 940px) / 2 );
			padding-right: calc( (100% - 940px) / 2 );
			position: absolute;
			text-align: right;
			width: 100%;
		}
			div.carousel.hero ul.carousel-pagination li {
				height: 30px;
				line-height: 30px;
				text-align: center;
			}
			div.carousel.hero ul.carousel-pagination li a,
			div.carousel.hero ul.carousel-pagination li a:hover {
				background: none;
				border: none;
				padding: 0;
			}
			div.carousel.hero ul.carousel-pagination li span,
			div.carousel.hero ul.carousel-pagination li a:hover span {
				background: url('/images/global/sprite-carousel-pagination.png') 0 0 no-repeat;
				border: none;
				color: #3aa4ff;
				cursor: pointer;
				display: block;
				height: 100%;
				text-indent: 0;
				width: 100%;
			}
				/* Dark Theme - default */
				div.carousel.hero ul.carousel-pagination li.is-active span			{ background-position: -30px -30px; color: #fff; }
				div.carousel.hero ul.carousel-pagination li.step1 span				{ background-position: -60px -30px; }
				div.carousel.hero ul.carousel-pagination li.step2 span				{ background-position: -90px -30px; }
				div.carousel.hero ul.carousel-pagination li.step3 span				{ background-position: -120px -30px; }
				div.carousel.hero ul.carousel-pagination li.step4 span				{ background-position: -150px -30px; }

				/* Light Theme */
				div.carousel.hero.light ul.carousel-pagination li.is-active span	{ background-position: -30px -60px; color: #000; }
				div.carousel.hero.light ul.carousel-pagination li.step1 span		{ background-position: -60px -60px; }
				div.carousel.hero.light ul.carousel-pagination li.step2 span		{ background-position: -90px -60px; }
				div.carousel.hero.light ul.carousel-pagination li.step3 span		{ background-position: -120px -60px; }
				div.carousel.hero.light ul.carousel-pagination li.step4 span		{ background-position: -150px -60px; }

				/* Hover State */
				div.carousel.hero ul.carousel-pagination li a:hover span,
				div.carousel.hero ul.carousel-pagination li.is-active a:hover span	{ background-position: -30px 0; }
				div.carousel.hero ul.carousel-pagination li.step1 a:hover span		{ background-position: -60px 0; }
				div.carousel.hero ul.carousel-pagination li.step2 a:hover span		{ background-position: -90px 0; }
				div.carousel.hero ul.carousel-pagination li.step3 a:hover span		{ background-position: -120px 0; }
				div.carousel.hero ul.carousel-pagination li.step4 a:hover span		{ background-position: -150px 0; }


	div.carousel.hero ul.carousel-pagination li:first-child:before,
	div.carousel.hero ul.carousel-pagination li:last-child:after {
		bottom: -5px;
		content: '';
		cursor: default;
		display: block;
		height: 20px;
		position: absolute;
		width: 10000em;
		z-index: -1;
	}
	div.carousel.hero.hero ul.carousel-pagination li:first-child:before {
		background: url('/images/global/sprite-carousel-pagination-bar.png') right 0 no-repeat;
		right: 20px;
	}
	div.carousel.hero ul.carousel-pagination li:last-child:after {
		background: url('/images/global/sprite-carousel-pagination-bar.png') 0 -20px no-repeat;
		left: 20px;
	}

	div.carousel.hero div.video-container {
	    position: absolute;
	    top: -50%;
	    left: -50%;
	    width: 200%;
	    height: 200%;
	    overflow: hidden;
	}

		div.carousel.hero div.video-container video {
			position: absolute;
		    top: 0;
		    bottom: 0;
		    right: 0;
		    left: 0;
		    margin: auto;
		    min-height: 50%;
		    max-height: 50%;
		    min-width: 50%;
		}
	div.carousel.hero .mob-image-container {
		display: none;
	}

	/* Miitomo Specific */

	div.carousel.hero .play-store-badge,
	div.carousel.hero .miitomo-promo.h3,
	div.carousel.hero .app-store-badge { 
		margin-right: 10px;
		cursor: pointer;
	}

	div.carousel.hero .miitomo-promo {
		vertical-align: middle;
	}

		div.carousel.hero .miitomo-promo .cta-inner-container {
			display: none;
		}

			div.carousel.hero .miitomo-promo .cta-inner-container .miitomo-btn {
				vertical-align: middle;
				padding: 3px 20px !important;
			}

/* 	================================================

	TABLET VIEW

	================================================ */
@media screen and (min-width: 571px) and (max-width: 768px) {

/*	-----------------------------------
	Default Styles (.multiple)
	----------------------------------- */
	div.carousel div.nav div.arrow {
		display: none;
	}
	div.carousel ul.carousel-pagination {
		margin: 0;
	}

		div.carousel ul.carousel-pagination li {
			width: 20px;
		}
				div.carousel ul.carousel-pagination li a {
					padding: 18px 0;
				}

/*	-----------------------------------
	Hero Carousel
	----------------------------------- */
	div.carousel.hero ul.carousel-pagination {
		padding-right: 10px;
	}
		div.carousel.hero ul.carousel-pagination li {
			width: 30px;
		}

/*	-----------------------------------
	Thumbnail Carousel
	----------------------------------- */
	div.carousel.sibling-thumbs div.nav div.arrow {
		/* display: block; */
	}
	
/*	-----------------------------------
	Filter Items
	----------------------------------- */
		
	.filtered-row .filter-selector {
		text-align: left;
		padding-bottom: 1em;
		float: none;
	}
	
	.filtered-row div.frame {
		top: 0;
	}
		section.filtered-row h2.section-title {
			float: none;
		}
	
}

/* 	================================================

	MOBILE VIEW

	================================================ */
@media screen and (max-width: 768px) {

/*	-----------------------------------
	Default Styles (.multiple)
	----------------------------------- */
	.wrapper.gutter div.carousel {
		width: 102%; /* extend carousel to right edge on wrappers with padding (WiiU/3DS pages) */
	}
	div.carousel div.nav,
	div.carousel ul.carousel-pagination {
		display: none;
		opacity: 0;
	}
	div.carousel ul.carousel-pagination {
		margin: 0;
	}
		div.carousel ul.carousel-pagination li a {
			padding: 18px 0;
		}
	div.carousel ul.panels li.WiiU:after {
		font-size: 10px;
	}
	div.carousel ul.panels li.threeDS:after {
		font-size: 16px;
	}

/*	-----------------------------------
	Hero Carousel
	----------------------------------- */
	div.carousel.hero ul.panels,
	div.carousel.hero ul.panels li {
		padding-bottom: 30px;
	}
		div.carousel.hero div.info-bar {
			background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 40%);
			background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 40%);
			background: -o-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 40%);
			background: -ms-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 40%);
			background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 40%);
			bottom: -30px;
			height: 90px;
		}
			div.carousel.hero div.info-bar div.inner-content {
				margin: 20px auto 0;
			}

				div.carousel.hero div.info-bar h3 {
					font-size: 18px;
				}

	div.carousel.hero ul.carousel-pagination {
		display: block;
		opacity: 1;
		padding-right: 0;
		text-align: center;
	}

	div.carousel.hero div.nav {
		display: none;
	}

	div.carousel.hero .video-container {
		display: none;
	}

	div.carousel.hero .mob-image-container {
		position: absolute;
		top: 0;
		display: block;
	}

/*	-----------------------------------
	Accordion Drawer Carousel
	----------------------------------- */
	div.carousel.drawer {
		background: #fafafa;
		background: -moz-linear-gradient(bottom, #f8f8f8 0%, #fafafa 75%, #fff 100%);
		background: -webkit-linear-gradient(bottom, #f8f8f8 0%, #fafafa 75%, #fff 100%);
		background: -o-linear-gradient(bottom, #f8f8f8 0%, #fafafa 75%, #fff 100%);
		background: -ms-linear-gradient(bottom, #f8f8f8 0%, #fafafa 75%, #fff 100%);
		background: linear-gradient(to top, #f8f8f8 0%, #fafafa 75%, #fff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
		margin-bottom: 0;
		padding-bottom: 60px;
	}
		div.carousel.drawer div.nav {
			background: #fff;
			border-top: 1px solid #f2f2f2;
			bottom: 0;
			height: 30px;
			opacity: 1;
			top: auto;
			display:block;
		}
			div.carousel.drawer div.nav div.next,
			div.carousel.drawer div.nav div.prev {
				display: none;
			}
			div.carousel.drawer div.nav div.more {
				bottom: 30px;
				display: block !important;
				overflow: visible;
				top: auto;
				width: 100%;
			}
				div.carousel.drawer div.nav div.more a {
					left: 40%;
					left: -webkit-calc(50% - 30px);
					left: calc(50% - 30px);
					top: 0;
				}
				/* add full background path for iOS 6 bug fix */
				div.carousel.drawer div.nav div.open a {
					background: url('/images/global/sprite-carousel-arrows.png') 0 -240px no-repeat;
				}
				div.carousel.drawer div.nav div.closed a {
					background: url('/images/global/sprite-carousel-arrows.png') -60px -240px no-repeat;
				}
/*	-----------------------------------
	Filter Items
	----------------------------------- */
		
	.filtered-row  .filter-selector {
		text-align: left;
		padding-bottom: 1em;
		float: none;
	}
		 section.filtered-row h2.section-title {
			float: none;
		}
		
		.filtered-row  div.frame {
			top: 0;
		}

}

/* 	================================================

	3DS Browser Specific Styles

	================================================ */

body.nin3DS div.carousel.multiple ul.carousel-pagination {
	opacity: 1;
}
body.nin3DS div.carousel ul.panels li:after {
	display: none;
}

.carousel.hero ul.panels {
	padding-bottom: 0 !important;
}
.carousel.hero ul.panels li {
	padding-bottom: 0 !important;
}
.carousel.hero ul.panels li .info-bar {
	bottom: 0;
	height: auto;
	padding: 0 1% 25px;
}

@media screen and (max-width: 570px) {
	.carousel.hero ul.panels li .info-bar {
		padding-bottom: 30px !important;
	}
	.carousel.hero ul.panels li .info-bar.no-pag {
		padding-bottom: 0 !important;
	}
}

.carousel.hero ul.panels li .info-bar.no-pag {
	padding: 0 1%;
}

div.carousel.hero div.info-bar div.inner-content {
	margin: 0 auto;
	padding: 10px 0 20px;
	font-size: 0;
}

div.carousel.hero div.info-bar.no-pag div.inner-content {
	padding: 10px 0;
}

div.carousel.hero div.info-bar div.inner-content div.column {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

div.carousel.hero div.info-bar .cta-inner-container {
	float: none;
	width: auto;
	text-align: right;
}
div.carousel.hero div.info-bar .cta-inner-container .btn {
	width: auto;
	padding: 10px 20px;
}