@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: 'p22_mackinacextra_bold';
	src: url('../fonts/p22mackinacextrabold-webfont.eot');
	src: url('../fonts/p22mackinacextrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/p22mackinacextrabold-webfont.woff2') format('woff2'), url('../fonts/p22mackinacextrabold-webfont.woff') format('woff'), url('../fonts/p22mackinacextrabold-webfont.ttf') format('truetype'), url('../fonts/p22mackinacextrabold-webfont.svg#p22_mackinacextra_bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	background: url(../images/parallax/bg-3.jpg);
	font-family: "Open-Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	overflow-x: hidden;
	/*text-shadow: 1px 1px 1px #464646;
	-moz-text-shadow: 1px 1px 1px #464646;
	-webkit-text-shadow: 1px 1px 1px #464646;*/
	line-height: 23px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'p22_mackinacextra_bold', "Open-Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a {
	color: #485D72;
}
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
	color: #375d7d;
}
hr {
	clear: both;
	margin: 20px 0 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.4);
}
h3 {
	margin: 20px 0px;
	text-transform: uppercase;
	font-size: 1.7rem;
	color: #FFF;
}
h3 span {
	display: block;
	color: #fce04c;
	margin: 10px 0 0;
}
h4 {
	font-size: 20px;
	color: #eae1cf;
	text-transform: uppercase;
	margin: 0 0 20px;
}
h5 {
	font-size: 16px;
	color: #eae1cf;
	text-transform: uppercase;
	margin: 0 0 5px;
}
#pre-order-cta {
	float: left;
	position: absolute;
	z-index: 99;
	top: 90px;
}
.wrapper {
	margin: 51px auto 0;
}
.navbar {
	text-shadow: none;
	font-family: 'p22_mackinacextra_bold', "Open-Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar-fixed-top {
	border: 0;
	margin: 0 auto;
}
#navbar li {
	text-decoration: none;
}
#navbar li a {
	color: #FFF;
	transition: 0.5s ease;
	margin: 0;
}
#navbar li a:hover, #navbar li a:focus {
	background: rgba(0, 0, 0, 0.10);
	color: #FFF !important;
}
@media only screen and (max-width:767px) {
    #navbar li ul a:hover, #navbar ul li a:focus {
        background: rgba(0, 0, 0, 0.10);
        color: #573e21 !important;
    }
    #navbar li ul a {
        color: #573e21 !important;
    }
}
.navbar-toggle {
	background: none;
	z-index: 9999;
	padding: 0;
	margin: 16px 14px;
}
.navbar-toggle .icon-bar {
	background: #ebe2d4;
}
.social img {
	height: 22px;
}
.social a {
	padding: 0 10px !important;
	font-size: 24px;
}
.lang {
	position: absolute;
	right: 0;
}
.lang li a {
	line-height: 60px;
	display: block;
	padding: 0 10px;
	text-decoration: none;
}
.date {
    font-family: 'p22_mackinacextra_bold', 'open-sans', sans-serif;
	color: #FFF;
	font-size: 20px;
	margin: 0;
	padding: 20px 0;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.date a {
	color: #FFF;
}
.date a:hover {
	color: cyan;
}
.date span {
	clear: both;
	display: block;
	margin: 15px 0 0;
}
.platforms {
	margin: 20px 0 40px;
}
.platforms .platform {
	display: inline-block;
	cursor: pointer;
	opacity: .9;
	-webkit-transition: opacity, .4s;
	transition: opacity, .4s;
	margin: 0 13px;
}
.platforms .platform svg {
	fill: #FFF;
	height: 60px;
}
.mobile_container {
    padding: 10px;
    margin: 0 auto;
    width:320px;
}
.android img {
    float: left;
    width:150px;
    padding: 5px;
}
.ios img {
    float: left;
    width:150px;
    padding: 5px;
}
@media only screen and (max-width:350px) {
    .mobile_container {
    padding: 10px;
    margin: 0 auto;
    width:100%;
        text-align: center;
}
.android img {
    float: none;
    width:150px;
    padding: 5px;
}
.ios img {
    float: none;
    width:150px;
    padding: 5px;
}
}
#trailer-btn {
	display: inline-block;
	margin: 30px 0 0;
	font-size: 20px;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: none;
	font-family: 'p22_mackinacextra_bold', "Open-Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#trailer-btn:hover {
	text-decoration: none;
}
#logo {
	text-align: center;
}
.main-container {
	background: #FFF;
	max-width: 1000px;
	margin: 25px auto;
	position: relative;
}
.cta-holder {
	clear: both;
	margin: 0;
	padding: 0;
}
.cta-holder li {
	display: inline-block;
}
.btn-default {
	font-family: 'p22_mackinacextra_bold', "Open-Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: url(../images/btn-bg.png);
	color: #375d7d;
	display: block;
	text-shadow: none;
	position: relative;
	text-decoration: none;
	transition: background-color 0.5s ease;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 0;
	border: 0;
	height: 75px;
	line-height: 75px;
}
.btn:active {
	background-image: url(../images/btn-bg.png);
}
.btn-default.invert {
	background: #d2d2d2;
	color: #223d44;
}
.btn-default:before, .btn-default:after {
	content: "\00a0";
	position: absolute;
	width: 34px;
	height: 75px;
}
.btn-default:before {
	background: url(../images/btn-left.png);
	left: -34px;
}
.btn-default:after {
	background: url(../images/btn-right.png);
	right: -34px;
}
#about-holder {
	background: url(../images/tear-bg.png);
	margin: 0;
	/*z-index: -1;
	position: relative;*/
	color: #FFF;
}
#about-holder .container .row .col-lg-10:before {
	content: "\00a0";
	height: 192px;
	width: 223px;
	display: block;
	background: url(../images/bats-left.png);
	position: absolute;
	left: -133px;
	top: -40px;
}
#features:after {
	content: "\00a0";
	height: 280px;
	width: 434px;
	display: block;
	background: url(../images/bats-right.png);
	position: relative;
	margin-top: -280px;
	float: right;
	margin-right: -180px;
}
#about:before, #about:after {
	content: "\00a0";
	height: 58px;
	width: 100%;
	display: block;
}
#about:before {
	background: url(../images/tear-top.png);
	opacity: 0.85;
}
#about:after {
	background: url(../images/tear-bottom.png);
	position: absolute;
	z-index: 999;
}
#features {
	background: url(../images/tear-bg.png);
	margin: 0;
	overflow: hidden;
}
#features h3 {
	color: #fce04c;
	font-size: 21px;
	font-weight: normal !important;
	padding: 20px 0 10px;
	margin: 0;
}
#features img {
	border: 5px solid #f3eddf;
	box-shadow: 0px 0px 10px #777;
}
#features .img-holder-bottom:before, #features .img-holder-bottom:after, #features .img-holder:before, #features .img-holder:after {
	width: 33px;
	height: 33px;
	content: "\00a0";
	position: absolute;
	background: url(../images/video-frame.png);
}
#features .img-holder-bottom:before {
	margin-top: -20px;
	left: 5px;
	transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
}
#features .img-holder-bottom:after {
	margin-top: -20px;
	right: 5px;
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
#features .img-holder:before {
	top: -10px;
	left: 5px;
}
#features .img-holder:after {
	top: -10px;
	right: 5px;
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}
.features-heading {
	font-size: 35px;
}
.larger {
	font-size: 17px !important;
}
#about-holder h1 {
	margin: 20px 0 30px;
	color: #fce04c;
	text-transform: uppercase;
	font-size: 2rem;
}
.page-template-buy-now #about-holder h1 {
	margin: 0 0 10px;
	color: #fce04c;
	text-transform: uppercase;
	font-size: 2rem;
}
#about-holder .container, #features .container {
	clear: both;
	color: #485D72;
	padding: 40px 15px;
	text-shadow: none;
}
#about-holder p, #features p {
	font-size: 15px;
	color: #eae1d3;
}
#about-holder .container {
	position: relative;
}
#about-holder h1 span {
	display: block;
	font-size: 35px;
	color: #989898;
}
#trailer .container {
	padding: 0px 35px;
}
.content-ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	list-style: none;
}
.content-ul li {
	margin: 0 0 10px;
	font-size: 15px;
	width: 33%;
	padding: 0 10px;
}
.content-ul li strong {
	display: block;
	color: #fce04c;
	font-size: 20px;
	font-family: 'p22_mackinacextra_bold', "Open-Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal !important;
	line-height: 25px;
	padding: 0 0 10px;
}
.content-ul li {
	color: #eae1d3;
}
#sign-up:before {
	content: "\00a0";
	height: 58px;
	width: 100%;
	display: block;
	background: url(../images/tear-top.png);
	margin: -128px 0 0;
	z-index: 999;
	position: absolute;
}
#sign-up:after {
	content: "\00a0";
	height: 58px;
	width: 100%;
	display: block;
	background: url(../images/tear-bottom.png);
	margin: 70px 0 0;
	position: absolute;
	z-index: 999;
}
#sign-up {
	background: url(../images/tear-bg.png);
	color: #FFF;
	clear: both;
	overflow: hidden;
}
#sign-up h2 {
	text-transform: uppercase;
	text-align: center;
}
#sign-up p {
	text-align: center;
}
#mc_embed_signup .btn-default:before {
	border: 0;
}
#mc_embed_signup .btn-default {
	padding: 0;
	margin: 0;
	border: 0;
}
#mc_embed_signup input {
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	margin: 2px 0 0;
}
#sign-up a {
	text-decoration: underline;
	color: #FFF;
}
#sign-up-btn {
	display: none;
	left: -55px;
	position: fixed;
	z-index: 999;
	text-align: center;
	top: 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}
