.clearfix {
	*zoom: 1
}

.clearfix:before, .clearfix:after {
	display: table;
	content: ""
}

.clearfix:after {
	clear: both
}

.hide-text {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap
}

[class*=span] {
	float: left;
	margin-left: 20px
}

.span12 {
	width: 940px
}

.span11 {
	width: 860px
}

.span10 {
	width: 780px
}

.span9 {
	width: 700px
}

.span8 {
	width: 620px
}

.span7 {
	width: 540px
}

.span6 {
	width: 460px
}

.span5 {
	width: 380px
}

.span4 {
	width: 300px
}

.span3 {
	width: 220px
}

.span2 {
	width: 140px
}

.span1 {
	width: 60px
}

button.modernize, .button.modernize {
	height: 40px;
	font-size: 14px;
	padding: 10px 14px;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent
}

button.modernize.visible-phone, .button.modernize.visible-phone {
	display: none
}

button.modernize.visible-tablet, .button.modernize.visible-tablet {
	display: none
}

button.modernize.visible-desktop, .button.modernize.visible-desktop {
	display: flex
}

button.modernize.hidden-phone, .button.modernize.hidden-phone {
	display: flex
}

button.modernize.hidden-tablet, .button.modernize.hidden-tablet {
	display: flex
}

button.modernize.hidden-desktop, .button.modernize.hidden-desktop {
	display: none
}

@media ( max-width : 767px) {
	button.modernize.visible-phone, .button.modernize.visible-phone {
		display: flex
	}
	button.modernize.hidden-phone, .button.modernize.hidden-phone {
		display: none
	}
	button.modernize.hidden-desktop, .button.modernize.hidden-desktop {
		display: flex
	}
	button.modernize.visible-desktop, .button.modernize.visible-desktop {
		display: none
	}
}

@media ( min-width : 768px)and (max-width: 979px) {
	button.modernize.visible-tablet, .button.modernize.visible-tablet {
		display: flex
	}
	button.modernize.hidden-tablet, .button.modernize.hidden-tablet {
		display: none
	}
	button.modernize.hidden-desktop, .button.modernize.hidden-desktop {
		display: flex
	}
	button.modernize.visible-desktop, .button.modernize.visible-desktop {
		display: none
	}
}

button.modernize:hover, .button.modernize:hover {
	opacity: .7;
	background-color: transparent
}

button.modernize i, .button.modernize i {
	margin-right: 6px
}

button.modernize.primary, .button.modernize.primary {
	background-color: #027eb0
}

button.modernize.secondary, .button.modernize.secondary {
	background-color: transparent;
	color: #027eb0;
	border: solid 1px #027eb0
}

button.modernize.secondary:hover, button.modernize.secondary:focus,
	.button.modernize.secondary:hover, .button.modernize.secondary:focus {
	background-color: transparent;
	color: #027eb0
}

button.modernize.link, .button.modernize.link {
	color: #027eb0;
	border: none;
	padding-left: 0;
	padding-right: 0
}

button.modernize.reset, .button.modernize.reset {
	height: auto;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	padding: 0;
	border: none;
	margin: 0
}

a.modernize.grey-link {
	color: #212240
}

a.modernize.grey-link:hover {
	color: #027eb0;
	text-decoration: none
}

a.modernize.light-grey-link {
	color: #636c8b
}

a.modernize.light-grey-link:hover {
	color: #027eb0;
	text-decoration: none
}

fieldset.modernize {
	border: none
}

[class^=icon-].modernize, [class*=" icon-"].modernize {
	width: auto;
	height: auto;
	line-height: auto;
	background: none
}

.modernize-dropdown {
	position: absolute;
	background-color: #fff;
	border-radius: 4px;
	padding: 8px 0;
	box-shadow: 0 3.8px 11px 0 rgba(0, 0, 0, .19), 0 .5px 5px 0
		rgba(0, 0, 0, .04);
	width: 240px;
	list-style: none;
	margin: 0;
	font-family: "Source Sans Pro", sans-serif
}

.modernize-dropdown li {
	display: flex;
	align-items: center
}

.modernize-dropdown li i {
	margin-right: 12px;
	font-size: 16px
}

.modernize-dropdown li a {
	display: inline-table;
	width: 100%;
	padding: 12px 16px;
	height: 100%
}

.modernize-dropdown hr {
	margin: 7px 16px;
	color: #d0d6e6
}

