.join-button,
.login-wrapper a {
	display: block
}

.top-text {
    background: red;
    padding: 10px;
    color: #fff;
    font-size: 1.1em;
text-align: center;
}

body {
	font-family: "Open Sans", sans-serif
}


.img1 {
  animation: glow 6s ease-in-out infinite;
}

@keyframes glow {
  0%, 100% {
    filter: drop-shadow(0 0 0 rgba(255,255,255,0));
  }
  50% {
    filter: drop-shadow(0 0 12px rgba(255,255,255,0.4));
  }
}


.img-wrapper.type-jpg {
  position: relative;
  overflow: hidden;
}
.img-wrapper.type-jpg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.img-wrapper.type-jpg:hover::after {
  opacity: 1;
}

.top-bar {
	background: #336192;
	background: -moz-linear-gradient(top, #4d94d8 0, #192f4d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4d94d8), color-stop(100%, #192f4d));
	background: -webkit-linear-gradient(top, #4d94d8 0, #192f4d 100%);
	background: -o-linear-gradient(top, #4d94d8 0, #192f4d 100%);
	background: -ms-linear-gradient(top, #4d94d8 0, #192f4d 100%);
	background: linear-gradient(to bottom, #4d94d8 0, #192f4d 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4d94d8', endColorstr='#192f4d', GradientType=0)
}


.top-bar {
	height: 137px
}

.basic-fixed-layout .top-bar {
	height: 137px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 800
}

.bar-wrapper img {
	float: left;
	margin: 23px 0 0
}

.top-bar-selling-points {
	color: #FFF;
	float: left;
	font-size: 16px;
	padding: 30px 0 0 30px;
	width: 420px
}

.top-bar-selling-points li {
	float: left;
	padding: 0 0 30px 21px;
	width: 215px;
	height: 21px
}

.top-bar-selling-points li:nth-child(odd) {
	width: 155px
}

.bar-wrapper {
	width: 980px;
	margin: 0 auto
}

.bar-wrapper .login-wrapper {
	float: right;
	background: 0 0
}

.login-wrapper a:hover {
	background-position: bottom
}

.login-wrapper .login {
	height: 29px;
	width: 111px;
	float: right;
	margin: 15px 0
}

.login-wrapper .join {
	height: 58px;
	width: 296px;
	clear: both
}

.page {
	background-color: transparent;
	width: 100%;
	padding: 0;
	overflow-x: hidden;
}

.content,
.first-link,
.tour-pagination a:hover {
	background-color: #FFF
}

.basic-fixed-layout .small-padding {
	padding-top: 102px
}

.tour-pagination {
	margin: 0 auto;
	padding: 20px 30px 0;
	min-width: 0
}

.tour-pagination ul {
	float: right;
	height: auto
}

.tour-pagination li {
	float: left;
	margin: 0 2px
}

.tour-pagination ul {
	background-color: transparent;
	width: auto
}

.tour-pagination a {
	background-color: #e2e2e2;
	border-radius: 3px;
	color: #52585f;
	display: block;
	font-size: 12px;
	font-weight: 600;
	height: 29px;
	line-height: 30px;
	text-transform: capitalize;
	width: 30px
}

.next>a {
	width: 57px
}

.tour-pagination a:hover {
	box-shadow: none;
	text-decoration: none
}

.wrapper {
	width: auto;
	clear: both;
	max-width: 1850px
}

.elipses {
	float: left;
	width: 10px
}

.img-wrapper,
.img-wrapper .tgp-overlay,
.img-wrapper canvas,
.img-wrapper img,
.inline-ad a,
a.img-wrapper:after,
a.inline-ad {
	display: inline-block;
	height: auto;
	width: 446px
}

.img-wrapper {
	margin: 5px;
	overflow: hidden;
	position: relative
}



.img-wrapper.type-ads img {
	width: 100%;
	height: 283px;
}

a.img-wrapper {
	color: #666666;
	border: 0px solid #666;
}

.img-wrapper .tgp-overlay,
.img-wrapper canvas,
.img-wrapper img,
a.img-wrapper:after {
	display: block;
}

.img-wrapper .thumb-overlay {
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 7
}

.img-wrapper a:hover .tgp-overlay,
.img-wrapper a:hover .thumb-overlay,
a.img-wrapper:hover .thumb-overlay,
a.img-wrapper:hover:after {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	filter: alpha(opacity=100);
	opacity: 1
}

a.img-wrapper:after {
	content: '\0020'
}

a.img-wrapper.inline-ad:after,
a.img-wrapper.type-vid:after {
	content: none;
	display: none
}

.watch-them-here a {
	cursor: pointer;
	margin: 0 auto
}

.watch-them-here {
	padding: 20px 0;
	text-align: center;
}

.watch-them-here a:hover {
	background-position: bottom
}

.bottom-bar {
	background-color: #FFF;
	color: #000
}

.bottom-bar-wrapper {
	width: 980px;
	margin: 0 auto
}

.summer15 .page:before {
	content: "hot summer sale";
	font-size: 50px;
	color: #ff7a04;
	text-transform: uppercase;
	font-weight: 800;
	display: inline-block;
	margin-top: 23px
}

.summer15 .page>.content {
	margin: -47px 0 0;
	text-align: center
}

.content .login-wrapper,
.footer-wrapper,
.main-info {
	width: 980px;
	margin: 0 auto
}

.content .login-wrapper {
	background-color: transparent
}

@media all and (max-width:1160px) {
	.page:before {
		font-size: 40px;
		font-weight: 700
	}
}



.content {
	margin: 0 auto;
	width: 752px
}

@media screen and (min-width:1140px) {
	.content {
		width: 1118px
	}
}

@media screen and (min-width:1510px) {
	.content {
		width: 1484px
	}
}

@media screen and (min-width:1880px) {
	.content {
		width: 1850px
	}
}

.header-bar {
	
	color: #666666
}

.header-bar .content {
	background: 0 0;
	display: block;
	height: 90px;
	line-height: 90px;
	overflow: hidden;
	padding: 0 15px
}

.header-bar .left img,
.header-bar .right p {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}

.header-bar .left {
	float: left;
	text-align: left;
	
}

.header-bar .right {
	float: right;
	text-align: right;
	width: 280px;
padding-top: 5px;
}

.header-bar .right p {
	line-height: 1
}

.header-bar .right .link-login {
	display: inline-block;
	font-size: 12px;
	color: #FFF;
	background: #666;
	padding: 4px 8px;
	border-radius: 5px;
}

.header-bar .right a:hover.link-login {
	color: #FFF;
	background: #ea7005;
	text-decoration: none;
}

.header-bar .right .link-login:hover {
	text-decoration: underline
}

.header-bar .right .btn-join {
	background: #8e0007;
	border-radius: 5px;
	color: #FFF;
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: 45px;
	margin: 8px 0 15px;
	padding-left: 20px;
	position: relative;
	text-align: left;
	padding-right: 50px;
}

.header-bar .right .btn-join:hover {
	background: #ea7005
}

.header-bar .right .btn-join:after {
	background: url(../images/bg-btn-join.png) no-repeat;
	content: '\0020';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -12px;
	width: 18px;
	height: 24px
}

.header-bar .center {
	font-size: 27px;
	font-weight: 700;
	margin: 0 auto;
	padding: 5px;
	text-align: center
}

.header-bar .center li {
	display: inline-block;
	line-height: normal;
}

.header-bar .center li img,
.header-bar .center li p {
	display: inline-block;
	vertical-align: middle
}

.header-bar .center li p {
	line-height: 1.2
}

.header-bar .center b {
	font-size: 33px
}

.header-bar .center em {
	color: #ea7005;
	font-style: normal;
padding-left: 50px;
}

.header-bar .center li .award {
	margin: 0 40px
}

.metadata {
	float: left;
	font-size: 14px;
	height: 65px;
	line-height: 45px;
	overflow-y: hidden;
	padding-top: 20px;
	padding-left: 15px;
	text-align: left;
	width: 450px
}

@media screen and (min-width:1140px) {
	.metadata {
		font-size: 18px;
		width: 800px
	}
}

.metadata>li {
	display: inline-block
}

.metadata>li+li {
	margin-left: 3em
}

.intro-text {
	font-size: 14px;
	padding: 25px 0;
	text-align: left;
	width: 100%;
}

.intro-text h2 {
	font-size: 26px;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 100%;
	color: #ff6800;
padding: 0 10px;
}

.intro-text p {
	font-size: 16px;
	line-height: 140%;
	text-align: justify;
padding: 0 10px;
}

.intro-text a {
	font-weight: bold;
	text-decoration: underline;
}

.intro-text a:hover {
	color: #000;
	text-decoration: none;
}
.centerMe a{
	font-size: 14px;
}
.tour-pagination ul {
	margin-right: -15px;
	padding: 10px 0
}

.tour-pagination .first-link,
.tour-pagination a {
	box-shadow: -1px -1px 1px #E2E2E2
}

.tour-pagination .first-link,
.tour-pagination a:hover {
	background-color: #ea7005;
	color: #FFF
}

.img-wrapper,
.img-wrapper canvas,
.img-wrapper img,
.inline-ad,
a.img-wrapper:after {
		vertical-align: top
}


a.img-wrapper:after {
	background: url(../images/overlay-play.png) center center no-repeat;
	background-size: 90px 90px;
	opacity: 0;
}

a:hover.img-wrapper:after {
	opacity: 1;
	z-index: 999;
}

a.img-wrapper.type-ads:after {
	background: none;
}

.img-wrapper canvas,
.img-wrapper img {
	background: #EEE;
	/*border: 1px solid*/
	border-bottom: 1px solid #666;
}

.img-wrapper .scene-data {
	position: relative;
	text-align: left;
	padding: 5px;
	background: #c9c9c9;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.img-wrapper .scene-data .rating,
.img-wrapper .scene-data .time {
	color: #FFF;
	position: absolute;
	right: 0
}

.img-wrapper .scene-data .time {
	background: #000;
	font-size: 14px;
	line-height: 21px;
	margin: 0 1px 1px 0;
	padding: 0 7px;
	bottom: 100%;
	z-index: 9;
	display: none;
}

.img-wrapper .scene-data .rating {
	background: #ea7005;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 700;
	line-height: 25px;
	padding: 0 7px;
	top: 5px;
	text-align: right;
	width: 75px;
	display: none;
}

.img-wrapper .scene-data .rating:before {
	background: url(../images/bg-btn-rating.png) no-repeat;
	content: '';
	display: block;
	float: left;
	margin: 2px 0;
	width: 20px;
	height: 20px
}

.img-wrapper .scene-data .title {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.img-wrapper .scene-data .views {
	color: #000;
	line-height: 20px;
	font-size: 11px;
	background: #FFF;
	padding: 0px 4px;
}

.img-wrapper .scene-data .views b {
	font-weight: 600
}

.watch-them-here a {
	background: #ea7005;
	border-radius: 10px;
	color: #FFF;
	display: inline-block;
	font-size: 70px;
	font-weight: 700;
	padding: 1em 2em;
	width: 100%;
}

.watch-them-here a:hover {
	background: #8e0007
}

.footer-wrapper .compliance-area {
	width: 530px;
	float: right;
}

.footer-wrapper a {
	color: #8e0007;
}

@media screen and (min-width:1140px) {
	.watch-them-here a {
		font-size: 70px
	}

	.footer-wrapper .compliance-area {
		width: 650px
	}
}

.basic-fixed-layout .header-bar {
	position: relative;
	top: 0;
	width: 100%;
	z-index: 99
}

.basic-fixed-layout .page {
	padding-top: 0px
}

.videohere {
	display: inline-block;
	width: 970px;
	margin: 30px auto;
	vertical-align: top;
}

#fakeplayer {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

#fakeplayer h1.scene_caption {
	display: inline-block;
	width: 100%;
	text-align: left;
	font-size: 20px;
	margin: 0 0 10px 0;
	line-height: 100%;
	font-weight: normal;
}

#fakeplayer h4.scene_story {
	display: inline-block;
	width: 100%;
	text-align: left;
	font-size: 15px;
	margin: 0 0 10px 0;
	line-height: 135%;
	font-weight: normal;
}

#fakeplayer a.calltoaction {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 32px;
	margin-bottom: 15px;
	line-height: 100%;
}

/*
@font-face {
	font-family:'Glyphicons Halflings';
	src:url('/custom_assets/fonts/glyphicons-halflings-regular.eot');
	src:url('/custom_assets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
		url('/custom_assets/fonts/glyphicons-halflings-regular.woff') format('woff'),
		url('/custom_assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
		url('/custom_assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}*/
#player {
	float: left;
	width: 55%;
}

.block.playerRelatedBlock {
	clear: none;
	float: right;
	width: 45%;
}

.block.playerRelatedBlock .blockItem {
	padding: 0 4px 8px;
	width: 33.3333%;
}

.block.playerRelatedBlock .blockItem img.previewPlay {
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
	width: 64px;
}

.player-thumb {
	position: relative;
}

.player-window-play {
	background: url("../images/icon-play.png") no-repeat center center transparent;
	cursor: pointer;
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
	filter: alpha(opacity=60);
}

.player-window-play:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.player-window-loading {
	background: url("../images/loading.gif") no-repeat center center #000;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	z-index: 7;
}


.player-bar {
	background: #181818;
	position: relative;
	top: -12px;
	z-index: 10;
	display: inline-block;
	width: 100%;
}

.player-play {
	color: #ececec;
	font-size: 1.8em;
	padding: 0;
	cursor: pointer;
}

.player-play:hover {
	color: #fff;
}


.player-progress {
	clear: both;
	position: relative;
	color: #f00;
	padding: 0;
	margin: 0;
	min-height: 0 !important;
	cursor: pointer;
}

.player-progress .glyphicon {
	font-size: 1.5em;
	position: absolute;
	left: 0;
	top: 10px;
}

.progress-bar {
	background-color: #aaa;
}

.progress {
	background-color: #f5f5f5;
	height: 3px;
	overflow: hidden;
}

.progress-bar {
	background-color: #ea7005;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	color: #fff;
	float: left;
	font-size: 12px;
	height: 100%;
	line-height: 20px;
	text-align: center;
	width: 0;
}

.player-left-buttons,
.player-right-buttons {
	font: 300 20px/1.5 Helvetica, Arial, "Lucida Grande", sans-serif;
	padding-top: 5px;
	padding-bottom: 7px;
}

.player-left-buttons {
	float: left;
	padding-left: 15px;
}

.player-left-buttons>span,
.player-right-buttons>span {
	color: #747474;
	float: left;
	padding: 0 0.5em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	vertical-align: middle;
}

.player-left-buttons>span:hover,
.player-right-buttons>span:hover {
	color: #f2f2f2;
	cursor: pointer;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}


.player-right-buttons {
	float: right;
	padding-right: 15px;
}

.player-time {
	color: #fff;
	float: left;
	font-size: 0.75em;
	font-weight: 300;
	line-height: 1;
	padding: 0.3em 10px 0;
	text-align: left;
}

.player-time span {
	font-weight: 400;
}

.player-hd {
	color: #ececec;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	font-style: italic;
	padding: 6px 3px 3px 0;
	min-height: 38px !important;
	cursor: pointer;
}

.player-hd:hover {
	color: #fff;
}

.player-reg-window {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 3;
	display: none;
	overflow: auto !important;
}

.player-reg-window2 {
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 30;
}

.player-reg-window2-container {
	/*background-color: #000;*/
	height: auto;
	font-size: 15px;
	margin: 0% 8%;
	text-align: center;
	color: #FFF;
	padding: 10px 0;
}

.player-reg-stop {
	color: #fff;
	font-size: 2.9em;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5em 0 0.25em;
	text-align: center;
	width: 98%;
}

.player-reg-stop.smaller {
	font-size: 42px;
}

.player-thumb,
.player-reg-thumb {
	height: 0;
	padding-bottom: 57%;
	overflow: hidden;
}

.player-reg-thumb {
	float: left;
	position: relative;
	padding: 0 10px 30%;
	width: 50%;
}

.player-thumb>img {
	width: 100%;
	vertical-align: top;
	display: inline-block;
}

.player-reg-notice {
	color: #fff;
	float: right;
	font-size: 2.35em;
	padding: 10px;
	line-height: 1;
	text-align: center;
	width: 50%;
}

.player-reg-notice hr {
	margin: 0.5em 0;
}

.player-reg-button {
	margin: 1.8em auto 0;
	padding: 0;
	text-align: center;
	width: 98%;
}

.player-reg-button a {
	display: inline-block;
	width: 100%;
	text-align: center;
	background: #fabd03;
	/* Old browsers */
	background: -moz-linear-gradient(top, #fabd03 0%, #e79408 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fabd03 0%, #e79408 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fabd03 0%, #e79408 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fabd03', endColorstr='#e79408', GradientType=0);
	/* IE6-9 */
	color: #FFF !important;
	text-shadow: #000 1px 1px 1px;
	font-size: 80px;
	border-radius: 10px;
	padding: 0;
	margin-top: 5px;
	font-weight: 700;
	letter-spacing: -1px;
	vertical-align: top;
}

.player-reg-button a:hover {
	background: #b0edee;
	/* Old browsers */
	background: -moz-linear-gradient(top, #b0edee 0%, #27a0a2 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #b0edee 0%, #27a0a2 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #b0edee 0%, #27a0a2 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0edee', endColorstr='#27a0a2', GradientType=0);
	/* IE6-9 */
}

.player-reg-button a:active {
	-webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35) inset;
	-moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35) inset;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35) inset;
	text-shadow: 1px 2px 0 #000;
	position: relative;
	top: 1px;
	left: 1px;
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.glyphicon-play:before {
	content: "\e072";
}

.glyphicon-volume-up:before {
	content: "\e038";
}

.glyphicon-time:before {
	content: "\e023";
}

.glyphicon-cog:before {
	content: "\e019";
}

.glyphicon-fullscreen:before {
	content: "\e140";
}

.overlay-image {
	display: inline-block;
	margin-top: 80px;
	margin-left: 80px;
}

.overlay-join {
	text-align: center;
	cursor: default;
	display: inline-block;
	width: 500px;
	margin: 30px auto;
	margin-top: 60px;
}

.overlay-join.highlight {
	box-shadow: #CCC 5px 5px 0px;
}

.overlay-join form {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 15px;
}

.overlay-join .join_default,
.overlay-join .join_alt {
	display: inline-block;
	width: 100%;
	margin: 0;
	border: 0;
	background: #c1c1c1;
	padding: 20px;
}

.overlay-join .join_alt {
	display: none;
}

.overlay-join .form-row {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	vertical-align: top;
}

.overlay-join .form-row .left {
	display: inline-block;
	width: 120px;
	vertical-align: top;
	text-align: right;
	margin-right: 10px;
}

.overlay-join .form-row .left label {
	display: inline-block;
	margin-top: 6px;
}

.overlay-join .form-row .right {
	display: inline-block;
	width: 300px;
	vertical-align: top;
	text-align: left;
}

.overlay-join .form-row .join-error,
.overlay-join .form-row .join-helper {
	display: inline-block;
	width: 100%;
	margin-bottom: 2px;
	color: #555;
	font-size: 11px;
}

.overlay-join .form-row .join-error {
	color: #e5666c;
}

.overlay-join .form-row input[type="text"],
.overlay-join .form-row input[type="password"],
.overlay-join .form-row input[type="email"] {
	border: 1px solid #CCC;
	width: 240px;
	padding: 4px 8px;
	border: 0;
	background: #FFF;
	color: #222;
	font-size: 15px;
}

.overlay-join .form-row.fullwidth h3 {
	margin-bottom: 10px;
}

.overlay-join .form-row.fullwidth label {
	display: block;
	background: #000;
	color: #FFF;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #444;
	max-width: 90%;
	margin: 0 auto;
	margin-bottom: 2px;
	cursor: pointer;
	position: relative;
}

.overlay-join .form-row.fullwidth label.active {
	color: #FFF;
	font-weight: bold;
	border: 1px solid #8e0007;
}

.overlay-join .form-row.fullwidth label.active {
	background: #f20004;
	/* Old browsers */
	background: -moz-linear-gradient(top, #f20004 0%, #8e0007 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f20004 0%, #8e0007 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f20004 0%, #8e0007 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f20004', endColorstr='#8e0007', GradientType=0);
	/* IE6-9 */
}

.overlay-join .form-row.fullwidth label input {
	position: absolute;
	left: 10px;
	top: 12px;
}

.overlay-join input[type="submit"] {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	border: none;
	background: #ea7005;
	color: #FFF;
	cursor: pointer;
	border-radius: 5px;
	padding: 10px 20px;
	margin: 0 auto;
}

.overlay-join input[type="submit"]:hover {
	background: #f20004;
	/* Old browsers */
	background: -moz-linear-gradient(top, #f20004 0%, #8e0007 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f20004 0%, #8e0007 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f20004 0%, #8e0007 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f20004', endColorstr='#8e0007', GradientType=0);
	/* IE6-9 */
}

.hero {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}

.header-video {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	position: relative;
	top: 0;
	left: 0;
	z-index: 5;
}

.header-video-overlay {
	display: flex;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 10;
	height: 100%;
	align-items: center;
	justify-content: center;
}

.header-video-overlay h3 {
	color: #FFF;
	text-shadow: #333 1px 1px 5px;
	font-size: 70px;
	font-weight: bold;
	line-height: 100%;
}

.buttons-row {
	display: inline-block;
	width: 100%;
	margin: 20px 0;
	text-align: center;
}

.buttons-row a {
	display: inline-block;
	line-height: 100%;
	font-size: 40px;
	padding: 10px 30px;
	border: 2px solid #FFF;
	color: #FFF;
	text-shadow: #333 1px 1px 5px;
	border-radius: 40px;
	margin: 5px;
}

.buttons-row a:hover {
	background: #ea7005;
}

.buttons-row a.highlight {
	background: #ea7005;
}

.buttons-row a:hover.highlight {
	background: #8e0007;
}

.video-spot {
	display: inline-block;
	width: 100%;
	position: relative;
}

.video-spot img.placeholder {
	display: inline-block;
	width: 100%;
	position: relative;
	z-index: 1;
}

.header-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1510px) {
	.videohere {
		margin: 30px auto 0 auto;
	}

	.overlay-join {
		width: 100%;
		margin: 0 auto 30px auto;
	}


}

@media screen and (max-width: 1140px) {
	.videohere {
		width: 752px;
	}

	.content .login-wrapper,
	.footer-wrapper,
	.main-info {
		width: 100%;
	}

	.basic-fixed-layout .header-bar {
		position: relative;
	}

	.basic-fixed-layout .page {
		padding-top: 0px;
	}

	.header-bar .right .btn-join {
		font-size: 15px;
		line-height: 35px;
	}

	.intro-text {
		padding: 15px 10px;
	}

	.intro-text h2 {
		font-size: 20px;
		color: #ff6800;
		font-weight: bold;
		text-align: center;
	}


}

@media all and (max-width:1080px) {

	.header-video-overlay h3 {
		font-size: 46px;
	}

	.buttons-row a {
		font-size: 30px;
	}

	.watch-them-here a {
		font-size: 46px;
	}
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
	body {
		overflow-x: hidden;
	}

	.content {
		width: 100%;
	}

	.header-bar .left {
		width: 220px;
	}

	.header-bar .center {
		display: none;
	}

	.watch-them-here a {
		height: auto;
		line-height: 100%;
		font-size: 20px;
		padding: 20px 10px;
	}

	footer {
		padding: 15px 0;
	}

	.content .login-wrapper,
	.footer-wrapper,
	.main-info {
		width: 100%;
	}

	.logo-area {
		width: 100%;
		text-align: center;
		padding: 10px 0;
	}

	.logo-area img {
		max-width: 240px;
	}

	.footer-wrapper .compliance-area {
		border: none;
		width: 100%;
		text-align: center;
	}

	.videohere {
		width: 420px;
	}

	.overlay-join .join_default,
	.overlay-join .join_alt {
		width: 100%;
	}

	.overlay-join .form-row .right {
		width: 170px;
	}

	.overlay-join .form-row input[type="text"],
	.overlay-join .form-row input[type="password"],
	.overlay-join .form-row input[type="email"] {
		width: 100%;
	}

	.overlay-join .form-row .join-error,
	.overlay-join .form-row .join-helper {
		font-size: 9px;
	}

	.overlay-join .form-row.fullwidth label {
		max-width: 100%;
		font-size: 12px;
	}

	.overlay-join input[type="submit"] {
		white-space: normal;
	}

	.overlay-image {
		margin-top: 10px;
		margin-left: 10px;
		width: 100%;
	}

	.overlay-image img {
		max-width: 100%;
	}

	#fakeplayer h4.scene_story {
		font-size: 12px;
		text-align: justify;
	}

	#fakeplayer a.calltoaction {
		display: none;
	}

	.img-wrapper {
		width: 48%;
	}
}

/* Mobile Portrait */
@media only screen and (max-width: 579px) {
	.header-bar .content {
		height: 112px;
		line-height: 100%;
	}

	.header-bar .left {
		width: 100%;
		text-align: center;
	}

	.header-bar .left img {
		max-width: 280px;
	}

	.header-bar .right {
		width: 100%;
		text-align: center;
	}

	.header-video-overlay {
		position: static;
	}

	.video-overlay-inner {
		padding: 5px;
		text-align: center;
		background: rgb(0 0 0/.6);
		border-radius: 4px;
	}

	.header-video-overlay h3 {
		font-size: 26px;
	}

	.header-video-overlay .buttons-row {
		margin: 4px 0;
	}

	.header-video-overlay .buttons-row a {
		font-size: 18px;
	}


	.metadata {
		width: 100%;
	}

	.wrapper {
		width: 340px;
		margin: 0 auto;
	}

	.img-wrapper {
		width: 46%;
		height: auto;
		display: inline-block;
	}

	.img-wrapper canvas,
	.img-wrapper img {
		width: 100%;
	}


	a.type-ads .scene-data {
		display: none;
	}

	.videohere {
		width: 300px;
	}

	.glyphicon-time {
		display: none;
	}

	.overlay-join .form-row .left,
	.overlay-join .form-row .right {
		width: 100%;
		margin: 0 0 2px 0;
		text-align: center;
	}

	.overlay-join .form-row.fullwidth label {
		padding: 20px 10px;
		font-size: 13px;
	}

	.overlay-join .form-row.fullwidth label input {
		opacity: 0;
	}

	.overlay-join input[type="submit"] {
		font-size: 15px;
	}

	.img-wrapper .scene-data {
		flex-direction: column;
		min-height: 60px;
		justify-content: center;
	}

	.img-wrapper .scene-data .title {
		margin-bottom: 4px;
	}
}

@media only screen and (max-width: 280px) {
	.wrapper{
		width: 280px;
	}
	.header-video-overlay h3 {
		font-size: 20px;
	}

	.header-video-overlay .buttons-row a {
		font-size: 16px;
		padding: 6px 12px;
	}

	.intro-text h2 {
		font-size: 16px;
	}
	.img-wrapper{
		width: 45%;
	}
	.img-wrapper .scene-data{
		min-height: 80px;
	}
}