#sign-up-btn span {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	writing-mode: lr-tb;
	display: block;
	font-size: 20px;
}
#sign-up-btn span a {
	text-decoration: none;
	display: block;
}
#mc_embed_signup input[type=text], #mc_embed_signup input[type=email] {
	background: #FFF;
	border: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	color: #928f88;
	font-size: 12px;
	outline: none;
}
#mc_embed_signup input[type=checkbox] {
	margin: 5px 10px 0 0;
	vertical-align: top;
	float: left;
	height: inherit;
}
.owl-carousel .owl-wrapper-outer {
	text-align: center;
}
.owl-carousel-2 .owl-item img {
	width: 95%;
}
.owl-theme .owl-controls .owl-page span {
	background: #223d44 !important;
	border-radius: 0 !important;
	width: 16px !important;
	height: 16px !important;
	opacity: 1 !important;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	background: #FFF !important;
}
.owl-theme .owl-controls .owl-buttons div {
	display: block !important;
	padding: 0 !important;
	margin-top: -60px!important;
	font-size: 0 !important;
	opacity: 1 !important;
	border-radius: 0 !important;
	width: 135px;
	height: 75px;
	background: none !important;
}
.owl-prev {
	float: left;
	left: -40px !important;
	z-index: 9999;
	position: relative;
	background-position: left;
}
.owl-prev:hover {
	transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
}
.owl-next {
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	float: right;
	right: -40px !important;
	z-index: 9999;
	position: relative;
	background-position: right;
}
.owl-next:hover {
	transform: rotate(190deg);
	-moz-transform: rotate(190deg);
	-webkit-transform: rotate(190deg);
	-ms-transform: rotate(190deg);
}
#youtube a {
	background: url(../images/play-btn.png) center no-repeat;
	display: block;
}
#youtube:hover {
	animation: animatedBackground 1s ease-out 1;
	-moz-animation: animatedBackground 1s ease-out 1;
	-webkit-animation: animatedBackground 1s ease-out 1;
	animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