.modernize-dropdown.hidden {
	display: none
}

.modernize-menu li {
	display: flex;
	align-items: center
}

.modernize-menu li i {
	margin-right: 12px;
	font-size: 16px
}

.modernize-menu li a {
	display: inline-table;
	width: 100%;
	padding: 12px 16px;
	height: 100%
}

.modernize-menu hr {
	margin: 7px 16px;
	color: #d0d6e6
}

html, body {
	min-height: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	-ms-overflow-style: none
}

html::-webkit-scrollbar, body::-webkit-scrollbar {
	display: none
}

body {
	counter-reset: my-awesome-counter
}

body #home {
	position: relative
}

body .menu-shifted .player-meta.sticky, body .menu-shifted .action-btns-container.sticky
	{
	left: 240px
}

.sso-banner {
	margin: 0;
	text-align: center
}

.sso-banner .sso-banner-close {
	float: right;
	margin: 0;
	padding: 3px 1px 5px 5px
}

.sso-banner a {
	color: #dddcd7
}

.sso_setting_color {
	color: #dddcd7
}

.fb-email-rerequest-banner {
	margin: 0
}

.fb-email-rerequest-banner .fb-email-rerequest-banner-close {
	margin: 0;
	padding: 3px 1px 5px 5px
}

.fb-email-rerequest-banner a {
	color: #dddcd7
}

.mobile-swipe-wrapper .action-btns-container {
	line-height: 1.5em
}

.mobile-swipe-wrapper .column {
	padding: 0
}

.ss-content {
	padding-top: 0;
	background: #444;
	overflow: visible
}

.ss-content .left {
	float: left
}

.ss-content .right {
	float: right
}

.ss-content .block {
	display: block
}

.ss-content .icon-text {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.2em;
	font-weight: 400;
	vertical-align: middle;
	color: #fff
}

.ss-content .divider {
	margin: 0 14px;
	border-bottom: 1px solid #626262
}

.ss-content .active .icon-text {
	color: rgba(88, 153, 228, .9)
}

.download-cta-on-last-screen-overlay {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: "Source Sans Pro", sans-serif;
	background-color: rgba(6, 7, 24, .8);
	border-radius: 8px;
	position: absolute;
	-webkit-transition: right .3s linear;
	-moz-transition: right .3s linear;
	-ms-transition: right .3s linear;
	-o-transition: right .3s linear;
	transition: right .3s linear;
	z-index: 100;
	right: -400px;
	pointer-events: none
}

.download-cta-on-last-screen-overlay .subtext {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 16px
}

.download-cta-on-last-screen-overlay .download-button-wrapper {
	pointer-events: auto
}

.download-cta-on-last-screen-overlay .download {
	background-color: #027eb0;
	border-radius: 4px;
	cursor: pointer;
	color: #fff;
	padding: 10px 14px;
	font-size: 16px;
	font-weight: 600
}

.download-cta-on-last-screen-overlay .button-ds {
	border: none
}

.download-cta-below-reader {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family: "Source Sans Pro", sans-serif;
	position: absolute;
	-webkit-transition: right .3s linear;
	-moz-transition: right .3s linear;
	-ms-transition: right .3s linear;
	-o-transition: right .3s linear;
	transition: right .3s linear;
	width: 137px;
	background-color: #060718;
	z-index: 100;
	right: -145px;
	padding-left: 12px;
	line-height: 1.5;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px
}

.download-cta-below-reader .subtext {
	color: #fff;
	font-size: 12px;
	line-height: 1.25;
	text-align: left
}

