@charset "utf-8";
/* Main Banner */
.po5BannerOuter {
	background-image: url(images/powerof5MainBanner.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	border-bottom: solid 1px #7b318b;	
}
.po5Banner {
	text-align:center;
	padding-top: 361px;
	padding-bottom:359px;	
}
.po5BannerText {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	color: white;
	font-family: tradegothicbold;
	font-size: 36px;
	line-height: 36px;	
	margin-top:0px;
	margin-bottom:34px;
}
.po5Banner h2 {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
	color: #fff200;
	font-family: tradegothicbold;
	font-size: 96px;
	line-height: 72px;
	text-transform: none;
	margin-bottom:22px;
}
.po5Banner h3 {
	text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);
	color: #ed173a;
	font-family: 'komika_titleregular', Helvetica, arial, sans-serif;
	font-size: 48px;
	font-weight: 400;
	line-height: 48px;
}
/* Video Slider */
.po5VideoSliderOuter {
	border-top: solid 4px #d0021b;
}
.po5Slide {
	width:1200px;
	margin-left:auto;
	margin-right:auto;	
	padding-top: 133px;
	padding-bottom: 75px;
}
.po5Slide h2 {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
	color: #fff200;
	font-family: tradegothicbold;
	font-size: 20px;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom:0px;	
	text-transform:none;
}
.po5Slide h3 {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	color: white;
	font-family: tradegothicbold;
	font-size: 36px;
	line-height: 42px;	
	margin-top: 8px;
	margin-bottom:5px;
}
.po5SlideText {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
	color: white;
	font-family: "proxima-nova";
	font-weight: 400;
	line-height: 24px;
	font-size: 18px;
	width: 470px;
}
.po5SlideText sup small {
	font-family: "proxima-nova";
	font-size: 8px;	
}
.po5SlideText sup {
	top: -5px;
}
.po5SlideText sub {
	font-size: 18px;
	font-family: "proxima-nova";
	top: 8px;
}
.po5SlideOuter {
	width: 100%;
	z-index:98 !important;	
	background-repeat: no-repeat;
	background-size:cover;
}
.po5LearnMore a {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
	color: white;
	font-family: tradegothicbold;
	font-size: 18px;
	line-height: 24px;	
}
.po5VideoThumbnail {
	width: 350px;
	height: 208px;
	background-repeat: no-repeat;
	background-size:cover;
	margin-bottom: 22px;
	padding-top: 60px;
}
.po5VideoThumbnailMobile {
	display:none;	
}
.cycle-pager.row {
	max-width: none;
	border-top: solid 2px #ffffff;
	border-bottom: solid 4px #d0021b;
}
.po5PagerBox {
	background-repeat:no-repeat;
	background-size: cover;
	border-right: solid 2px #FFFFFF;	
	padding: 0px;
	padding-top: 133px;
	background-position:center center;
}
.desktop .po5PagerBox {
	width:20% !important;
}
.p05PagerBoxTitle {
	color: #66676a;
	font-family: tradegothicbold;
	font-size: 20px;
	line-height: 24px;
	padding-top: 7px;
	padding-bottom: 4px;
	background-color:	 #fff200;
}
.po5ActiveArrow {
	background-image: url(images/po5SliderArrow.png);
	background-repeat:no-repeat;
	position:absolute;	
	width: 58px;
	height: 30px;
	left: 50%;
	margin-left: -29px;
	top: -30px;
	z-index:99;
	display:none;
}
.cycle-slide-active .po5ActiveArrow, .cycle-pager-active .po5ActiveArrow {
	display:block;
}
.po5PagerMultitasker {
	background-image:url(images/po5PagerMultitasker.jpg);
}
.po5PagerController {
	background-image:url(images/po5PagerController.jpg);
}
.po5PagerFlexer {
	background-image:url(images/po5PagerFlexer.jpg);
}
.po5PagerEnforcer {
	background-image:url(images/po5PagerEnforcer.jpg);
}
.po5PagerSoaker {
	background-image:url(images/po5PagerSoaker.jpg);
	border-right: none;
}
.po5PagerBox  {
	position:relative !important;
	z-index:99 !important;	
	border-top: 1px solid #FFFFFF;
}
.cycle-carousel-wrap {
	width: 100%;	
}
#cycle-2 {

}
/* Social*/
.po5SocialOuter {
	border-bottom: solid 5px #fff200;	
}
.po5Social {
	width: 1200px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 90px;	
	padding-bottom: 90px;	
}
.po5Social h2 {
	color: #545454;
	font-family: tradegothicbold;
	font-size: 36px;
	line-height: 42px;
	text-transform:none;
}
/* Share */
.po5ShareOuter {
	border-bottom: solid 5px #fff200;
	background-image: url(images/po5ShareBG.jpg);
	background-repeat:no-repeat;
	background-size: cover;
}
.po5Share {
	padding-top:82px;	
}
.po5Share h2 {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	color: white;
	font-family: tradegothicbold;
	font-size: 36px;
	line-height: 42px;
	text-transform:none;
	background-color: #d0021b;
	display:inline-block;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left:70px;
	padding-right: 70px;
	margin-top:0px;
	margin-bottom:0px;
}
.po5Share h3 {
	color: white;
	font-family: 'komika_titleregular', Helvetica, arial, sans-serif;
	font-size: 36px;
	font-weight: 400;
	line-height: 24px;
	margin-top:33px;
	margin-bottom:33px;
}
.po5ShareSocial {
	background-color:gray;	
	display: inline-block;
	height:54px;
	padding-right:20px;
	background-color: rgba(0,0,0,.47);
}
.po5ShareSocial a {
	color:#FFFFFF;
}
.po5ShareSocial .social-list li i.social {
	font-size: 1.7rem;	
}
.po5ShareSocial .foundicon-facebook, .po5ShareSocial .foundicon-twitter, .po5ShareSocial .foundicon-youtube {
	transition:all 0.5s;
}
.po5ShareSocial a:hover, .po5ShareSocial a:focus {
	color:#545454;
	transition:all 0.5s;
}
.po5ShareSocial .foundicon-facebook:hover, #social .feed-fb .social-icon .entypo {
	color:#3b5998;
	transition:all 0.5s;
}
.po5ShareSocial .foundicon-twitter:hover, #social .feed-twitter .social-icon .entypo {
	color:#55acee;
	transition:all 0.5s;
}
.po5ShareSocial .foundicon-youtube:hover {
	color:#e52d27;
	transition:all 0.5s;
}
.po5ShareSocial .inline-list {
	margin:0px;
}
.mobile {
	display:none;	
}
/* MOBILE */
@media (max-width: 1260px)
{
	.po5Slide {
		width: auto;
		padding-left: 20px;
		padding-right: 20px;	
	}
	.po5Social { 
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (max-width: 720px)
{
	.po5Share h3 {
		line-height: 40px;	
	}
}
@media (max-width: 700px)
{
	.po5Banner {
		padding-top:0px;	
		padding-bottom:0px;
	}
	.po5BannerContent {
		height:183px;
		background-image: url(images/po5MobileBannerBG.jpg);
		padding-top: 35px;
	}
	.po5Banner h2 {
		color: #4a4a4a;
		font-size: 36px;
		line-height: 24px;	
		text-shadow: none;
		-webkit-text-shadow:none;
		margin-bottom: 2px;	
	}
	.po5BannerText {
		color: #545454;
		font-size: 21px;
		line-height: 21px;	
		text-shadow: none;
		-webkit-text-shadow:none;	
	}
	.po5Banner h3 {
		color: #ed173a;
		font-size: 28px;
		line-height: 42px;
		text-shadow: none;
		-webkit-text-shadow:none;	
		margin-bottom:10px;		
	}
	.po5BannerOuter {
		background: none;	
	}
	.po5Video {
		background-image: url(images/powerof5MainBanner.jpg);
		background-repeat:no-repeat;
		background-size: cover;
		padding-top: 65px;
		padding-bottom:65px;
	}
	.po5SlideOuter {
		background: none !important;
		background-color: #000000 !important;	
	}
	.po5SlideText {
		width: auto;	
		padding-left:20px;
		padding-right:20px;
	}
	.po5Slide h2 {
		color: #fff200;
		font-size: 18px;
		line-height: 24px;
		text-shadow: none;
		-webkit-text-shadow:none;	
	}
	.po5Slide h3 {
		text-shadow: none;
		-webkit-text-shadow:none;
		color: white;
		font-size: 36px;
		line-height: 42px;

	}
	.po5Slide {
		text-align:center;
		padding-top: 35px;	
		padding-left:0px;
		padding-right:0px;
	}
	.po5VideoThumbnail {
		display:none;
	}
	.po5VideoThumbnailMobile {
		display:block;
		width: 100%;
		height: 251px;
		background-repeat: no-repeat;
		background-size:cover;
		margin-bottom: 22px;
		padding-top: 104px;
	}
	.po5PagerBox {
		padding-top: 93px;
		background-position:right top;
	}
	.p05PagerBoxTitle {
		color: #66676a;
		font-size: 14px;
		line-height: 14px;
	}
	.po5PagerMultitasker {
		background-image:url(images/po5PagerMultitaskerSm.jpg);
	}
	.po5PagerController {
		background-image:url(images/po5PagerControllerSm.jpg);
	}
	.po5PagerFlexer {
		background-image:url(images/po5PagerFlexerSm.jpg);
	}
	.po5PagerEnforcer {
		background-image:url(images/po5PagerEnforcerSm.jpg);
	}
	.po5PagerSoaker {
		background-image:url(images/po5PagerSoakerSm.jpg);
	}
	.p05PagerBoxTitle {
		min-height:39px;	
	}
	.po5Social h2 {
		color: #545454;
		font-size: 36px;
		line-height: 42px;		
	}
	.po5Social {
		padding-top: 10px;
		padding-bottom:10px;	
	}
	.po5SocialOuter {
		background-image: url(images/po5MobileBannerBG.jpg);	
	}
	.po5Share h2 {
		color: white;
		font-size: 28px;
		line-height: 32px;	
		text-shadow:none;
		padding-left:30px;
		padding-right:30px;	
	}
	.mobileHide {
		display:none;	
	}
}