#terms-and-conditions {
	padding: 0 10px 0 0;
}
#terms-and-conditions h1 {
	margin: 0;
}
.fancybox-type-inline .fancybox-inner {
	overflow-y: scroll !important;
}
/* Sign up popup styles */
.sign-up-popup a {
	color: #FFF;
}
.fancybox-skin {
	background: url(../images/sign-up-popup.png) #000 !important;
	color: #FFF !important;
	border-radius: 0 !important;
}
.fancybox-skin h2 {
	text-transform: uppercase;
	margin: 0 0 20px;
}
.fancybox-skin input[type=text] {
	float: none !important;
	width: 100% !important;
	height: 53px;
	padding: 0 20px;
	color: #666;
	font-style: italic;
	border: 0;
	border-radius: 0;
}
.fancybox-skin button::before {
	border: 0;
}
.fancybox-wrap {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
footer {
	/*background: #171717 !important;*/
	padding: 50px 0 20px !important;
	text-align: center;
	color: #FFF;
}
footer a {
	color: #FFF;
	text-decoration: underline;
}
footer a:hover {
	color: #FFF;
}
footer p {
	margin: 0;
}
.footer-logos {
	text-align: center;
	margin: 0;
}
.footer-logos li {
	display: inline-block;
	margin: 10px 12px;
}
.footer-logos li img, .footer-logos li svg {
	height: 45px;
	vertical-align: middle;
}
.footer-logos li svg {
	fill: #FFF;
}
.footer-logos li:last-of-type img {
	height: inherit;
}
.esrb {
	display: none;
}
:lang(en-US) .esrb {
	display: inline-block;
}
.fullscreen-bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -100;
}
.fullscreen-bg-black {
	background: url(../images/video-bg.png) repeat-x bottom rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	display: block;
	z-index: -2;
	position: fixed;
	top: 0;
}
.fullscreen-bg-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (min-aspect-ratio: 16/9) {
.fullscreen-bg-video {
	height: 300%;
	top: -100%;
}
}
@media (max-aspect-ratio: 16/9) {
.fullscreen-bg-video {
	width: 300%;
	left: -100%;
}
}
@media screen and (max-width: 782px) {
.logged-in .navbar-fixed-top {
	top: 46px;
}
}
@media screen and (max-width: 767px) {
h3 {
	font-size: 1.3rem;
}
.navbar-fixed-top.container {
	width: 100%;
}
.tab-content.current {
	overflow: auto;
	height: 100vh;
}
.logo {
	width: 70%;
	margin: 10px auto;
}
.lang {
	display: none;
}
#menu-main-menu {
	margin: 5px 0px;
}
.navbar {
	background: url(../images/nav-bg.png) repeat-x #bc914f;
	background-size: 1px 59px;
	min-height: 55px;
	padding: 0px;
}
#navbar li a {
	margin: 0;
	padding: 8px 15px;
}
.navbar-header {
	min-height: 55px;
}
.navbar-nav {
	padding: 0;
}
.navbar-nav.pull-right {
	float: none !important;
}
.navbar-nav li span a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	cursor: pointer;
}
#nav-icon3 {
	width: 30px;
	height: 25px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