.download-cta-below-reader .nextSlideshowTitle {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.25;
	text-align: left;
	margin-bottom: 11px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.download-cta-below-reader .next-btn-container {
	color: #fff;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 6px 12px;
	border-radius: 4px;
	border: solid 1px #fff;
	width: 78px
}

.download-cta-below-reader .btn-text {
	font-size: 16px;
	font-weight: 600;
	margin-right: 6px
}

.sunpass-btn {
	background: #000;
	border: 2px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	bottom: 5px;
	color: #fff;
	display: inline-block;
	height: 40px;
	position: absolute;
	-webkit-transition: right .3s linear;
	-moz-transition: right .3s linear;
	-ms-transition: right .3s linear;
	-o-transition: right .3s linear;
	transition: right .3s linear;
	width: 150px;
	z-index: 1002
}

.sunpass-btn .btn-container {
	color: #fff;
	font-weight: 400;
	font-size: 15px;
	line-height: 40px;
	margin: auto;
	text-align: center;
	width: 90%
}

.sunpass-btn .btn-container .arrow {
	display: inline-block;
	height: 0;
	width: 0
}

.sunpass-btn.prev {
	border-bottom-left-radius: 0px;
	border-left: 0;
	border-top-left-radius: 0px;
	left: -155px
}

.sunpass-btn.prev.active {
	left: 0
}

.sunpass-btn.prev .arrow {
	border-bottom: 5px solid transparent;
	border-right: 5px solid #fff;
	border-top: 5px solid transparent;
	margin-right: 5px
}

.sunpass-btn.next {
	border-bottom-right-radius: 0px;
	border-right: 0;
	border-top-right-radius: 0px;
	right: -155px
}

.sunpass-btn.next.active {
	right: 0
}

.sunpass-btn.next .arrow {
	border-bottom: 5px solid transparent;
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	margin-left: 5px
}

.sunpass-btn.fake-active {
	border-color: #aeaeae
}

.sunpass-btn.fake-active.prev .arrow {
	border-right-color: #aeaeae
}

.sunpass-btn.fake-active.next .arrow {
	border-left-color: #aeaeae
}

.sunpass-btn.fake-active .btn-container {
	color: #aeaeae
}

.player-wrapper {
	/*display: none*/
}

.player-wrapper .player {
	width: 100%
}

@media only screen and (min-width: 58.063em) {
	.mobile-player.responsive {
		display: none
	}
	.player-wrapper {
		display: block
	}
	.player-wrapper .player {
		width: unset
	}
}

@media only screen and (min-width: 40.063em) {
	.mobile-player.responsive {
		margin-left: -0.71429rem;
		margin-right: -0.71429rem
	}
}

.mobile-player.responsive {
	width: 100vw;
	max-height: calc(100vh - 300px)
}

.mobile-player.responsive .slide_container {
	background-color: unset
}

.mobile-player.responsive.infographic_player, .mobile-player.responsive.document_player
	{
	max-height: none
}

.mobile-player:not(.responsive) {
	background: #444
}

.mobile-player:not(.responsive) .slide {
	box-shadow: none !important
}

.mobile-player {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100px;
	margin: auto;
	overflow: hidden;
	transition: opacity .1s linear;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	padding: 10px 0
}

.mobile-player .player-information-overlay {
	position: absolute;
	height: auto;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
	opacity: 0;
	overflow: hidden;
	transition: opacity .2s ease-in-out;
	pointer-events: none
}

.mobile-player .player-information-overlay button.player-options {
	float: right;
	background-color: unset;
	border: none;
	padding: 16px 12px;
	font-size: 18px;
	font-weight: 600;
	color: #fff
}

.mobile-player .player-information-overlay div.player-bottom-nav {
	height: 50px;
	width: 100%;
	font-weight: 600px;
	background-color: rgba(0, 0, 0, .6);
	color: #fff;
	font-family: "Source Sans Pro", sans-serif;
	display: flex;
	justify-content: space-between;
	padding-left: 24px
}

.mobile-player .player-information-overlay div.player-bottom-nav .player-current-slide
	{
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 22px
}

.mobile-player .player-information-overlay div.player-bottom-nav .player-current-slide p
	{
	font-size: 16px;
	line-height: 22px
}

.mobile-player .player-information-overlay div.player-bottom-nav .player-clips
	{
	display: flex;
	align-items: center
}

.mobile-player .player-information-overlay div.player-bottom-nav .player-clips i
	{
	margin-right: 6px
}

.mobile-player .player-information-overlay div.player-bottom-nav p {
	margin: 0
}

.mobile-player .player-information-overlay.visible {
	opacity: 1;
	pointer-events: all
}

.mobile-player #mobile-clip-button {
	background-color: unset;
	border: unset;
	margin-bottom: unset
}

.mobile-player #mobile-clip-button i, .mobile-player #mobile-clip-button p
	{
	font-size: 16px;
	line-height: 22px;
	font-family: "Source Sans Pro", sans-serif
}

.mobile-player .slide_container {
	overflow: visible !important;
	height: 100% !important
}

.mobile-player .slide {
	box-shadow: 0 2px 4px #eaeff1;
	height: 100%;
	display: block
}

