.universal-content-box {
	display: table;
	width: 100%;
	min-height: 750px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-image: var(--image-large, none)
}

@media only screen and (max-width:767px) {
.universal-content-box {
	background-image: var(--image-small, none)
}
}
.universal-content-box .add-on-badge {
	position: relative;
	top: 1.5em;
	float: right;
	right: 1.5em
}

@media print, screen and (min-width:64em) {
.universal-content-box .add-on-badge {
	position: absolute;
	height: 40px;
	line-height: 40px!important;
	font-size: 1.5em!important
}
.universal-content-box .add-on-badge:before {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent
}
}
.universal-content-box.bg-center {
	background-position: top center
}
.universal-content-box.bg-left {
	background-position: top left
}
.universal-content-box.bg-right {
	background-position: top right
}
.universal-content-box.bg-center-bottom {
	background-position: bottom center
}
.universal-content-box.bg-left-bottom {
	background-position: bottom left
}
.universal-content-box.bg-right-bottom {
	background-position: bottom right
}
.universal-content-box.bg-center-center {
	background-position: center center
}
.universal-content-box.bg-parallax {
	background-position: center
}

@media only screen and (min-width:769px) {
.universal-content-box.bg-parallax {
	background-attachment: fixed
}
}

@media only screen and (max-width:767px) {
.universal-content-box {
	min-height: 0!important
}
.universal-content-box.bgm-center {
	background-position: top center
}
.universal-content-box.bgm-left {
	background-position: top left
}
.universal-content-box.bgm-right {
	background-position: top right
}
.universal-content-box.bgm-center-bottom {
	background-position: bottom center
}
.universal-content-box.bgm-left-bottom {
	background-position: bottom left
}
.universal-content-box.bgm-right-bottom {
	background-position: bottom right
}
.universal-content-box.text-black-m {
	color: #000
}
.universal-content-box.text-white-m {
	color: #fff
}
}
.universal-content-box .lp-logo {
	outline: 0
}
.universal-content-box .lp-logo img {
	height: 95px
}

@media only screen and (max-width:767px) {
.universal-content-box .lp-logo img {
	height: 50px
}
}

@media only screen and (min-width:768px) {
.universal-content-box.logo-center-top .lp-logo {
	position: absolute;
	top: 1.25rem;
	left: 50%;
	text-align: center
}
.universal-content-box.logo-top-left .lp-logo {
	position: absolute;
	top: 1.25rem;
	left: 1.25rem
}
}
.universal-content-box video {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	width: auto;
	height: auto;
	background-size: cover
}
.universal-content-box .outer {
	max-width: 90rem;
	margin: 0 auto;
	display: table;
	width: 100%;
	height: 750px;
	min-height: 750px;
	position: relative
}

@media only screen and (max-width:767px) {
.universal-content-box .outer {
	min-height: 0!important;
	height: auto!important
}
}
.universal-content-box .outer.no-max-width {
	max-width: none
}
.universal-content-box .outer>.inner {
	overflow: hidden;
	display: table-cell;
	max-width: 100vw;
	width: 100%;
	vertical-align: middle;
	transition: all .5s ease-out;
	padding: 1rem
}
.universal-content-box .outer>.inner.v-top {
	vertical-align: top
}
.universal-content-box .outer>.inner.v-bottom {
	vertical-align: bottom
}
.universal-content-box .outer>.inner.head-headline-styles .h1, .universal-content-box .outer>.inner.head-headline-styles h1 {
	font-weight: 300;
	margin-bottom: 1em;
	transition: all .5s ease-out
}
.universal-content-box .outer>.inner.head-headline-styles .h1:only-child, .universal-content-box .outer>.inner.head-headline-styles h1:only-child {
	margin-bottom: 0
}
.universal-content-box .outer>.inner.head-headline-styles.alt-headline-style .h1, .universal-content-box .outer>.inner.head-headline-styles.alt-headline-style h1 {
	margin-bottom: .323em
}
.universal-content-box .outer>.inner.head-headline-styles .h2, .universal-content-box .outer>.inner.head-headline-styles h2 {
	font-weight: 300;
	line-height: 1.4;
	margin-bottom: .5em;
	transition: all .5s ease-out
}
.universal-content-box .outer>.inner.head-headline-styles .h2:only-child, .universal-content-box .outer>.inner.head-headline-styles h2:only-child {
	margin-bottom: 0
}
.universal-content-box .outer>.inner.head-headline-styles .h3, .universal-content-box .outer>.inner.head-headline-styles h3 {
	font-size: 1.25em
}

@media only screen and (min-width:768px) {
.universal-content-box .outer>.inner.head-headline-styles .h3, .universal-content-box .outer>.inner.head-headline-styles h3 {
	font-size: 1.5em
}
}

@media only screen and (min-width:1024px) {
.universal-content-box .outer>.inner.head-headline-styles .h3, .universal-content-box .outer>.inner.head-headline-styles h3 {
	font-size: 1.875em
}
}
.universal-content-box .outer>.inner.head-headline-styles:only-child {
	margin-bottom: 0
}

@media only screen and (min-width:768px) {
.universal-content-box.np-l .outer>.inner {
	padding-left: 0
}
.universal-content-box.np-r .outer>.inner {
	padding-right: 0
}
.universal-content-box.np-t .outer>.inner {
	padding-top: 0
}
.universal-content-box.np-b .outer>.inner {
	padding-bottom: 0
}
}
.universal-content-box .btn-bordered {
	border: 1px solid #fff;
	padding: .125em .5em;
	display: inline-block;
	font-weight: 300;
	color: #fff!important;
	transition: all .3s ease-out;
	font-size: 1.25em;
	line-height: 1.5
}
.universal-content-box .btn-bordered.secondary {
	border: none;
	background: rgba(30,30,30,.75)
}
.universal-content-box .btn-bordered.primary {
	border: none;
	background: rgba(196,14,26,.75)
}
.universal-content-box .btn-bordered.black {
	color: #000!important;
	border: 1px solid #000
}

@media screen and (min-width:768px) {
.universal-content-box .btn-bordered {
	font-size: 1.875em
}
}
.universal-content-box .btn-bordered i {
	transition: all .3s ease-out
}
.universal-content-box .btn-bordered:hover {
	text-decoration: underline;
	color: #fff
}
.universal-content-box ul.head-nav {
	clear: both;
	padding-top: 1.25rem;
	display: block;
	transition: background .3s ease-out;
	margin: 0!important
}
.universal-content-box ul.head-nav li {
	margin: 0 2em .5em 2em;
	display: inline-block;
	width: auto
}
.universal-content-box ul.head-nav li:first-child {
	margin-left: 0
}
.universal-content-box ul.head-nav li:last-child {
	margin-right: 0
}

@media (max-width:767px) {
.universal-content-box ul.head-nav li {
	margin: .5em 0;
	width: 100%
}
.universal-content-box ul.head-nav li a {
	text-align: center;
	display: block;
	font-size: .9rem
}
}
.universal-content-box .txgdstore {
	clear: both
}