#nav-icon3 span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #ffffff;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) {
	top: 0px;
}
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
	top: 8px;
}
#nav-icon3 span:nth-child(4) {
	top: 16px;
}
#nav-icon3.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}
#nav-icon3.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}
.social {
	display: none;
}
.cta-holder {
	clear: both;
	margin: 0;
	padding: 0;
}
.cta-holder li:last-of-type {
	margin: 0;
}
.video-wrapper {
	background-size: auto 122% !important;
}
.pull-right {
	float: none !important;
}
#pre-order-cta {
	width: 140px;
}
.fancybox-skin h2 {
	font-size: 25px;
	line-height: 30px;
}
.fancybox-skin button {
	width: 100%;
}
.feature-op {
	margin: 67px 0 0;
}
#pre-order-cta {
	top: 90px !important;
}
.fullscreen-bg-video {
	width: inherit;
	height: 100%;
}
.fullscreen-bg {
	display: none;
}
#pre-order-nav {
	margin: 55px 0 0 !important;
	line-height: 20px !important;
	padding: 15px 0;
	min-height: inherit !important;
	overflow: hidden;
}
#pre-order:after, #pre-order-wrapper:after {
	background-size: contain !important;
}
.pre-order {
	margin: -10px 0 0 !important;
}
.btn-default {
	margin: 0 35px;
	font-size: 13px;
	padding: 0 5px;
}
#about-holder .container .row .col-lg-10:before {
	left: -165px;
	top: -80px;
}
#features:after {
	margin: -280px -310px 0 0;
}
#featured-video .col-xs-12 {
	margin: 15px 0;
}
#trial-video {
	margin: 20px 0 0;
}
.packshot {
	margin: 0 0 40px;
}
.page-template-trial .btn-default {
	padding: 0 15px;
}
.page-template-trial .video-play, .page-template-buy-now .video-play {
	background: url(../images/video-btn.png) no-repeat center 20px;
	background-size: 27%;
}
:lang(en-US) .video-play:before {
	width: 100%;
	height: 84px;
	background: url(../images/logos/ESRB.png) no-repeat center;
	background-size: contain;
	z-index: 999;
	bottom: 0;
	left: 0;
}
}
@media (max-width: 1024px) {
.fullscreen-bg {
	display: none;
}
}
@media (min-width: 1025px) {
.viewport {
	display: none !important;
}
}
@media screen and (max-width: 440px) {
.feature-op {
	margin: 98px 0 0;
}
#pre-order-cta {
	top: 130px !important;
}
}
@media screen and (min-width:768px) {
#pre-order-wrapper {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.navbar {
	background: #000;
	border: 0;
}
.navbar-nav-middle {
	float: none;
	text-transform: uppercase;
	text-align: center;
}
.navbar-nav-middle>li {
	float: none;
	display: inline-block;
}
.nav-link {
	line-height: 60px;
}
.navbar-nav>li>a {
	line-height: 60px;
	display: block;
}
.navbar-nav li span a {
	padding: 21px 10px;
	text-decoration: none;
	cursor: pointer;
}
.nav .open>a {
	background: none !important;
}
.dropdown-menu {
	background: #bc914f;
	margin: 9px 0 0 -55px;
	padding: 0;
	border: 0;
	border-radius: 0;
}
.dropdown-menu li a {
	padding: 0 15px;
	line-height: 47px;
	display: block;
}
.pull-right {
	font-size: 15px;
}
.cta-holder li {
	margin: 0 !important;
}
.perspective {
	top: -170px;
}
.sign-up-popup {
	padding: 30px;
}
.fancybox-outer, .fancybox-inner {
	background: transparent url(../images/logo.png) no-repeat scroll right bottom 180px auto;
	background-size: 180px;
}
/* New Nav */
.navbar-brand {
	width: 145px;
	height: 80px;
	background: url(../images/logo.png) no-repeat;
	font-size: 0;
	background-size: cover;
	margin: 12px 40px 0 0;
	padding: 0;
}
.nav-link {
	font-size: 15px;
	color: #533520;
	font-weight: normal;
}
.nav-link:hover {
	color: #29180c;
}
#main-menu li:after {
	width: 35px;
	height: 132px;
	background: url(../images/nav-spacer.png);
	content: " ";
	position: absolute;
	top: 0;
	margin: 0 0 0 -17px;
	z-index: -1;
}
#menu-item-27 .nav-link:before {
	margin: 0 0 0 -27px !important;
}
.navbar {
	margin: 0 auto !important;
	padding: 0;
	z-index: 1000 !important;
	background: url(../images/nav-bg.png);
	height: 69px;
	background-size: 100% 69px;
}
.navbar:before {
	height: 75px;
	width: 22px;
	background: url(../images/nav-left.png);
	content: " ";
	left: -21px;
	position: absolute;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
}
.navbar:after {
	height: 75px;
	width: 22px;
	background: url(../images/nav-right.png);
	content: " ";
	right: -22px;
	position: absolute;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
}
.social {
	position: absolute;
}
.social li {
	float: left;
}
.social li a {
	text-decoration: none;
}
.btn-default {
	margin: 20px 35px;
	font-size: 16px;
	padding: 0 35px;
}
.video-wrapper {
	background: rgba(0, 0, 0, 0.7);
	background-size: auto 102% !important;
}
#about-holder .container .row .col-lg-10:before {
	left: -133px;
	top: -40px;
}
#features:after {
	margin: -280px -180px 0 0;
}
:lang(en-US) .page-template-trial .video-play:before {
	bottom: 20px;
	right: 20px;
	width: 175px;
	background-size: cover !important;
	background: url(../images/logos/ESRB.png) no-repeat;
}
.page-template-trial .video-play, .page-template-buy-now .video-play {
	background: url(../images/video-btn.png) no-repeat center;
	background-size: inherit;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-nav>li>a {
	padding: 15px 10px;
}
#pre-order {
	width: 720px;
}
#pre-order-cta {
	width: 170px;
}
.logo {
	width: 350px;
	margin: 60px auto;
}
#pre-order-wrapper {
	width: 750px;
}
#pre-order:after, #pre-order-wrapper:after {
	height: 20px;
}
.page-template-trial .logo {
	margin: 30px auto;
}
.page-template-trial h3 {
	margin: 50px 0px 0;
	font-size: 1.2rem;
}
.page-template-trial .btn-default {
	margin: 20px 35px;
	font-size: 14px;
	padding: 0 15px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.logo {
	width: 360px;
	margin: 25px auto;
}
.navbar-nav>li>a {
	padding: 0 7px !important;
}
.nav .pull-right {
	float: none !important;
}
#pre-order {
	width: 940px;
}
#pre-order-wrapper {
	width: 970px;
}
#pre-order-cta {
	width: 200px;
}
#pre-order:after, #pre-order-wrapper:after {
	height: 26px;
}
.platforms {
	margin: 0 0 20px;
}
#trial-video {
	margin: 50px 0 0;
}
h3 {
	font-size: 1.35rem;
	margin: 0;
}
}
@media (min-width: 1200px) and (max-width:1399px) {
.logo {
	width: 350px;
	margin: 35px auto 15px;
}
.navbar-nav>li>a {
	padding: 0px 11px !important;
}
.fr .nav>li>a {
	padding: 15px 3px;
}
.it .nav>li>a {
	padding: 15px 6px;
}
.de .nav>li>a {
	padding: 15px 6px;
}
.es .nav>li>a {
	padding: 15px 8px;
}
.ru .navbar-nav-middle>li>a {
	padding: 15px 5px;
	font-size: 13px;
}
#pre-order-wrapper {
	width: 1170px;
}
#pre-order {
	width: 1140px;
}
#pre-order-cta {
	width: 200px;
}
#cookie-law {
	font-size: 13px;
}
footer {
	font-size: 12px;
}
#pre-order:after, #pre-order-wrapper:after {
	height: 30px;
}
#trial-video {
	margin: 35px 0 0;
}
}
@media (min-width: 1400px) {
.container {
	width: 1370px;
}
.fr .nav>li>a {
	padding: 15px 12px;
}
.logo {
	width: 450px;
	margin: 65px auto 15px;
}
#pre-order {
	width: 1340px;
}
#pre-order-wrapper {
	width: 1370px;
}
#pre-order-cta {
	width: 260px;
}
.ru .nav>li>a {
	padding: 15px 11px;
}
#media {
	width: 1400px;
	margin: 0 auto;
}
#pre-order:after, #pre-order-wrapper:after {
	height: 38px;
}
#trial-video {
	margin: 65px 0 0;
}
}
@media (min-width: 1200px) {
#pre-order-cta {
	width: 260px;
}
}
#cookie-law {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #223D44;
	overflow: hidden;
	border-top: 1px solid #000000;
	outline: 1px solid #FFF;
	z-index: 999;
}
#cookie-law .col-lg-1, #cookie-law .col-md-1, #cookie-law .col-sm-1 {
	padding: 0;
}
.cookie-law-holder {
	color: #FFF;
	padding: 0 35px;
}
.cookie-law-holder p a {
	text-decoration: underline;
}
.cookie-law-holder p {
	float: left;
	padding: 10px 0;
	margin: 0;
}
.cookie-law-close {
	float: right;
	padding: 10px 0 0;
	text-align: center;
}
#cookie-law a, #cookie-law a span {
	color: #FFF !important;
}
.img-100 {
	width: 100%;
}
.well {
	border-radius: 0;
}
.bbpress {
	background: url(../images/parallax/bg-3.jpg) fixed;
}
.bb-press {
	text-shadow: none;
	margin: 28px 0 0;
}
.bb-press a, .fa {
	color: #485D72;
}
.bb-press h1, .bb-press h3 {
	color: #485D72
}
.bb-press h1 {
	font-size: 25px;
}
.bb-press h3 {
	background: #485D72;
	color: #FFF;
	margin: 0 -20px;
	padding: 8px 20px;
	font-size: 14px;
}
.bbp-breadcrumb {
	padding: 0 5px 0 0;
}
.bb-press aside {
	clear: both;
	margin: 0 0 20px;
}
.bb-press .container {
	background: #FFF;
}
.bbp-topic-revision-log {
	display: none;
}
#bbp-user-navigation {
	clear: both;
}
.widget-area ul {
	margin: 0px -20px;
	list-style: none;
	padding: 0;
}
.widget-area ul li {
	padding: 5px 20px;
	font-size: 12px;
}
.widget-area ul li:nth-child(even) {
	background: #E8E6E6;
}
.widget_display_stats dt {
	float: left;
	padding: 0 5px 0 0;
}
#twitter-widget-0 {
	margin: 20px 0 0 !important;
}
#bbp_search_widget-4 {
	overflow: hidden;
}
#bbp_search, #s, #search-query {
	float: left;
	width: 67% !important;
	outline: none;
	padding: 1px 5px;
}
#bbp_search_submit, #searchsubmit {
	float: left;
	width: 33% !important;
	background: #485D72;
	color: #FFF;
	border-radius: 0;
	border: 0;
	padding: 5px 10px 4px;
	margin: 0 0 0 -1px;
}
.bbp-login-form .bbp-username input, .bbp-login-form .bbp-email input, .bbp-login-form .bbp-password input {
	padding: 1px 5px;
	width: 100%;
}
.bbp-submit-wrapper button {
	float: left;
	background: #485D72;
	color: #FFF;
	border-radius: 0;
	border: 0;
	padding: 5px 10px 4px;
	margin: 0 0 0 -1px;
}
.bbp-logged-in h4 {
	margin-bottom: 0;
}
#bbpress-forums {
	font-size: inherit;
}
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
	font-size: 13px;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
	font-size: 12px;
}
#bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar {
	border: 0;
	margin-bottom: 0;
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	border: 1px solid #CCC;
	margin-top: -1px;
}
#bbpress-forums div.bbp-reply-author img.avatar {
	position: inherit;
}
.read-more {
	color: #FFF !important;
}
#incsub_search_wikis-2 {
	margin: 20px 0;
	overflow: hidden;
}
#incsub_search_wikis-2 h3 {
	display: none;
}
.type-incsub_wiki {
	clear: both;
}
.screen-reader-text {
	display: none;
}
.incsub_wiki_tabs li {
	border-radius: 0;
	font-size: 13px !important;
}
.incsub_wiki_tabs li a {
	padding: 7px !important;
}
.entry-date.published {
	margin: 0 5px 0 0;
}
.byline {
	margin: 0 0 0 5px;
}
.blog-item-wrap .entry-header {
	margin: 20px 0 0 !important;
	background-image: none !important;
	padding: 0 !important;
}
.blog-item-wrap .entry-header h1 {
	line-height: 50px !important;
	border-left: 0 !important;
}
.entry-title {
	line-height: 34px;
	padding: 0 0px;
	font-size: 23px;
	margin: 0;
}
.entry-meta {
	clear: both;
	padding: 0;
}
.entry-content {
	background: #FBF9F9;
	overflow: hidden;
	padding: 15px;
}
.fa-pencil-square-o, .fa-edit:before, .fa-pencil-square-o:before {
	color: #FFF !important;
}
.edit-link a {
	color: #FFF;
	margin: 0 0 0 5px;
}
.author-bio {
	background: #F5F5F5;
	overflow: hidden;
	padding: 10px 0 0;
	border-bottom: 20px solid #E8E6E6;
	margin: 0 0 10px 0;
}
.post-inner-content {
	overflow: hidden;
}
.nav-previous {
	float: left;
}
.nav-next {
	float: right;
}
.picture-frame {
	border: 1px solid #E3E3E3;
	padding: 8px;
	float: right;
	width: 40%;
	height: inherit;
	margin: 0 0 30px 30px;
}
.avatar {
	float: left;
	margin: 0 10px 0;
}
.bbp-user-navigation {
	clear: both;
}
.page-header {
	margin: 20px 0 20px;
	border-bottom: 0;
	background-image: url(/images/logo.png);
	background-repeat: no-repeat;
	background-size: 180px;
	padding: 0px 0 0px 220px;
	background-color: whitesmoke;
	background-position: 10px;
}
.page-header h1 {
	border-left: 1px solid #E8E6E6;
	padding: 40px 0 40px 15px;
}
.comment-list {
	list-style: none;
	background: whitesmoke;
	padding: 5px 10px 10px;
}
.children {
	margin: 20px 0 0 0px;
	clear: both;
	list-style: none;
}
.comment-reply-link {
	color: #FFF !important;
}
.comments-title {
	font-size: 25px;
	color: #485D72;
}
.comment-meta {
	background: none;
	color: inherit;
	text-align: inherit;
}
#comment {
	width: 100%;
}
#reply-title {
	margin: inherit !important;
}
.single-featured {
	display: none !important;
}
#more-btn {
	width: 100px;
	height: 50px;
	margin: 30px auto 0;
	font-size: 0;
	border: 0;
	padding: 0;
	z-index: 99;
	display: block;
	background: url(../images/arrow-down-icon.png) center;
	background-size: 30px;
	background-repeat: no-repeat;
	clear: both;
}
.datepart {
	width: 50px;
    padding: 0!important;
    text-align: center;
    height: 40px!important;
    font-size: 16px!important;
}
.pre-order {
	margin: 10px 0 0;
	padding: 60px 0 0;
}
section.pre-order {
	padding: 60px 0;
}
.notice {
	font-size: 9px !important;
	line-height: 14px;
	text-transform: uppercase;
}
#pre-order-wrapper .notice{
	padding: 10px 15px;
}
ul.tabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li {
	background: rgba(255, 255, 255, 0.25);
	color: #FFF;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}
ul.tabs li.current {
	color: #FFF;
	background: rgba(255, 255, 255, 0.35)
}
.tab-content {
	color: #000;
	display: none;
	animation-name: fadeOutUp;
	-webkit-animation-name: fadeOutUp;
}
.tab-content.current {
	display: inherit;
	position: fixed;
	z-index: 9999;
	width: 100%;
	top: 0px;
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;
}
.tab-content .container:before {
	content: '';
	display: block;
	position: absolute;
	right: 970px;
	top: -20px;
	bottom: 100%;
	width: 0;
	height: 0;
	border-bottom: 10px solid #D80808;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.retailer {
	list-style: none;
}
.retailer li {
	display: inline-block;
	padding: 0 10px;
}
.retailer li a {
	text-transform: uppercase;
	color: #FFF;
}
.close {
	color: #573e21;
	text-shadow: none;
	opacity: 0.5;
	text-align: right;
	top: 5px;
}
.packshots {
	text-align: right;
}
.packshots img {
	margin: 0 10px 0 0;
	animation-name: zoomIn;
	-webkit-animation-name: zoomIn;
	-webkit-transition-timing-function: linear; /* Safari and Chrome */
	transition-timing-function: linear;
}
.pre-order {
	line-height: 30px;
}
.pre-order-btn {
	z-index: 998;
	position: absolute;
	bottom: -16px;
	right: 0;
}
.pre-order .button {
	width: 100%;
	display: block;
	border: 0;
	background: #573e21;
	color: #FFF;
	text-transform: uppercase;
	padding: 5px 30px;
	text-decoration: none !important;
	font-size: 17px;
	text-align: center;
}
.buttonBuy.disabled {
	opacity: 0;
	cursor: default;
}
select:disabled {
	opacity: 0.8;
}
.pre-order .space {
	padding: 15px;
}
.pre-order p span {
	font-family: 'p22_mackinacextra_bold', "Open-Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 10px 0;
	clear: both;
	float: left;
	text-transform: uppercase;
	font-size: 25px;
}
#pre-order-nav p:first-of-type {
	margin: 0;
	text-transform: uppercase;
}
.pre-order h2 {
	color: #FFF;
	padding: 10px 0;
	font-size: 40px;
}
.pre-order .full-width {
	background: url(../images/pre-order-bg.png) repeat-y;
	color: #573e21;
	padding: 0px 15px;
	text-shadow: none !important;
	background-size: contain;
}
#pre-order-nav {
	background: url(../images/pre-order-bg.png) repeat-y;
	margin: 67px 0 0;
	color: #573e21;
	line-height: 50px;
	z-index: 999;
	position: relative;
	top: 0;
	background-size: contain;
	min-height: 30px;
	text-shadow: none;
}
#pre-order:after, #pre-order-wrapper:after {
	background: url(../images/pre-order-extra-bg-5.png) no-repeat;
	content: "\00a0";
	width: 100%;
	background-size: contain;
	display: block;
	top: 0px;
	position: relative;
	z-index: 999 !important;
}
#pre-order-nav a {
	color: #573e21;
	text-decoration: underline;
	font-style: italic;
	cursor: pointer;
}
.pre-order-first .title {
	font-size: 30px !important;
}
.pre-order .intro {
	clear: both;
}
.response {
        clear: both;
    text-align: center;
    font-weight: bold;
    font-size: 19px;
    line-height: 30px;    
}
#mc_embed_signup ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
select {
	background: url(../images/arrow.png) no-repeat right 15px top 17px #FFFFFF !important;
	width: 100%;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	border: 0;
	padding: 0 10px;
	outline: none;
	height: 40px;
	color: #573e21;
    font-size: 16px;
}
.ru #pre-order-nav, .ru #pre-order-cta {
	display: none;
}
#pre-order-cta {
	display: none;
}
.viewport {
	position: fixed !important;
	width: 100% !important;
	height: 100% !important;
	z-index: -3 !important;
	top: 0 !important; /* Required due to a tagging element putting out an iframe that affects the styling */
}
.viewport ul {
	margin: 0;
	padding: 0;
	top: 0 !important; /* Required due to a tagging element putting out an iframe that affects the styling */
}
.viewport img {
	left: 50%;
}
#media {
	padding: 20px 0;
}
#additional-features {
	clear: both;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