.mobile-player.document_player .stage, .mobile-player.document_player .slide_container,
	.mobile-player.document_player .slide {
	height: 100%
}

.mobile-player.sidebar_visible .player-container .stage {
	-webkit-transform: translate(0, 0, 0);
	-moz-transform: translate(0, 0, 0);
	-ms-transform: translate(0, 0, 0);
	-o-transform: translate(0, 0, 0);
	transform: translate(0, 0, 0);
	left: 15%
}

.mobile-player.sidebar_visible .player-container .sidebar {
	margin-left: 0
}

.mobile-player.sidebar_visible .player-container .action-inner {
	width: 4%;
	overflow: hidden;
	text-align: center
}

.mobile-player .player-container {
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%
}

.mobile-player .player-container .stage {
	width: 100%;
	height: 100%;
	overflow: visible;
	margin: auto;
	display: block;
	-webkit-transform-origin: top left center;
	-moz-transform-origin: top left center;
	-ms-transform-origin: top left center;
	-o-transform-origin: top left center;
	transform-origin: top left center
}

.mobile-player .player-container .stage.done #slide-preview {
	display: none
}

.mobile-player .player-container .stage.done .slide_container {
	height: auto
}

.mobile-player .player-container .stage .slide_container {
	width: 100%;
	height: 0px;
	display: flex;
	position: relative;
	-webkit-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
	-moz-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
	-ms-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
	-o-transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
	transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
	overflow: visible;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden
}

