﻿.page-xmd {
	background: #000 url("/content/shared/images/bg/joining.jpg") center no-repeat;
	background-size: cover;
}
/*
@media all and (min-width: 2600px) {
	body {
		background-size: 100% auto;	
	}
}
*/
@media all and (min-width: 1200px) {
	div.large-italic-title-xmd {
		text-align: right;
	}
}
@media all and (min-width: 1450px) {
	.container.join-block-xmd {
		width: 1450px;
	}
}
.join-xmd {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 1em;
}


a.join-button-link {
	display: block;
	margin: 2em auto;
	width: 590px;
	height: 65px;
	background: url("/content/shared/images/controls/join-button-neon.png") no-repeat center;
	background-size: contain;
}
a.join-button-link > div {
	display: table-row;
	float: right;
}
a.join-button-link > div > div {
	display: table-cell;
	width: 500px;
	height: 65px;
	vertical-align: middle;
	font-size: 25px;
	font-weight: 700;
}
@media all and (max-width: 1100px) {
	a.join-button-link {
		width: 443px;
		height: 49px;
		background-size: 100%;
	}
	a.join-button-link > div > div {
		width: 375px;
		height: 49px;
		font-size: 18px;
		font-weight: 700;
	}
}

.join-button-footer {
	display: table;
	margin: 0px auto;
}
.join-button-footer-1 {
	display: table-header-group;
}
.join-button-footer-1>div {

}
.join-button-footer-2 {
	display: table-row-group;
}
.join-button-footer-2>div {
	width: 40em;
	margin: 0em auto;
	text-align: justify;
}
.join-button-footer-3 {
	display: table-footer-group;
}
.join-button-footer-3>div {
	padding: 1em 0em;
}
@media all and (min-width: 1100px) {
	.join-button-footer {
		display: block;
	}
	.join-button-footer-1 {
		display: block;
		position: absolute;
		right: 50%;
		pointer-events: none;
	}
	.join-button-footer-1>div {
		display: block;
		position: relative;
		right: 20em;
		padding-right: 2em;
		pointer-events: auto;
	}
	.join-button-footer-2 {
		display: block;
		margin: 0px auto;
	}
	.join-button-footer-2>div {
	}
	.join-button-footer-3 {
		display: block;
		position: absolute;
		left: 53%;
		pointer-events: none;
	}
	.join-button-footer-3>div {
		display: block;
		position: relative;
		left: 20em;
		padding-left: 1em;
		text-align: left;
		pointer-events: auto;
	}
}

.large-italic-title-xmd {
	vertical-align: middle;
	text-align: center;
	font-family: Georgia,serif;
	font-style: italic;
	font-size: 2em;
}
.slogan-xmd {
	text-align: center;
	font-weight: bold;
	font-family: Georgia,serif;
	font-style: italic;
	font-size: 2em;
	margin: 0.5em 1em 1.5em 1em;
}
.promo-xmd>.row>div {
	text-align: center;
	margin-bottom: 1.5em;
}
.promo-title-xmd {
	font-weight: bold;
	font-family: Georgia,serif;
	font-style: italic;
	font-size: 1.3em;
	text-align: center;
}
.promo-title-xmd>table {
	margin: 0px auto;
}
.promo-title-xmd>table>tbody>tr>td {
	height: 2.8em;
	text-align: center;
	vertical-align: middle;
}
.promo-1-xmd {
	background: url('/content/shared/images/icons/promo/1.png') no-repeat center center;
}
.promo-2-xmd {
	background: url('/content/shared/images/icons/promo/2.png') no-repeat center center;
}
.promo-3-xmd {
	background: url('/content/shared/images/icons/promo/3.png') no-repeat center center;
}
.promo-4-xmd {
	background: url('/content/shared/images/icons/promo/4.png') no-repeat center center;
}
.promo-5-xmd {
	background: url('/content/shared/images/icons/promo/5.png') no-repeat center center;
}
.promo-6-xmd {
	background: url('/content/shared/images/icons/promo/6.png') no-repeat center center;
}
.promo-n-xmd {
	width: 150px;
	height: 52px;
	margin: 0px auto;
	background-size: contain;
}
@media all and (max-width: 1100px) {
	.promo-n-xmd {
		width: 100px;
		height: 35px;
	}
	.join-xmd
	{
		font-size: 1em;
	}
}
@media all and (min-width: 1800px) {
	.promo-n-xmd {
		width: 225px;
		height: 78px;
	}
	.join-xmd
	{
		font-size: 1.5em;
	}
}
@media all and (min-width: 2500px) {
	.promo-n-xmd {
		width: 300px;
		height: 104px;
	}
	.join-xmd
	{
		font-size: 2em;
	}
}
.promo-delim-xmd {
	width: 10em;
	height: 0.1em;
	border: none;
	color: #FF0000;
	background-color: #FF0000;
	margin: 0.5em auto 0.4em auto;
}

.promo-block-xmd {
	display: inline-block;
	width: 33.33%;
	margin: 0px -15px;
}