#additional ul {
	margin: 0;
	padding: 0;
}
#additional li {
	list-style: none;
}
#blog {
	color: #FFF;
	padding: 0;
}
#buy-now {
	padding: 60px 0 50px;
}
.post_title {
	color: #FFF;
	font-size: 21px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 0px;
	width: 100%;
}
.post_title a {
	color: #FFF;
	display: block;
	height: 100%;
	width: 100%;
}
.title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: left;
	padding: 60px 30px;
	color: #eae1d3;
	min-height: 180px;
}
.post_title a:hover {
	text-decoration: none;
}
.post_time {
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	padding: 2px 0;
	clear: both;
	float: left;
	font-weight: bold;
	margin: 10px 0;
	display: none;
}
.more {
	padding: 10px 0;
	color: #FFF;
	clear: both;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 100px 0 0;
	background: #223d44;
	padding: 10px 20px;
	text-align: center;
	font-family: 'p22_mackinacextra_bold', "Open-Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.more:hover {
	color: #FFF;
	text-decoration: none;
}
.read-more {
	text-transform: uppercase;
	color: #FFF;
	font-size: 13px;
}
.blog-content {
	color: #333;
	padding: 0 0;
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	text-align: center;
	justify-content: none;
	align-items: none;
}
.blog-content .post_title {
	margin: 0;
}
.blog-content p {
	margin: 0;
}
#blog img {
	width: 100%;
	height: inherit ! important;
	float: left;
}
#blog p {
	padding: 0 15px 0 0;
}
.owl-carousel-2 {
	overflow: hidden;
}
.owl-carousel-2 .owl-item {
	float: left;
}
.owl-carousel-2 .owl-wrapper-outer {
	text-align: left;
}
.owl-pagination {
	display: none;
}
.disabled {
	display: none;
}
.home-blog-feature {
	height: 500px;
	background-size: auto 100% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.home-blog-feature:hover {
	background-size: auto 110% !important;
	background-position: center !important;
	transition: background 1s;
}
.home-blog-feature:hover .blog-content {
	background: rgba(0, 0, 0, 0.25);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.blog-content {
	font-family: 'p22_mackinacextra_bold', "Open-Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: absolute;
	bottom: 0;
}
#blog-btn {
	margin: 60px 0 8px;
}
#blog li {
	list-style: none;
}
#owl-carousel-2 {
	padding: 0;
	margin: 0;
}
#owl-carousel-mobile .owl-item img {
	max-width: inherit;
	height: 100%;
	width: initial;
}
#owl-carousel-mobile .owl-item .item {
	height: 100vh;
	width: 100%;
}
.owl-item li {
	margin: 0;
	position: relative;
}
#featured-video {
	margin: 100px 0;
}
#featured-video .container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}
#featured-video .video-content {
	height: 100%;
}
.video-wrapper {
	background: rgba(0, 0, 0, 0.7);
	background-repeat: no-repeat !important;
	background-position: center !important;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	border: 5px solid #f3eddf;
	box-shadow: 0px 0px 10px #777;
	height: 100%;
	overflow: hidden;
}
.video-wrapper:before, .video-wrapper:after, .video-content:before, .video-content:after {
	width: 33px;
	height: 33px;
	content: "\00a0";
	position: absolute;
	background: url(../images/video-frame.png);
	z-index: 999;
}
.video-wrapper:before {
	top: -10px;
	left: 5px;
}
.video-wrapper:after {
	top: -10px;
	right: 5px;
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}
.video-content:before {
	bottom: -10px;
	right: 5px;
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.video-content:after {
	bottom: -10px;
	left: 5px;
	transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
}
.video-wrapper a {
	text-decoration: none;
}
.video-wrapper:hover {
	background-size: auto 110% !important;
	background-position: center !important;
	transition: background 1s;
}
.video-intro {
	background: #223d44;
	position: absolute;
	color: #FFF;
	padding: 5px 8px;
	text-transform: uppercase;
	font-size: 12px;
	display: none;
}
.video-content h2 {
	font-size: 23px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}
.video-img-wrapper {
	background: rgba(0,0,0, 0.7);
	background-size: cover !important;
}
.video-img {
	height: 200px;
	background: rgba(0, 0, 0, 0.4);
	display: flex;
	align-items: center;
	text-align: center;
}
.video-play {
	width: 100px;
	height: 100px;
	background: url(../images/video-btn.png);
	margin: 0 auto;
	background-size: cover;
}
.video-content {
	color: #eae1d3;
	padding: 15px 25px;
	background: rgba(0, 0, 0, 0.5);
}
.video-content p {
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.10em;
	line-height: 20px;
	font-size: 12px;
}
.navbar #main-menu, .navbar-nav .nav-item {
	float: none;
}
.text-center {
	text-align: center;
}
.grad-top, .grad-bottom {
	height: 70px;
	width: 100%;
	background: url(../images/grad-bottom.png);
	background-size: contain;
}
.grad-top {
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	transform: rotate(180deg);
}
/*
:lang(en-us) .edition_dropdown option[value="1"]{
	display:none;
}
.US option[value="1"]{
	display:none;
}
*/
#trial-bg {
	background: url(../../../uploads/2017/04/trial-bg.jpg) no-repeat;
	/*background-size: inherit 100%;*/
	background-position: top center;
	b-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	background-size: auto 100%;
	width: 100%;
	height: 100%;
	position: fixed;
	content: '.';
	top: 0;
	z-index: -1;
}
.page-template-trial, .page-template-buy-now {
	background: #375d7d;
}
.page-template-trial .video-img, .page-template-buy-now .video-img {
	height: inherit;
	display: inherit;
	position: relative;
}
.page-template-trial .video-wrapper a, .page-template-buy-now .video-wrapper a {
	text-decoration: none;
	height: 100%;
	display: block;
}
.page-template-trial .video-play, .page-template-buy-now .video-play {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
}
.page-template-trial .video-content, .page-template-buy-now .video-content {
	padding: 0;
}
:lang(en-US) .page-template-trial .video-play:before, :lang(en-US) .page-template-buy-now .video-play:before {
	content: "\00a0";
	position: absolute;
	height: 84px;
	z-index: 999;
}
.region-selector {
	list-style: none;
	padding: 0;
}
.region-selector li {
	list-style: none;
	display: inline-block;
	margin: 0 10px 0 0;
}
.video-wrappper-below-content{
    padding: 17px 0px;
}
.page-template-buy-now .video-content {
    position: absolute;
    width: 100%;
}
.page-template-buy-now .video-content:before {
    bottom: -15px;
    right: 25px;
}
.page-template-buy-now .video-content:after {
    bottom: -15px;
    left: -15px;
}