.mobile-player .player-container .stage .slide_container.animate {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.mobile-player .player-container .stage .slide_container .slide {
	display: inline-flex;
	position: relative;
	pointer-events: none;
	height: 100%;
	border-radius: 8px;
	margin-right: 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.mobile-player .player-container .stage .slide_container .slide.format-not-supported
	{
	margin-left: 0
}

.mobile-player .player-container .stage .slide_container .slide.animate
	{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.mobile-player .player-container .stage .slide_container .format-not-supported
	{
	display: table;
	width: 100%
}

.mobile-player .player-container .stage .slide_container .format-not-supported .error-message
	{
	background-color: #2d2d2d;
	color: #fff;
	display: table-cell;
	padding: 0px 15px;
	text-align: center;
	vertical-align: middle
}

.mobile-player .player-container .stage .slide_container .format-not-supported h1
	{
	font-size: 18px
}

.mobile-player .player-container .stage .slide_container .format-not-supported h2
	{
	font-size: 12px
}

.mobile-player .player-container .stage .slide_container .format-not-supported a
	{
	color: #fff
}

.mobile-player .player-container .stage .slide_container .format-not-supported .divider
	{
	margin: 12px auto;
	width: 125px
}

.mobile-player .player-container .stage.loaded {
	opacity: 1 !important
}

.mobile-player .player-container .sidebar {
	margin-left: -300px;
	width: 15%;
	height: 100%;
	text-align: center;
	overflow: scroll;
	-ms-overflow-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	z-index: 1001
}

.mobile-player .player-container .sidebar::-webkit-scrollbar {
	display: none
}

.mobile-player .player-container .sidebar .preview_img {
	width: 95%;
	border: 3px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.mobile-player .player-container .sidebar .preview_img.active {
	border: 3px solid rgba(88, 153, 228, .9)
}

.mobile-player .player-container .sidebar section {
	counter-increment: my-awesome-counter;
	position: relative
}

.mobile-player .player-container .sidebar section:after {
	color: #fff;
	content: counter(my-awesome-counter);
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 10px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-shadow: 1px 1px rgba(0, 0, 0, .5)
}

.mobile-player .player-container .sidebar section:last-child {
	margin-bottom: 5%
}

.mobile-player .player-container .mobile-iframe-slide {
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.mobile-player .close {
	position: fixed;
	top: 10px;
	right: 10px
}

.mobile-player.html_player.full-height-player {
	height: 100% !important
}

.mobile-player.responsive.infographic_player {
	max-height: unset;
	height: auto
}

.mobile-player.responsive.infographic_player .slide_container {
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0;
	display: block
}

.mobile-player.responsive.infographic_player .slide_container img {
	margin-left: 50%;
	transform: translateX(-50%)
}

.player-landscape .ytube-notifier {
	left: -1px
}

.player-landscape.document_player .sidebar {
	width: 30%
}

.player-landscape.document_player.sidebar_visible .stage {
	left: 30%
}

.player-landscape.mobile-player {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 0;
	z-index: 1500
}

.player-landscape.mobile-player .player-container .sunpass-btn {
	bottom: 40px
}

.player-landscape.mobile-player .player-container .stage {
	display: inline-block;
	width: 100%;
	position: absolute;
	z-index: 1000;
	background: none transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	top: 50%
}

.player-landscape.mobile-player .player-container .stage .slide_container
	{
	margin-left: 7px
}

.player-landscape.mobile-player .player-container .stage .slide_container .slide:first-child
	{
	margin-left: 0px
}

.player-landscape.mobile-player .player-container .stage,
	.player-landscape.mobile-player .player-container .action-inner,
	.player-landscape.mobile-player .player-container .sidebar {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.player-landscape.mobile-player .player-container #landscape-btns {
	display: block
}

.player-meta, .action-btns-container {
	background: #444;
	color: #fff;
	width: 100%;
	position: relative;
	height: auto;
	padding: 10px 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.player-meta a, .action-btns-container a {
	color: #fff
}

.player-meta.sticky {
	padding-top: 10px;
	position: fixed;
	bottom: 0;
	background: rgba(0, 0, 0, .75);
	z-index: 1001
}

.player-meta .player-meta-container {
	position: relative;
	width: 100%
}

.player-meta .player-meta-container .title {
	display: inline-block;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	overflow: hidden;
	padding-right: 15px;
	text-align: left;
	text-overflow: ellipsis;
	vertical-align: middle;
	width: 80%;
	color: #fff;
	-webkit-font-smoothing: auto
}

.player-meta .player-meta-container .views {
	color: #cdcdcd;
	display: inline-block;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: 400;
	height: 100%;
	line-height: 12px;
	min-width: 36px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	vertical-align: middle
}

.action-btns-container {
	line-height: 2.3em;
	overflow: auto;
	padding: 10px 14px 0 14px;
	font-size: .9rem
}

.action-btns-container .column {
	border-right: 1px solid #626262;
	text-align: center;
	display: inline-block;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}

.action-btns-container .column:last-child {
	border-right: none
}

.action-btns-container .column a {
	color: #fff
}

.action-btns-container .column .icon-text {
	margin-left: 2px
}

.action-btns-container .column .icon-text i.fa {
	margin-right: 5px
}

.action-btns-container.action-cols-2 .column {
	width: 50%
}

.action-btns-container.action-cols-3 .column {
	width: 33.33%
}

.action-btns-container .action-btns {
	height: 100%;
	margin: 5px 0;
	vertical-align: middle
}

.action-btns-container .active {
	color: rgba(88, 153, 228, .9)
}

#portrait-btns.sticky {
	position: fixed;
	top: 50px;
	background: rgba(0, 0, 0, .75);
	z-index: 1001;
	padding: 10px 14px
}

#content_container.app_promo_showing #portrait-btns.sticky {
	top: 108px
}

#landscape-btns {
	height: 100%;
	min-height: 300px;
	display: none;
	position: absolute;
	right: 0;
	z-index: 1002;
	width: 70px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	background: rgba(0, 0, 0, .75)
}

#landscape-btns .action-btn {
	display: block;
	width: 70px;
	margin: 30% 0
}

#landscape-btns .action-btn .icon-wrapper {
	text-align: center
}

#landscape-btns .action-btn:first-child {
	margin-top: 30px
}

#landscape-btns .action-btn.slide-counter {
	bottom: 20px;
	position: absolute;
	margin-bottom: 5px
}

#landscape-btns .action-btn.slide-counter.active .icon-wrapper {
	color: rgba(88, 153, 228, .9)
}

#landscape-btns .action-btn .icon-text {
	line-height: 18px
}

#landscape-btns .action-btn span {
	display: block;
	text-align: center;
	margin: auto
}

.related-bar, .slideshow-author, .slideshow-infos {
	color: #6d6d6d;
	background: #eee;
	line-height: 20px;
	font-size: 14px;
	padding: 10px 14px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative
}

.slideshow-author {
	color: #fff;
	background: #444;
	display: table;
	width: 100%
}

.slideshow-author .slideshow-author-container {
	display: table;
	width: 100%;
	min-height: 30px
}

.slideshow-author .user-photo {
	position: absolute;
	top: 50%;
	margin-top: -15px
}

.slideshow-author .user-photo .no-photo {
	border: 2px solid #cdcdcd;
	color: #cdcdcd;
	font-size: 20px;
	line-height: 30px;
	padding: 0px 7px
}

.slideshow-author .name {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	display: table-cell;
	vertical-align: middle;
	padding-left: 40px;
	-webkit-font-smoothing: auto;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
}

.slideshow-author .upload-text {
	vertical-align: middle;
	display: table-cell;
	text-align: right;
	min-width: 80px
}

.slideshow-author .upload-text .uploads {
	font-size: 12px;
	font-weight: 400;
	color: #cdcdcd
}

.slideshow-infos {
	color: #fff;
	background: #444
}

.slideshow-infos .slideshow-publication-date {
	padding-bottom: 10px
}

.slideshow-infos .slideshow-description-container {
	display: flex;
	padding-bottom: 10px
}

.slideshow-infos .slideshow-description-container .slideshow-description
	{
	flex-grow: 1
}

button.empty_btn_design {
	background-color: transparent;
	color: #008ed2;
	border: none;
	padding: 0;
	margin: 0
}

button.empty_btn_design:hover {
	background-color: transparent;
	color: #008ed2;
	border: none
}

.related {
	background: #eee
}

.related .related-slideshows {
	background: #eee
}

.related .divider {
	border-bottom: 1px solid #dedede
}

.related .related-slideshows-placeholder {
	color: #6d6d6d;
	padding-top: 10px;
	text-align: center
}

.transcripts-container {
	background: #eee;
	border-top: 1px solid #dedede;
	padding-top: .8rem
}

.transcripts-container .transcripts-show-all-cta {
	display: block;
	margin: 0 auto;
	padding: 10px
}

.transcripts-container .transcript-header {
	margin: 0;
	padding: 0 10px
}

.transcripts-container .no-bullet {
	margin: 0;
	padding: 0 10px 10px 20px
}

.transcripts-container .no-bullet.no-style {
	list-style: none
}

.mobile-share-container {
	z-index: 2000
}

.ytube-notifier {
	background-image:
		url(../../assets/ytube_confetti-e9b39ef37352f0d81c3b.png);
	width: 83px;
	height: 65px;
	z-index: 1001;
	position: absolute;
	top: -1px;
	left: 13px
}

.ytube-overlay {
	height: 60%;
	width: 40%;
	z-index: 1000;
	top: 15%;
	position: absolute
}

.ytube-hide {
	position: absolute;
	top: -2000px
}

.ytube-image {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-size: cover;
	display: none
}

.ytube-play {
	position: absolute;
	left: 40%;
	width: 20%;
	height: 100%;
	top: 0;
	background: no-repeat
		url(../../assets/ytube-play-btn-8506641f2befa925a1e2.png);
	background-size: contain;
	background-position: center;
	z-index: -1;
	display: none
}

.ytube-container {
	width: 100%;
	height: 100%;
	background-color: #3a3a3a;
	color: #fff;
	line-height: 1.5;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.ytube-container a {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: underline
}

.ytube-container .yt-header {
	font-size: 20px;
	margin-top: auto;
	text-align: center
}

.ytube-container .yt-footer {
	margin-top: auto
}

.ytube-container .yt-footer a {
	font-size: 16px
}

.mobile-preview-overlay {
	background: none;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 200
}

.mobile-player.video_player .player-container .stage .slide_container .slide
	{
	width: 100%;
	margin: 0
}

#home.noscroll {
	position: fixed;
	overflow: hidden
}

.stage>.zoomout-instuctions {
	color: #fff;
	display: none;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1000
}

.stage>.zoomout-instuctions .content {
	background-color: #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	margin: 0 auto;
	opacity: .9;
	filter: "alpha(opacity=90)";
	padding: 10px 20px
}

.lead-cta-overlay {
	background-color: rgba(224, 224, 224, .93);
	bottom: 0;
	padding: 10px 15px;
	position: fixed;
	width: 100%;
	z-index: 1
}

.lead-cta-overlay .icon-button {
	color: gray;
	position: absolute;
	right: 5px;
	top: 5px
}

.lead-cta-overlay .overlay-content {
	margin-top: 10px
}

.lead-cta-overlay .overlay-content p {
	margin: 0
}

.lead-cta-overlay .overlay-content p a {
	font-weight: bold
}

.lead-cta-overlay .overlay-content #show-lead-form {
	margin: 5px 0 0 0
}