body{
	font-size:14px;
	font-family: Lato, sans-serif !important;
}

.wrapper {
	width:100%;
	background: rgba(255, 255, 255, 0.4);
}

footer {
	font-family: 'Roboto Condensed', sans-serif;
    background: rgba(17, 17, 17, 0.78);
    z-index: 150;
}

.head-spacer{
    height: 52px;
	background: #2b2a28;
    display: block;
    width: 100%;
}


:root {
	--primary-color: #e8e8e8;
	--secondary-color: #0088bc;
	--color-link: #0088bc;
	--color-link-hover: #00adef;
	--text-color: black;
	--text-color-hover: #0088bc;
	--footer-main: #0088bc;
	--footer-nav: #113746;
	--nav-border: #0ea7e2;
	--nav-main: var(--primary-color);
	--nav-text-color: #7f8c8d;
	--server-box: #0088bc;
	--button-default: #0088bc;
	--button-default-hover: #009bd6;
	--button-secondary: #ebce60;
	--button-secondary-hover: #eed577;
	--button-tertiary: #1cca2b;
	--button-tertiary-hover: #1fe030;
	--button-negative: #e74c3c;
	--button-negative-hover: #ea6153
}

.theme-kingz a {
	color: --color-link
}

.theme-kingz a:focus,
.theme-kingz a:hover {
	color: --color-link-hover
}

.theme-kingz .button,
.theme-kingz [class*=button--] {
	color: #fff;
	background-color: #ecf0f1
}

.theme-kingz .button:focus,
.theme-kingz .button:hover,
.theme-kingz [class*=button--]:focus,
.theme-kingz [class*=button--]:hover {
	color: #ecf0f1;
	background-color: #fff;
	box-shadow: inset 0 0 0 2px #ecf0f1
}

.theme-kingz .button--secondary {
	background-color: #0088bc
}

.theme-kingz .button--secondary:focus,
.theme-kingz .button--secondary:hover {
	color: #0088bc;
	background-color: #89deff;
	box-shadow: inset 0 0 0 2px #0088bc
}

.theme-kingz .dropdown--list.current>a,
.theme-kingz .dropdown--list>a:hover {
	color: #fff;
	background-color: #ecf0f1
}

.theme-kingz .dropdown--list li.current a,
.theme-kingz .dropdown--list li:hover a {
	color: #fff;
	background-color: #ecf0f1
}

.theme-kingz input[type=email]:hover,
.theme-kingz input[type=password]:hover,
.theme-kingz input[type=text]:hover,
.theme-kingz input[type=url]:hover,
.theme-kingz select:hover,
.theme-kingz textarea:hover {
	border-color: #fff
}

.theme-kingz input[type=email]:focus,
.theme-kingz input[type=password]:focus,
.theme-kingz input[type=text]:focus,
.theme-kingz input[type=url]:focus,
.theme-kingz select:focus,
.theme-kingz textarea:focus {
	border-color: #fff;
	box-shadow: 0 0 0 1px #fff
}

.theme-kingz .form__choice:hover:before {
	border-color: #fff
}

.theme-kingz .form__choice:focus:before {
	box-shadow: 0 0 0 2px #fff
}

.theme-kingz .note {
	background-color: #ecf0f1
}

.theme-kingz .progress {
	background-color: #cfd9db;
	height: 35px
}

.theme-kingz .progress__bar {
	background-color: #0088bc;
	height: 100%
}

.theme-kingz .progress--striped .progress__bar {
	background-image: linear-gradient(135deg, #0088bc 25%, #009ad6 25%, #009ad6 50%, #0088bc 50%, #0088bc 75%, #009ad6 75%, #009ad6)
}

.theme-kingz .table th {
	background-color: #ecf0f1
}

.theme-kingz .module .module__heading,
.theme-kingz .module h2 {
	border-bottom-color: #ecf0f1
}

.theme-kingz .module--secondary .module__heading,
.theme-kingz .module--secondary h2 {
	border-bottom-color: #0088bc
}

.theme-kingz .main-nav__list li a:focus,
.theme-kingz .main-nav__list li a:hover,
.theme-kingz .main-nav__list li.current>a {
	background-color: #ecf0f1;
	color: #fff
}

.theme-kingz.theme--monochrome .module--secondary .module__heading,
.theme-kingz.theme--monochrome .module--secondary h2 {
	border-bottom-color: #cfd9db
}

.theme-kingz.theme--monochrome .button--secondary {
	background-color: #587ca0
}

.theme-kingz.theme--monochrome .button--secondary:focus,
.theme-kingz.theme--monochrome .button--secondary:hover {
	color: #587ca0;
	background-color: #dae2ea;
	box-shadow: inset 0 0 0 2px #587ca0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block
}

audio,
canvas,
video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden] {
	display: none
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}


a:focus {
	outline: thin dotted
}

a:active,
a:hover {
	outline: 0
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

hr {
	box-sizing: content-box;
	height: 0;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box
}

mark {
	background: #ff0;
	color: #000
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em
}

pre {
	white-space: pre-wrap
}

q {
	quotes: "â€œ" "â€" "â€˜" "â€™"
}

small {
	font-size: 80%
}

sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	top: -.5em;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}

button,
input {
	line-height: normal
}

button,
select {
	text-transform: none
}

button,
html input[type=button] {
	cursor: pointer;
	-webkit-appearance: button
}

input[type=reset],
input[type=submit] {
	cursor: pointer;
	-webkit-appearance: button
}

button[disabled],
html input[disabled] {
	cursor: default
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0;
	-webkit-box-sizing: border-box;
	margin-left: 0 !important;
    position: relative !important;
	margin:0 5px 0 0;
}

input[type=search] {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

:after,
:before {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

blockquote,
caption,
dd,
dl,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
legend,
ol,
p,
pre,
table,
td,
th,
ul {
	margin: 0;
	padding: 0
}

abbr[title],
dfn[title] {
	cursor: help
}

u {
	text-decoration: none
}

ins {
	border-bottom: 1px solid;
	text-decoration: none
}

img {
	font-style: italic
}

button,
input,
label,
option,
select,
textarea {
	cursor: pointer
}

.text-input:active,
.text-input:focus {
	cursor: text;
	outline: 0
}

textarea:active,
textarea:focus {
	cursor: text;
	outline: 0
}

.cf:after,
.media:after,
.package-head:after,
.palm-menu:after,
.section:after,
.site-news__post:after,
.store__bar:after,
.tabs:after,
.user-bar:after {
	clear: both;
	content: "";
	display: table
}

.form-fields>li,
.island,
.media,
address,
blockquote,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
ol,
p,
pre,
table,
ul {
	margin-bottom: 24px;
	margin-bottom: 1.71429rem
}

.islet {
	margin-bottom: 24px;
	margin-bottom: 1.71429rem
}

.islet .form-fields>li,
.islet .island,
.islet .islet,
.islet .media,
.islet address,
.islet blockquote,
.islet dl,
.islet fieldset,
.islet figure,
.islet h1,
.islet h2,
.islet h3,
.islet h4,
.islet h5,
.islet h6,
.islet hgroup,
.islet ol,
.islet p,
.islet pre,
.islet table,
.islet ul {
	margin-bottom: 12px;
	margin-bottom: .85714rem
}

.landmark {
	margin-bottom: 48px;
	margin-bottom: 3.42857rem
}

hr {
	margin-bottom: 22px;
	margin-bottom: 1.57143rem
}

dd,
ol,
ul {
	margin-left: 48px;
	margin-left: 3.42857rem
}

html {
	font: .875em/1.71429 sans-serif;
	min-height: 100%;
}

.alpha,
h1 {
	font-size: 36px;
	font-size: 2.57143rem;
	line-height: 1.33333
}

.beta,
h2 {
	font-size: 30px;
	font-size: 2.14286rem;
	line-height: 1.6
}

.gamma,
h3 {
	font-size: 24px;
	font-size: 1.71429rem;
	line-height: 1
}

.delta,
h4 {
	font-size: 20px;
	font-size: 1.42857rem;
	line-height: 1.2
}

.epsilon,
h5 {
	font-size: 16px;
	font-size: 1.14286rem;
	line-height: 1.5
}

.zeta,
h6 {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.71429
}

hgroup .hN {
	margin-bottom: 0
}

.giga {
	font-size: 96px;
	font-size: 6.85714rem;
	line-height: 1
}

.mega {
	font-size: 72px;
	font-size: 5.14286rem;
	line-height: 1
}

.kilo {
	font-size: 48px;
	font-size: 3.42857rem;
	line-height: 1
}

.lead,
.lede {
	font-size: 15.75px;
	font-size: 1.125rem;
	line-height: 1.52381
}

.milli,
.smallprint {
	font-size: 12px;
	font-size: .85714rem;
	line-height: 2
}

.micro {
	font-size: 10px;
	font-size: .71429rem;
	line-height: 2.4
}

q {
	quotes: "â€˜" "â€™" "â€œ" "â€"
}

q:before {
	content: "\2018";
	content: open-quote
}

q:after {
	content: "\2019";
	content: close-quote
}

q q:before {
	content: "\201C";
	content: open-quote
}

q q:after {
	content: "\201D";
	content: close-quote
}

blockquote {
	quotes: "â€œ" "â€";
	text-indent: -.41em
}

blockquote p:before {
	content: "\201C ";
	content: open-quote
}

blockquote p:after {
	content: "";
	content: no-close-quote
}

blockquote p:last-of-type:after {
	content: "\201D ";
	content: close-quote
}

blockquote q:before {
	content: "\2018";
	content: open-quote
}

blockquote q:after {
	content: "\2019";
	content: close-quote
}

blockquote p:last-of-type {
	margin-bottom: 0
}

.source {
	display: block;
	text-indent: 0
}

.source:before {
	content: "â€”"
}

pre {
	overflow: auto
}

pre mark {
	background: 0 0;
	border-bottom: 1px solid;
	color: inherit
}

.code-comment {
	filter: alpha(opacity=75);
	opacity: .75
}

.line-numbers {
	font-family: monospace, serif;
	list-style: decimal-leading-zero inside;
	margin-left: 0;
	overflow: auto;
	white-space: nowrap
}

.line-numbers code {
	white-space: pre
}

img {
	max-width: 100%
}

img[height],
img[width] {
	max-width: none
}

.img--round {
	border-radius: 4px
}

.img--right {
	float: right;
	margin-bottom: 24px;
	margin-left: 24px
}

.img--left {
	float: left;
	margin-bottom: 24px;
	margin-right: 24px
}

.img--center {
	display: block;
	margin-bottom: 24px;
	margin-left: auto;
	margin-right: auto
}

.img--short {
	height: 120px
}

.img--medium {
	height: 240px
}

.img--tall {
	height: 360px
}

figure>img {
	display: block
}

li>ol,
li>ul {
	margin-bottom: 0
}

.numbered-list {
	list-style-type: decimal
}

table {
	width: 100%
}

.table > tbody > tr > td{
	vertical-align:middle;
	font-family: Lato, sans-serif !important;
}

td,
th {
	padding: 6px;
	text-align: left
}

@media screen and (min-width:480px) {
	td,
	th {
		padding: 12px
	}
}

[colspan] {
	text-align: center
}

[colspan="1"] {
	text-align: left
}

[rowspan] {
	vertical-align: middle
}

[rowspan="1"] {
	vertical-align: top
}

.numerical {
	text-align: right
}

.t5 {
	width: 5%
}

.t10 {
	width: 10%
}

.t12 {
	width: 12.5%
}

.t15 {
	width: 15%
}

.t20 {
	width: 20%
}

.t25 {
	width: 25%
}

.t30 {
	width: 30%
}

.t33 {
	width: 33.333%
}

.t35 {
	width: 35%
}

.t37 {
	width: 37.5%
}

.t40 {
	width: 40%
}

.t45 {
	width: 45%
}

.t50 {
	width: 50%
}

.t55 {
	width: 55%
}

.t60 {
	width: 60%
}

.t62 {
	width: 62.5%
}

.t65 {
	width: 65%
}

.t66 {
	width: 66.666%
}

.t70 {
	width: 70%
}

.t75 {
	width: 75%
}

.t80 {
	width: 80%
}

.t85 {
	width: 85%
}

.t87 {
	width: 87.5%
}

.t90 {
	width: 90%
}

.t95 {
	width: 95%
}

.table--bordered td,
.table--bordered th {
	border: 1px solid #ccc
}

.table--bordered td:empty,
.table--bordered th:empty {
	border: none
}

.table--bordered thead tr:last-child th {
	border-bottom-width: 2px
}

.table--bordered tbody tr th:last-of-type {
	border-right-width: 2px
}

.table--striped tbody tr:nth-of-type(odd) {
	background-color: #ffc
}

.table--data {
	font: 8px sans-serif
}

fieldset {
	padding: 24px
}

.form-fields {
	list-style: none;
	margin: 0
}

.form-fields>li:last-child {
	margin-bottom: 0
}

.label,
label {
	display: block;
	line-height: 1.5;
}

.additional {
	display: block;
	font-weight: 400
}

.check-list {
	list-style: none;
	margin: 0
}

.check-label {
	display: inline-block
}

.check-list .label,
.check-list label {
	display: inline-block
}

.spoken-form label {
	display: inline-block;
	font: inherit
}

.extra-help {
	display: inline-block;
	visibility: hidden
}

.text-input:active+.extra-help,
.text-input:focus+.extra-help {
	visibility: visible
}

.media {
	display: block
}

.media__img {
	float: left;
	margin-right: 24px
}

.media__img--rev {
	float: right;
	margin-left: 24px
}

.media__img img,
.media__img--rev img {
	display: block
}

.media__body {
	margin-bottom: 0;
	overflow: hidden
}

.media__body>:last-child {
	margin-bottom: 0
}

.islet .media__img {
	margin-right: 12px
}

.islet .media__img--rev {
	margin-left: 12px
}

.btn {
	border: none;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-family: inherit;
	font-size: 100%;
	line-height: 3;
	margin: 0;
	padding-bottom: 0;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap
}

.btn:hover {
	text-decoration: none
}

.btn:active,
.btn:focus {
	outline: 0
}

.btn--small {
	line-height: 2;
	padding-left: .5em;
	padding-right: .5em
}

.btn--large {
	line-height: 4;
	padding-left: 1.5em;
	padding-right: 1.5em
}

.btn--huge {
	line-height: 5;
	padding-left: 2em;
	padding-right: 2em
}

.btn--full {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 100%
}

.btn--alpha {
	font-size: 3rem
}

.btn--beta {
	font-size: 2rem
}

.btn--gamma {
	font-size: 1rem
}

.btn--natural {
	font-size: inherit;
	line-height: inherit;
	padding-left: .5em;
	padding-right: .5em;
	vertical-align: baseline
}

.btn--positive {
	background-color: #4a993e;
	color: #fff
}

.btn--negative {
	background-color: #b33630;
	color: #fff
}

.btn--inactive {
	background-color: #ddd;
	color: #777;
	cursor: text
}

.btn--inactive:active,
.btn--inactive:focus,
.btn--inactive:hover {
	background-color: #ddd;
	color: #777;
	cursor: text
}

.btn--soft {
	border-radius: 200px
}

.btn--hard {
	border-radius: 0
}

.graybox,
.greybox {
	background-color: rgba(0, 0, 0, .2);
	color: #fff;
	font-family: sans-serif;
	font-size: 12px;
	font-size: .85714rem;
	line-height: 2;
	text-align: center
}

.graybox a,
.greybox a {
	color: #fff;
	text-decoration: underline
}

.graybox--small,
.greybox--small {
	line-height: 48px
}

.graybox--medium,
.greybox--medium {
	line-height: 96px
}

.graybox--large,
.greybox--large {
	line-height: 192px
}

.graybox--huge,
.greybox--huge {
	line-height: 384px
}

.graybox--gigantic,
.greybox--gigantic {
	line-height: 768px
}

.one-whole {
	width: 100%
}

.five-tenths,
.four-eighths,
.one-half,
.six-twelfths,
.three-sixths,
.two-quarters {
	width: 50%
}

.four-twelfths,
.one-third,
.two-sixths {
	width: 33.333%
}

.eight-twelfths,
.four-sixths,
.two-thirds {
	width: 66.666%
}

.one-quarter,
.three-twelfths,
.two-eighths {
	width: 25%
}

.nine-twelfths,
.six-eighths,
.three-quarters {
	width: 75%
}

.one-fifth,
.two-tenths {
	width: 20%
}

.four-tenths,
.two-fifths {
	width: 40%
}

.six-tenths,
.three-fifths {
	width: 60%
}

.eight-tenths,
.four-fifths {
	width: 80%
}

.one-sixth,
.two-twelfths {
	width: 16.666%
}

.five-sixths,
.ten-twelfths {
	width: 83.333%
}

.one-eighth {
	width: 12.5%
}

.three-eighths {
	width: 37.5%
}

.five-eighths {
	width: 62.5%
}

.seven-eighths {
	width: 87.5%
}

.one-tenth {
	width: 10%
}

.three-tenths {
	width: 30%
}

.seven-tenths {
	width: 70%
}

.nine-tenths {
	width: 90%
}

.one-twelfth {
	width: 8.333%
}

.five-twelfths {
	width: 41.666%
}

.seven-twelfths {
	width: 58.333%
}

.eleven-twelfths {
	width: 91.666%
}

@media only screen and (max-width:480px) {
	.palm-one-whole {
		width: 100%
	}
	.palm-five-tenths,
	.palm-four-eighths,
	.palm-one-half,
	.palm-six-twelfths,
	.palm-three-sixths,
	.palm-two-quarters {
		width: 50%
	}
	.palm-four-twelfths,
	.palm-one-third,
	.palm-two-sixths {
		width: 33.333%
	}
	.palm-eight-twelfths,
	.palm-four-sixths,
	.palm-two-thirds {
		width: 66.666%
	}
	.palm-one-quarter,
	.palm-three-twelfths,
	.palm-two-eighths {
		width: 25%
	}
	.palm-nine-twelfths,
	.palm-six-eighths,
	.palm-three-quarters {
		width: 75%
	}
	.palm-one-fifth,
	.palm-two-tenths {
		width: 20%
	}
	.palm-four-tenths,
	.palm-two-fifths {
		width: 40%
	}
	.palm-six-tenths,
	.palm-three-fifths {
		width: 60%
	}
	.palm-eight-tenths,
	.palm-four-fifths {
		width: 80%
	}
	.palm-one-sixth,
	.palm-two-twelfths {
		width: 16.666%
	}
	.palm-five-sixths,
	.palm-ten-twelfths {
		width: 83.333%
	}
	.palm-one-eighth {
		width: 12.5%
	}
	.palm-three-eighths {
		width: 37.5%
	}
	.palm-five-eighths {
		width: 62.5%
	}
	.palm-seven-eighths {
		width: 87.5%
	}
	.palm-one-tenth {
		width: 10%
	}
	.palm-three-tenths {
		width: 30%
	}
	.palm-seven-tenths {
		width: 70%
	}
	.palm-nine-tenths {
		width: 90%
	}
	.palm-one-twelfth {
		width: 8.333%
	}
	.palm-five-twelfths {
		width: 41.666%
	}
	.palm-seven-twelfths {
		width: 58.333%
	}
	.palm-eleven-twelfths {
		width: 91.666%
	}
}

@media only screen and (min-width:481px) and (max-width:1023px) {
	.lap-one-whole {
		width: 100%
	}
	.lap-five-tenths,
	.lap-four-eighths,
	.lap-one-half,
	.lap-six-twelfths,
	.lap-three-sixths,
	.lap-two-quarters {
		width: 50%
	}
	.lap-four-twelfths,
	.lap-one-third,
	.lap-two-sixths {
		width: 33.333%
	}
	.lap-eight-twelfths,
	.lap-four-sixths,
	.lap-two-thirds {
		width: 66.666%
	}
	.lap-one-quarter,
	.lap-three-twelfths,
	.lap-two-eighths {
		width: 25%
	}
	.lap-nine-twelfths,
	.lap-six-eighths,
	.lap-three-quarters {
		width: 75%
	}
	.lap-one-fifth,
	.lap-two-tenths {
		width: 20%
	}
	.lap-four-tenths,
	.lap-two-fifths {
		width: 40%
	}
	.lap-six-tenths,
	.lap-three-fifths {
		width: 60%
	}
	.lap-eight-tenths,
	.lap-four-fifths {
		width: 80%
	}
	.lap-one-sixth,
	.lap-two-twelfths {
		width: 16.666%
	}
	.lap-five-sixths,
	.lap-ten-twelfths {
		width: 83.333%
	}
	.lap-one-eighth {
		width: 12.5%
	}
	.lap-three-eighths {
		width: 37.5%
	}
	.lap-five-eighths {
		width: 62.5%
	}
	.lap-seven-eighths {
		width: 87.5%
	}
	.lap-one-tenth {
		width: 10%
	}
	.lap-three-tenths {
		width: 30%
	}
	.lap-seven-tenths {
		width: 70%
	}
	.lap-nine-tenths {
		width: 90%
	}
	.lap-one-twelfth {
		width: 8.333%
	}
	.lap-five-twelfths {
		width: 41.666%
	}
	.lap-seven-twelfths {
		width: 58.333%
	}
	.lap-eleven-twelfths {
		width: 91.666%
	}
}

@media only screen and (min-width:481px) {
	.lap-and-up-one-whole {
		width: 100%
	}
	.lap-and-up-five-tenths,
	.lap-and-up-four-eighths,
	.lap-and-up-one-half,
	.lap-and-up-six-twelfths,
	.lap-and-up-three-sixths,
	.lap-and-up-two-quarters {
		width: 50%
	}
	.lap-and-up-four-twelfths,
	.lap-and-up-one-third,
	.lap-and-up-two-sixths {
		width: 33.333%
	}
	.lap-and-up-eight-twelfths,
	.lap-and-up-four-sixths,
	.lap-and-up-two-thirds {
		width: 66.666%
	}
	.lap-and-up-one-quarter,
	.lap-and-up-three-twelfths,
	.lap-and-up-two-eighths {
		width: 25%
	}
	.lap-and-up-nine-twelfths,
	.lap-and-up-six-eighths,
	.lap-and-up-three-quarters {
		width: 75%
	}
	.lap-and-up-one-fifth,
	.lap-and-up-two-tenths {
		width: 20%
	}
	.lap-and-up-four-tenths,
	.lap-and-up-two-fifths {
		width: 40%
	}
	.lap-and-up-six-tenths,
	.lap-and-up-three-fifths {
		width: 60%
	}
	.lap-and-up-eight-tenths,
	.lap-and-up-four-fifths {
		width: 80%
	}
	.lap-and-up-one-sixth,
	.lap-and-up-two-twelfths {
		width: 16.666%
	}
	.lap-and-up-five-sixths,
	.lap-and-up-ten-twelfths {
		width: 83.333%
	}
	.lap-and-up-one-eighth {
		width: 12.5%
	}
	.lap-and-up-three-eighths {
		width: 37.5%
	}
	.lap-and-up-five-eighths {
		width: 62.5%
	}
	.lap-and-up-seven-eighths {
		width: 87.5%
	}
	.lap-and-up-one-tenth {
		width: 10%
	}
	.lap-and-up-three-tenths {
		width: 30%
	}
	.lap-and-up-seven-tenths {
		width: 70%
	}
	.lap-and-up-nine-tenths {
		width: 90%
	}
	.lap-and-up-one-twelfth {
		width: 8.333%
	}
	.lap-and-up-five-twelfths {
		width: 41.666%
	}
	.lap-and-up-seven-twelfths {
		width: 58.333%
	}
	.lap-and-up-eleven-twelfths {
		width: 91.666%
	}
}

@media only screen and (max-width:1023px) {
	.portable-one-whole {
		width: 100%
	}
	.portable-five-tenths,
	.portable-four-eighths,
	.portable-one-half,
	.portable-six-twelfths,
	.portable-three-sixths,
	.portable-two-quarters {
		width: 50%
	}
	.portable-four-twelfths,
	.portable-one-third,
	.portable-two-sixths {
		width: 33.333%
	}
	.portable-eight-twelfths,
	.portable-four-sixths,
	.portable-two-thirds {
		width: 66.666%
	}
	.portable-one-quarter,
	.portable-three-twelfths,
	.portable-two-eighths {
		width: 25%
	}
	.portable-nine-twelfths,
	.portable-six-eighths,
	.portable-three-quarters {
		width: 75%
	}
	.portable-one-fifth,
	.portable-two-tenths {
		width: 20%
	}
	.portable-four-tenths,
	.portable-two-fifths {
		width: 40%
	}
	.portable-six-tenths,
	.portable-three-fifths {
		width: 60%
	}
	.portable-eight-tenths,
	.portable-four-fifths {
		width: 80%
	}
	.portable-one-sixth,
	.portable-two-twelfths {
		width: 16.666%
	}
	.portable-five-sixths,
	.portable-ten-twelfths {
		width: 83.333%
	}
	.portable-one-eighth {
		width: 12.5%
	}
	.portable-three-eighths {
		width: 37.5%
	}
	.portable-five-eighths {
		width: 62.5%
	}
	.portable-seven-eighths {
		width: 87.5%
	}
	.portable-one-tenth {
		width: 10%
	}
	.portable-three-tenths {
		width: 30%
	}
	.portable-seven-tenths {
		width: 70%
	}
	.portable-nine-tenths {
		width: 90%
	}
	.portable-one-twelfth {
		width: 8.333%
	}
	.portable-five-twelfths {
		width: 41.666%
	}
	.portable-seven-twelfths {
		width: 58.333%
	}
	.portable-eleven-twelfths {
		width: 91.666%
	}
}

@media only screen and (min-width:1024px) {
	.desk-one-whole {
		width: 100%
	}
	.desk-five-tenths,
	.desk-four-eighths,
	.desk-one-half,
	.desk-six-twelfths,
	.desk-three-sixths,
	.desk-two-quarters {
		width: 50%
	}
	.desk-four-twelfths,
	.desk-one-third,
	.desk-two-sixths {
		width: 33.333%
	}
	.desk-eight-twelfths,
	.desk-four-sixths,
	.desk-two-thirds {
		width: 66.666%
	}
	.desk-one-quarter,
	.desk-three-twelfths,
	.desk-two-eighths {
		width: 25%
	}
	.desk-nine-twelfths,
	.desk-six-eighths,
	.desk-three-quarters {
		width: 75%
	}
	.desk-one-fifth,
	.desk-two-tenths {
		width: 20%
	}
	.desk-four-tenths,
	.desk-two-fifths {
		width: 40%
	}
	.desk-six-tenths,
	.desk-three-fifths {
		width: 60%
	}
	.desk-eight-tenths,
	.desk-four-fifths {
		width: 80%
	}
	.desk-one-sixth,
	.desk-two-twelfths {
		width: 16.666%
	}
	.desk-five-sixths,
	.desk-ten-twelfths {
		width: 83.333%
	}
	.desk-one-eighth {
		width: 12.5%
	}
	.desk-three-eighths {
		width: 37.5%
	}
	.desk-five-eighths {
		width: 62.5%
	}
	.desk-seven-eighths {
		width: 87.5%
	}
	.desk-one-tenth {
		width: 10%
	}
	.desk-three-tenths {
		width: 30%
	}
	.desk-seven-tenths {
		width: 70%
	}
	.desk-nine-tenths {
		width: 90%
	}
	.desk-one-twelfth {
		width: 8.333%
	}
	.desk-five-twelfths {
		width: 41.666%
	}
	.desk-seven-twelfths {
		width: 58.333%
	}
	.desk-eleven-twelfths {
		width: 91.666%
	}
}

.brand {
	color: #4a8ec2!important;
	font-family: "Helvetica Neue", sans-serif!important
}

.brand-face {
	font-family: "Helvetica Neue", sans-serif!important
}

.brand-color,
.brand-colour {
	color: #4a8ec2!important
}

.float--right {
	float: right!important
}

.float--left {
	float: left!important
}

.float--none {
	float: none!important
}

.text--left {
	text-align: left!important
}

.text--center {
	text-align: center!important
}

.text--right {
	text-align: right!important
}

.weight--light {
	font-weight: 300!important
}

.weight--normal {
	font-weight: 400!important
}

.weight--semibold {
	font-weight: 600!important
}

.push {
	margin: 24px!important
}

.push--top {
	margin-top: 24px!important
}

.push--right {
	margin-right: 24px!important
}

.push--bottom {
	margin-bottom: 24px!important
}

.push--left {
	margin-left: 24px!important
}

.push--ends {
	margin-bottom: 24px!important;
	margin-top: 24px!important
}

.push--sides {
	margin-left: 24px!important;
	margin-right: 24px!important
}

.push-half {
	margin: 12px!important
}

.push-half--top {
	margin-top: 12px!important
}

.push-half--right {
	margin-right: 12px!important
}

.push-half--bottom {
	margin-bottom: 12px!important
}

.push-half--left {
	margin-left: 12px!important
}

.push-half--ends {
	margin-bottom: 12px!important;
	margin-top: 12px!important
}

.push-half--sides {
	margin-left: 12px!important;
	margin-right: 12px!important
}

.flush {
	margin: 0!important
}

.flush--top {
	margin-top: 0!important
}

.flush--right {
	margin-right: 0!important
}

.flush--bottom {
	margin-bottom: 0!important
}

.flush--left {
	margin-left: 0!important
}

.flush--ends {
	margin-bottom: 0!important;
	margin-top: 0!important
}

.flush--sides {
	margin-left: 0!important;
	margin-right: 0!important
}

.soft {
	padding: 24px!important
}

.soft--top {
	padding-top: 24px!important
}

.soft--right {
	padding-right: 24px!important
}

.soft--bottom {
	padding-bottom: 24px!important
}

.soft--left {
	padding-left: 24px!important
}

.soft--ends {
	padding-bottom: 24px!important;
	padding-top: 24px!important
}

.soft--sides {
	padding-left: 24px!important;
	padding-right: 24px!important
}

.soft-half {
	padding: 12px!important
}

.soft-half--top {
	padding-top: 12px!important
}

.soft-half--right {
	padding-right: 12px!important
}

.soft-half--bottom {
	padding-bottom: 12px!important
}

.soft-half--left {
	padding-left: 12px!important
}

.soft-half--ends {
	padding-bottom: 12px!important;
	padding-top: 12px!important
}

.soft-half--sides {
	padding-left: 12px!important;
	padding-right: 12px!important
}

.hard {
	padding: 0!important
}

.hard--top {
	padding-top: 0!important
}

.hard--right {
	padding-right: 0!important
}

.hard--bottom {
	padding-bottom: 0!important
}

.hard--left {
	padding-left: 0!important
}

.hard--ends {
	padding-bottom: 0!important;
	padding-top: 0!important
}

.hard--sides {
	padding-left: 0!important;
	padding-right: 0!important
}

.full-bleed {
	margin-left: -24px!important;
	margin-right: -24px!important
}

.islet .full-bleed {
	margin-left: -12px!important;
	margin-right: -12px!important
}

.informative {
	cursor: help!important
}

.muted {
	filter: alpha(opacity=50)!important;
	opacity: .5!important
}

.proceed {
	text-align: right!important
}

.go:after {
	content: " " "Â»"!important
}

.caps {
	text-transform: uppercase!important
}

.accessibility,
.site-news__post .post__img>img,
.visuallyhidden {
	border: 0!important;
	clip: rect(0 0 0 0)!important;
	height: 1px!important;
	margin: -1px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important
}

@media only screen and (max-width:480px) {
	.accessibility--palm,
	.visuallyhidden--palm {
		border: 0!important;
		clip: rect(0 0 0 0)!important;
		height: 1px!important;
		margin: -1px!important;
		overflow: hidden!important;
		padding: 0!important;
		position: absolute!important;
		width: 1px!important
	}
}

@media only screen and (min-width:481px) and (max-width:1023px) {
	.accessibility--lap,
	.visuallyhidden--lap {
		border: 0!important;
		clip: rect(0 0 0 0)!important;
		height: 1px!important;
		margin: -1px!important;
		overflow: hidden!important;
		padding: 0!important;
		position: absolute!important;
		width: 1px!important
	}
}

@media only screen and (min-width:481px) {
	.accessibility--lap-and-up,
	.visuallyhidden--lap-and-up {
		border: 0!important;
		clip: rect(0 0 0 0)!important;
		height: 1px!important;
		margin: -1px!important;
		overflow: hidden!important;
		padding: 0!important;
		position: absolute!important;
		width: 1px!important
	}
}

@media only screen and (max-width:1023px) {
	.accessibility--portable,
	.visuallyhidden--portable {
		border: 0!important;
		clip: rect(0 0 0 0)!important;
		height: 1px!important;
		margin: -1px!important;
		overflow: hidden!important;
		padding: 0!important;
		position: absolute!important;
		width: 1px!important
	}
}

@media only screen and (min-width:1024px) {
	.accessibility--desk,
	.visuallyhidden--desk {
		border: 0!important;
		clip: rect(0 0 0 0)!important;
		height: 1px!important;
		margin: -1px!important;
		overflow: hidden!important;
		padding: 0!important;
		position: absolute!important;
		width: 1px!important
	}
}

@media only screen and (min-width:1200px) {
	.accessibility--desk-wide,
	.visuallyhidden--desk-wide {
		border: 0!important;
		clip: rect(0 0 0 0)!important;
		height: 1px!important;
		margin: -1px!important;
		overflow: hidden!important;
		padding: 0!important;
		position: absolute!important;
		width: 1px!important
	}
}

.grid {
	letter-spacing: -.31em;
	list-style: none;
	margin: 0;
	margin-left: -24px;
	padding: 0
}

.grid,
.opera:-o-prefocus {
	word-spacing: -.43em
}

.grid__item {
	box-sizing: border-box;
	display: inline-block;
	letter-spacing: normal;
	-moz-box-sizing: border-box;
	padding-left: 24px;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	width: 100%;
	word-spacing: normal
}

.grid--rev {
	direction: rtl;
	text-align: left
}

.grid--rev>.grid__item {
	direction: ltr;
	text-align: left
}

.grid--full {
	margin-left: 0
}

.grid--full>.grid__item {
	padding-left: 0
}

.grid--right {
	text-align: right
}

.grid--right>.grid__item {
	text-align: left
}

.grid--center {
	text-align: center
}

.grid--center>.grid__item {
	text-align: left
}

.grid--middle>.grid__item {
	vertical-align: middle
}

.grid--bottom>.grid__item {
	vertical-align: bottom
}

.grid--narrow {
	margin-left: -12px
}

.grid--narrow>.grid__item {
	padding-left: 12px
}

.grid--wide {
	margin-left: -48px
}

.grid--wide>.grid__item {
	padding-left: 48px
}

.one-whole {
	width: 100%
}

.five-tenths,
.four-eighths,
.one-half,
.six-twelfths,
.three-sixths,
.two-quarters {
	width: 50%
}

.four-twelfths,
.one-third,
.two-sixths {
	width: 33.333%
}

.eight-twelfths,
.four-sixths,
.two-thirds {
	width: 66.666%
}

.one-quarter,
.three-twelfths,
.two-eighths {
	width: 25%
}

.nine-twelfths,
.six-eighths,
.three-quarters {
	width: 75%
}

.one-fifth,
.two-tenths {
	width: 20%
}

.four-tenths,
.two-fifths {
	width: 40%
}

.six-tenths,
.three-fifths {
	width: 60%
}

.eight-tenths,
.four-fifths {
	width: 80%
}

.one-sixth,
.two-twelfths {
	width: 16.666%
}

.five-sixths,
.ten-twelfths {
	width: 83.333%
}

.one-eighth {
	width: 12.5%
}

.three-eighths {
	width: 37.5%
}

.five-eighths {
	width: 62.5%
}

.seven-eighths {
	width: 87.5%
}

.one-tenth {
	width: 10%
}

.three-tenths {
	width: 30%
}

.seven-tenths {
	width: 70%
}

.nine-tenths {
	width: 90%
}

.one-twelfth {
	width: 8.333%
}

.five-twelfths {
	width: 41.666%
}

.seven-twelfths {
	width: 58.333%
}

.eleven-twelfths {
	width: 91.666%
}

@media only screen and (max-width:480px) {
	.palm--one-whole {
		width: 100%
	}
	.palm--five-tenths,
	.palm--four-eighths,
	.palm--one-half,
	.palm--six-twelfths,
	.palm--three-sixths,
	.palm--two-quarters {
		width: 50%
	}
	.palm--four-twelfths,
	.palm--one-third,
	.palm--two-sixths {
		width: 33.333%
	}
	.palm--eight-twelfths,
	.palm--four-sixths,
	.palm--two-thirds {
		width: 66.666%
	}
	.palm--one-quarter,
	.palm--three-twelfths,
	.palm--two-eighths {
		width: 25%
	}
	.palm--nine-twelfths,
	.palm--six-eighths,
	.palm--three-quarters {
		width: 75%
	}
	.palm--one-fifth,
	.palm--two-tenths {
		width: 20%
	}
	.palm--four-tenths,
	.palm--two-fifths {
		width: 40%
	}
	.palm--six-tenths,
	.palm--three-fifths {
		width: 60%
	}
	.palm--eight-tenths,
	.palm--four-fifths {
		width: 80%
	}
	.palm--one-sixth,
	.palm--two-twelfths {
		width: 16.666%
	}
	.palm--five-sixths,
	.palm--ten-twelfths {
		width: 83.333%
	}
	.palm--one-eighth {
		width: 12.5%
	}
	.palm--three-eighths {
		width: 37.5%
	}
	.palm--five-eighths {
		width: 62.5%
	}
	.palm--seven-eighths {
		width: 87.5%
	}
	.palm--one-tenth {
		width: 10%
	}
	.palm--three-tenths {
		width: 30%
	}
	.palm--seven-tenths {
		width: 70%
	}
	.palm--nine-tenths {
		width: 90%
	}
	.palm--one-twelfth {
		width: 8.333%
	}
	.palm--five-twelfths {
		width: 41.666%
	}
	.palm--seven-twelfths {
		width: 58.333%
	}
	.palm--eleven-twelfths {
		width: 91.666%
	}
}

@media only screen and (min-width:481px) and (max-width:1023px) {
	.lap--one-whole {
		width: 100%
	}
	.lap--five-tenths,
	.lap--four-eighths,
	.lap--one-half,
	.lap--six-twelfths,
	.lap--three-sixths,
	.lap--two-quarters {
		width: 50%
	}
	.lap--four-twelfths,
	.lap--one-third,
	.lap--two-sixths {
		width: 33.333%
	}
	.lap--eight-twelfths,
	.lap--four-sixths,
	.lap--two-thirds {
		width: 66.666%
	}
	.lap--one-quarter,
	.lap--three-twelfths,
	.lap--two-eighths {
		width: 25%
	}
	.lap--nine-twelfths,
	.lap--six-eighths,
	.lap--three-quarters {
		width: 75%
	}
	.lap--one-fifth,
	.lap--two-tenths {
		width: 20%
	}
	.lap--four-tenths,
	.lap--two-fifths {
		width: 40%
	}
	.lap--six-tenths,
	.lap--three-fifths {
		width: 60%
	}
	.lap--eight-tenths,
	.lap--four-fifths {
		width: 80%
	}
	.lap--one-sixth,
	.lap--two-twelfths {
		width: 16.666%
	}
	.lap--five-sixths,
	.lap--ten-twelfths {
		width: 83.333%
	}
	.lap--one-eighth {
		width: 12.5%
	}
	.lap--three-eighths {
		width: 37.5%
	}
	.lap--five-eighths {
		width: 62.5%
	}
	.lap--seven-eighths {
		width: 87.5%
	}
	.lap--one-tenth {
		width: 10%
	}
	.lap--three-tenths {
		width: 30%
	}
	.lap--seven-tenths {
		width: 70%
	}
	.lap--nine-tenths {
		width: 90%
	}
	.lap--one-twelfth {
		width: 8.333%
	}
	.lap--five-twelfths {
		width: 41.666%
	}
	.lap--seven-twelfths {
		width: 58.333%
	}
	.lap--eleven-twelfths {
		width: 91.666%
	}
}

@media only screen and (max-width:1023px) {
	.portable--one-whole {
		width: 100%
	}
	.portable--five-tenths,
	.portable--four-eighths,
	.portable--one-half,
	.portable--six-twelfths,
	.portable--three-sixths,
	.portable--two-quarters {
		width: 50%
	}
	.portable--four-twelfths,
	.portable--one-third,
	.portable--two-sixths {
		width: 33.333%
	}
	.portable--eight-twelfths,
	.portable--four-sixths,
	.portable--two-thirds {
		width: 66.666%
	}
	.portable--one-quarter,
	.portable--three-twelfths,
	.portable--two-eighths {
		width: 25%
	}
	.portable--nine-twelfths,
	.portable--six-eighths,
	.portable--three-quarters {
		width: 75%
	}
	.portable--one-fifth,
	.portable--two-tenths {
		width: 20%
	}
	.portable--four-tenths,
	.portable--two-fifths {
		width: 40%
	}
	.portable--six-tenths,
	.portable--three-fifths {
		width: 60%
	}
	.portable--eight-tenths,
	.portable--four-fifths {
		width: 80%
	}
	.portable--one-sixth,
	.portable--two-twelfths {
		width: 16.666%
	}
	.portable--five-sixths,
	.portable--ten-twelfths {
		width: 83.333%
	}
	.portable--one-eighth {
		width: 12.5%
	}
	.portable--three-eighths {
		width: 37.5%
	}
	.portable--five-eighths {
		width: 62.5%
	}
	.portable--seven-eighths {
		width: 87.5%
	}
	.portable--one-tenth {
		width: 10%
	}
	.portable--three-tenths {
		width: 30%
	}
	.portable--seven-tenths {
		width: 70%
	}
	.portable--nine-tenths {
		width: 90%
	}
	.portable--one-twelfth {
		width: 8.333%
	}
	.portable--five-twelfths {
		width: 41.666%
	}
	.portable--seven-twelfths {
		width: 58.333%
	}
	.portable--eleven-twelfths {
		width: 91.666%
	}
}

@media only screen and (min-width:1024px) {
	.desk--one-whole {
		width: 100%
	}
	.desk--five-tenths,
	.desk--four-eighths,
	.desk--one-half,
	.desk--six-twelfths,
	.desk--three-sixths,
	.desk--two-quarters {
		width: 50%
	}
	.desk--four-twelfths,
	.desk--one-third,
	.desk--two-sixths {
		width: 33.333%
	}
	.desk--eight-twelfths,
	.desk--four-sixths,
	.desk--two-thirds {
		width: 66.666%
	}
	.desk--one-quarter,
	.desk--three-twelfths,
	.desk--two-eighths {
		width: 25%
	}
	.desk--nine-twelfths,
	.desk--six-eighths,
	.desk--three-quarters {
		width: 75%
	}
	.desk--one-fifth,
	.desk--two-tenths {
		width: 20%
	}
	.desk--four-tenths,
	.desk--two-fifths {
		width: 40%
	}
	.desk--six-tenths,
	.desk--three-fifths {
		width: 60%
	}
	.desk--eight-tenths,
	.desk--four-fifths {
		width: 80%
	}
	.desk--one-sixth,
	.desk--two-twelfths {
		width: 16.666%
	}
	.desk--five-sixths,
	.desk--ten-twelfths {
		width: 83.333%
	}
	.desk--one-eighth {
		width: 12.5%
	}
	.desk--three-eighths {
		width: 37.5%
	}
	.desk--five-eighths {
		width: 62.5%
	}
	.desk--seven-eighths {
		width: 87.5%
	}
	.desk--one-tenth {
		width: 10%
	}
	.desk--three-tenths {
		width: 30%
	}
	.desk--seven-tenths {
		width: 70%
	}
	.desk--nine-tenths {
		width: 90%
	}
	.desk--one-twelfth {
		width: 8.333%
	}
	.desk--five-twelfths {
		width: 41.666%
	}
	.desk--seven-twelfths {
		width: 58.333%
	}
	.desk--eleven-twelfths {
		width: 91.666%
	}
}

html {
	height: 100%;
	min-width: 320px
}

body {
	color: var(--text-color);
	font-family: Lato, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Oswald, sans-serif;
	font-weight: 300
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
	border-bottom: 0!important
}

h3 {
	line-height: 1.2
}

.page-side h2,
.page-side h3 {
	color: #7f8c8d;
	font-size: 24px;
	font-size: 1.71429rem;
	line-height: 1
}

.page-mast h2,
.page-mast h3 {
	color: #7f8c8d;
	font-size: 24px;
	font-size: 1.71429rem;
	line-height: 1
}

.page-side h2 .fa,
.page-side h3 .fa {
	color: var(--text-color);
	float: left;
	margin-bottom: 24px;
	margin-right: 12px;
	margin-top: 4px
}

.page-mast h2 .fa,
.page-mast h3 .fa {
	color: var(--text-color);
	float: left;
	margin-bottom: 24px;
	margin-right: 12px;
	margin-top: 4px
}

a {
	color: #7f8c8d;
	text-decoration: none;
	transition: all .15s;
	-webkit-transition: all .15s
}

a:focus,
a:hover {
	color: #ebce60;
	outline: 0
}

.page-main a:focus,
.page-main a:hover {
	border-bottom-color: rgba(189, 195, 199, .75)
}

a.tinyIcon {
	border: 0
}

a>abbr {
	cursor: pointer!important
}

abbr[title] {
	border-bottom: 0
}

.muted {
	color: #95a5a6;
	opacity: 1!important
}

.label {
	color: #7f8c8d;
	font-size: 12px;
	font-size: .85714rem;
	line-height: 2;
	text-transform: uppercase
}

dl,
ol,
ul {
	margin-left: 0
}

blockquote {
	text-indent: 0
}

.wrapper2 {
	padding-left: 24px;
	padding-right: 24px
}

@media only screen and (min-width:1024px) {
	.wrapper2 {
		margin-left: auto;
		margin-right: auto;
		max-width: 1440px;
		padding-left: 0;
		padding-right: 0;
		width: 85%
	}
}

.img--block {
	display: block;
	height: auto;
	width: 100%
}

.btn,
.button {
	background-color: var(--button-default);
	border: 0!important;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-weight: 700 !important;
	outline: 0!important;
	transition: all .25s linear;
	-webkit-transition: all .25s linear
}

.btn:focus,
.btn:hover {
	background-color: var(--button-default-hover);
	box-shadow: inset 0 0 0 2px var(--button-default);
	-webkit-box-shadow: inset 0 0 0 2px var(--button-default)
}

.button:focus,
.button:hover {
	background-color: var(--button-default-hover);
	box-shadow: inset 0 0 0 2px var(--button-default);
	-webkit-box-shadow: inset 0 0 0 2px var(--button-default)
}

.btn:focus,
.btn:hover {
	color: #fff
}

.button:focus,
.button:hover {
	color: #fff
}

.btn .fa,
.button .fa {
	padding-left: 4px;
	padding-right: 4px;
	color: #fff
}

.btn--secondary {
	background-color: var(--button-secondary)
}

.btn--secondary:focus,
.btn--secondary:hover {
	background-color: var(--button-secondary-hover);
	box-shadow: inset 0 0 0 2px var(--button-secondary);
	-webkit-box-shadow: inset 0 0 0 2px var(--button-secondary)
}

.btn--tertiary {
	background-color: var(--button-tertiary)
}

.btn--tertiary:focus,
.btn--tertiary:hover {
	background-color: var(--button-tertiary-hover);
	box-shadow: inset 0 0 0 2px var(--button-tertiary);
	-webkit-box-shadow: inset 0 0 0 2px var(--button-tertiary)
}

.btn--positive {
	background-color: #1cca2b
}

.btn--positive:focus,
.btn--positive:hover {
	background-color: #1fe030;
	box-shadow: inset 0 0 0 2px #1cca2b;
	-webkit-box-shadow: inset 0 0 0 2px #1cca2b
}

.btn--negative {
	background-color: var(--button-negative)
}

.btn--negative:focus,
.btn--negative:hover {
	background-color: var(--button-negative-hover);
	box-shadow: inset 0 0 0 2px var(--button-negative);
	-webkit-box-shadow: inset 0 0 0 2px var(--button-negative)
}

.btn--icon {
	position: relative
}

.btn--icon>span:first-child {
	padding-right: 48px
}

.btn--icon>span:last-child {
	padding-left: 48px
}

.btn--icon.btn--large>span:first-child,
.btn--icon.btn--store>span:first-child {
	padding-right: 64px
}

.btn--icon.btn--large>span:last-child,
.btn--icon.btn--store>span:last-child {
	padding-left: 64px
}

.btn--icon>i {
	background-color: rgba(0, 0, 0, .07);
	bottom: 0;
	line-height: 3;
	position: absolute;
	text-align: center;
	top: 0;
	width: 48px
}

.btn--icon>i:first-child {
	left: 0
}

.btn--icon>i:last-child {
	right: 0
}

.btn--icon.btn--small>i {
	width: 32px
}

.btn--icon.btn--large>i,
.btn--icon.btn--store>i {
	line-height: 3;
	width: 64px
}

.btn-group>.btn {
	margin-right: 12px
}

.btn-group>.btn:last-child {
	margin-right: 0
}

.btn.up,
.button.up {
	background-color: #27ae60
}

.button.up:focus,
.button.up:hover {
	background-color: #2cc36b;
	box-shadow: inset 0 0 0 2px #27ae60;
	-webkit-box-shadow: inset 0 0 0 2px #27ae60
}

.btn.up:focus,
.btn.up:hover {
	background-color: #2cc36b;
	box-shadow: inset 0 0 0 2px #27ae60;
	-webkit-box-shadow: inset 0 0 0 2px #27ae60
}

.btn.down,
.button.down {
	background-color: #e74c3c
}

.button.down:focus,
.button.down:hover {
	background-color: #ea6153;
	box-shadow: inset 0 0 0 2px #e74c3c;
	-webkit-box-shadow: inset 0 0 0 2px #e74c3c
}

.btn.down:focus,
.btn.down:hover {
	background-color: #ea6153;
	box-shadow: inset 0 0 0 2px #e74c3c;
	-webkit-box-shadow: inset 0 0 0 2px #e74c3c
}

a.callToAction {
	background-color: var(--text-color-hover)
}

a.callToAction:focus,
a.callToAction:hover {
	background-color: #009bd6;
	box-shadow: inset 0 0 0 2px var(--text-color-hover);
	-webkit-box-shadow: inset 0 0 0 2px var(--text-color-hover)
}

.video-wrapper>iframe {
	height: 100%;
	width: 100%
}

.slick-slider {
	margin-bottom: 24px
}

.slick-dots {
	bottom: -54px!important;
	margin-left: 0
}

.slick-dots li button:before {
	color: #7f8c8d;
	content: "\f0c8";
	font-family: FontAwesome;
	font-size: 10px;
	transition: all .15s;
	-webkit-transition: all .15s
}

.page-side {
	background-color: #ecf0f1;
	border-radius: 2px;
	box-shadow: 0 2px 0 #cfd9db;
	-webkit-box-shadow: 0 2px 0 #cfd9db
}

.page-side .section {
	border-bottom: 2px solid #cfd9db;
	padding-bottom: 10px
}

.page-side .section:last-of-type {
	border-bottom: 0
}

.tabs {
	border-bottom: 2px solid #ecf0f1;
	margin-bottom: 0;
	padding-left: 12px;
	padding-right: 12px
}

.tabs>li {
	display: inline-block;
	margin-right: -.25em
}

.tabs>li:first-child a {
	border-top-left-radius: 4px
}

.tabs>li:last-child a {
	border-top-right-radius: 4px
}

.tabs>li>a {
	background-color: #f8f9fa;
	border: 2px solid #ecf0f1;
	display: block;
	font-size: 12px;
	line-height: 3;
	margin-bottom: -2px;
	margin-right: -2px;
	padding-left: 12px;
	padding-right: 12px;
	text-transform: uppercase;
	white-space: nowrap
}

.tabs.noLinks>li {
	background-color: #f8f9fa;
	border: 2px solid #ecf0f1;
	display: block;
	font-size: 12px;
	line-height: 3;
	margin-bottom: -2px;
	margin-right: -2px;
	padding-left: 12px;
	padding-right: 12px;
	text-transform: uppercase;
	white-space: nowrap
}

.tabs.noLinks>li:focus,
.tabs.noLinks>li:hover {
	border: 2px solid #ecf0f1
}

.tabs.noLinks>.active {
	background-color: #fff;
	border-bottom: 0!important;
	color: var(--text-color);
	cursor: default;
	padding-bottom: 4px
}

.tabs>li>a:focus,
.tabs>li>a:hover {
	border: 2px solid #ecf0f1
}

.tabs>.active>a {
	background-color: #fff;
	border-bottom: 0!important;
	color: var(--text-color);
	cursor: default;
	padding-bottom: 4px
}

.list {
	list-style: none;
	margin-left: 12px
}

.list ul {
	margin-left: 24px
}

.list>li {
	border-bottom: 2px solid #ecf0f1;
	padding: 6px 12px;
	padding-left: 1em
}

.list>li:before {
	color: #0088bc;
	content: "\f105";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 18px;
	margin-left: -1em;
	width: 1em
}

.page-head {
	box-shadow: inset 0 12px 24px rgba(0, 0, 0, .15);
	-webkit-box-shadow: inset 0 12px 24px rgba(0, 0, 0, .15)
}

.page-head>.wrapper2 {
	position: relative;
	text-align: center
}

.store__bar,
.user-bar {
	background-color: rgba(40, 66, 72, .7);
	border-bottom: 6px solid #1d3034;
	color: #bdc3c7;
	font-size: 14px;
	line-height: 3
}

.user-bar__links {
	float: right
}

.user-bar__links>a {
	display: inline-block;
	padding-left: 12px;
	padding-right: 12px
}

.user-bar__links>a:focus,
.user-bar__links>a:hover {
	background-color: rgba(0, 0, 0, .1)
}

.site-logo {
	display: inline-block;
	height: 100px;
	margin: 24px 0;
	position: relative;
	z-index: 2000
}

@media only screen and (min-width:1024px) {
	.site-logo {
		height: 260px;
		margin: 0;
		margin-top: -66px;
		margin-bottom: 8px;
	}
}

.server-info {
	background-color: #0088bc;
	border-radius: 3px;
	color: #ecf0f1;
	font-size: 20px;
	font-size: 1.42857rem;
	height: 72px;
	left: 0;
	line-height: 1.2;
	margin-left: 0;
	margin-top: -6px;
	margin-top: -42px;
	padding-bottom: 8px;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 8px;
	position: absolute;
	text-align: right;
	top: 50%
}

.server-info>li {
	list-style: none
}

.server-info>li>span {
	font-size: 14px;
	opacity: .5;
	text-transform: uppercase
}

.btn--store {
	font-family: Oswald, sans-serif;
	font-size: 24px;
	font-weight: 400;
	margin-top: -42px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 50%
}

.palm-menu {
	background-color: #ecf0f1;
	border-bottom: 6px solid #cfd9db;
	margin-top: -12px;
	padding: 12px;
	position: relative
}

@media only screen and (min-width:1024px) {
	.palm-menu {
		display: none
	}
}

.site-nav-toggle {
	display: block;
	float: left;
	font-size: 32px;
	line-height: 32px;
	color: #a7a7a7!important
}

.palm-search-toggle {
	display: block;
	float: right;
	font-size: 28px;
	line-height: 32px
}

.site-nav {
	background-color: var(--nav-main);
	z-index: 1000
}

.site-nav>ul {
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0
}

.site-nav>ul>li {
	display: block
}

.site-nav>ul>li>a {
	cursor:pointer;
	box-shadow: inset 0 0 0 #f8f9fa;
	color: var(--nav-text-color);
	display: block;
	font-family: Oswald, sans-serif;
	font-size: 24px;
	font-weight: 200;
	line-height: 3;
	padding-left: 24px;
	padding-right: 24px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all .35s ease-in-out;
	-webkit-box-shadow: inset 0 0 0 #f8f9fa;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: all .35s ease-in-out
}

.site-nav>ul>li>a:focus,
.site-nav>ul>li>a:hover {
	background-color: #f8f9fa;
	border-bottom-color: transparent;
	border-color: #e6e9ea;
	color: var(--text-color-hover)
}

.site-nav>ul>li>a:last-of-type>a {
	border-right: 0
}

.site-nav>ul>li.site-nav__active>a {
	background-color: #fff;
	border-bottom-color: transparent;
	border-left: 0;
	border-right: 0;
	color: var(--text-color-hover);
	cursor: default
}

@media only screen and (min-width:1024px) {
	.site-nav {
		border-bottom: 0;
		border-top: 6px solid #ebce60;
		position: relative
	}
}

@media only screen and (min-width:1024px) {
	.site-nav>ul {
		display: table;
		margin-left: auto;
		padding-left: 24px;
		padding-right: 24px;
		table-layout: fixed
	}
}

@media only screen and (min-width:1024px) {
	.site-nav>ul>li {
		display: table-cell
	}
}

@media only screen and (min-width:1024px) {
	.site-nav>ul>li>a {
		padding-left: 0;
		padding-right: 0;
		text-align: center
	}
}

@media only screen and (min-width:1024px) {
	.site-nav>ul>li>a:focus,
	.site-nav>ul>li>a:hover {
		background-color: transparent;
		box-shadow: inset 0 -70px 0 #f8f9fa;
		-webkit-box-shadow: inset 0 -70px 0 #f8f9fa
	}
}

@media only screen and (min-width:1024px) {
	.site-nav>ul>li.site-nav__active>a {
		box-shadow: 0 -6px 0 0 #f4e3a4;
		-webkit-box-shadow: 0 -6px 0 0 #f4e3a4
	}
}

.startimage {
	max-width: 665px;
}

@media only screen and (max-width:1024px) {
	.site-nav {
		position:relative;
		display:none;
		cursor:pointer;
	}
	.site-nav>ul>li:hover{
		cursor:pointer;
		background-color:#ccc;
	}
	.startimage {
		max-width: 100%;
	}
}

.site-nav__sub {
	display: none
}

@media only screen and (min-width:1024px) {
	.site-nav__sub {
		border-bottom: 2px solid #ecf0f1;
		display: block;
		left: 0;
		line-height: 4;
		margin-left: 0;
		padding-left: 7.5%;
		padding-right: 7.5%;
		position: absolute;
		right: 0;
		top: 100%
	}
	.site-nav__sub>li {
		display: inline-block;
		padding-left: 12px;
		padding-right: 12px
	}
	.site-nav__sub>li>a {
		color: var(--text-color-hover);
		font-family: Oswald, sans-serif;
		font-weight: 200
	}
	.site-nav__sub>li>a:focus,
	.site-nav__sub>li>a:hover {
		color: #ebce60
	}
}

.site-search-toggle {
	width: 60px!important
}

.site-search-toggle .fa {
	font-size: 20px;
	line-height: 60px;
	vertical-align: top
}

.site-search {
	background-color: #ecf0f1;
	display: none;
	opacity: 1;
	padding: 24px;
	transition: opacity .25s;
	-webkit-transition: opacity .25s
}

@media only screen and (min-width:1024px) {
	.site-search {
		border: 2px solid #bdc3c7;
		border-radius: 2px;
		position: absolute;
		right: 8%;
		top: 100%;
		width: 348px;
		z-index: 9000
	}
}

.site-search--open {
	opacity: 1
}

.input-btn {
	display: table;
	table-layout: fixed;
	width: 100%
}

.input-btn__field,
.input-btn__submit {
	display: table-cell;
	height: 48px;
	overflow: hidden;
	vertical-align: middle
}

.input-btn__field>input[type=email],
.input-btn__field>input[type=search],
.input-btn__field>input[type=text] {
	border-radius: 2px 0 0 2px;
	border-right: 0;
	display: block;
	height: 48px;
	width: 100%
}

.input-btn__submit {
	width: 48px
}

.input-btn__submit>.btn {
	border-radius: 0 2px 2px 0;
	box-shadow: none!important;
	display: block;
	height: 48px;
	-ms-transform: none!important;
	transform: none!important;
	-webkit-box-shadow: none!important;
	-webkit-transform: none!important
}

input[type=email],
input[type=search],
input[type=text] {
	border: 2px solid rgba(189, 195, 199, .5);
	box-sizing: border-box;
	height: 48px;
	-moz-box-sizing: border-box;
	padding-left: 12px;
	padding-right: 12px;
	-webkit-box-sizing: border-box
}

input[type=email]:focus,
input[type=search]:focus,
input[type=text]:focus {
	border-color: #57d0ff;
	outline: 0;
	-webkit-appearance: none
}

.page-body {
	background: rgba(119, 165, 204, 0.59);
	height: 100%;
	min-height: 300px;
	padding-bottom: 48px;
	padding-top: 24px
}

@media only screen and (min-width:1024px) {
	.page-body {
		padding-top: 90px
	}
	.noSubmenu .page-body {
		padding-top: 24px
	}
}

.page-title {
	background-color: #0088bc;
	border-bottom: 6px solid #009bd6;
	border-top: 6px solid #009bd6;
	padding-bottom: 24px;
	padding-top: 24px
}

.page-title h1 {
	color: #fff;
	font-size: 40px;
	font-size: 2.85714rem;
	line-height: 1.2;
	line-height: 56px;
	margin-bottom: 0
}

.page-title .btn {
	background-color: #006f99
}

.page-title .btn:focus,
.page-title .btn:hover {
	background-color: #0081b2;
	box-shadow: inset 0 0 0 2px #006f99;
	-webkit-box-shadow: inset 0 0 0 2px #006f99
}

.section {
	margin-bottom: 24px
}

.page-side .section:last-child {
	margin-bottom: 0
}

.main-section__head {
	margin-bottom: 24px
}

.main-section__head .main-section__title {
	vertical-align: middle
}

.main-section__head .btn {
	float: right;
	vertical-align: middle
}

.main-section__title {
	display: inline-block;
	font-size: 36px;
	font-size: 2.57143rem;
	font-weight: 100;
	line-height: 1.33333;
	margin-bottom: 0;
	margin-left: 24px;
	position: relative
}

.main-section__title:before {
	color: #0088bc;
	content: "\f101";
	font-family: FontAwesome;
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	left: -36px;
	position: absolute;
	text-decoration: inherit;
	top: -7px
}

@media only screen and (min-width:1024px) {
	.main-section__title {
		margin-left: 0
	}
}

.section--secondary .main-section__title:before {
	color: #ebce60
}

.games-list {
	font-size: 0;
	list-style: none;
	margin: -6px;
	margin-bottom: 24px;
	position: relative;
	text-align: center
}

.games-list li {
	display: inline-block;
	font-size: 14px;
	padding: 6px;
	width: 100%
}

.games-list:hover .games-list__item {
	opacity: .75
}

.games-list:hover .games-list__item:hover {
	opacity: 1
}

@media only screen and (min-width:481px) {
	.games-list li {
		width: 50%
	}
}

@media only screen and (min-width:1024px) {
	.games-list li {
		width: 33.33%
	}
}

.games-list__item {
	background-color: #7f8c8d;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	border: 6px solid #ecf0f1;
	box-shadow: inset 0 2px 6px rgba(0, 0, 0, .15), 0 2px 0 0 #cfd9db;
	color: #fff;
	cursor: pointer;
	height: 248px;
	overflow: hidden;
	position: relative;
	transition: all .25s ease-in-out;
	-webkit-background-size: auto 100%;
	-webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, .15), 0 2px 0 0 #cfd9db;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition: all .25s ease-in-out
}

.games-list__item:after {
	background-color: transparent;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#000), color-stop(25%, transparent));
	background-image: -webkit-linear-gradient(bottom, #000, transparent 25%);
	background-image: linear-gradient(to top, #000, transparent 25%);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: .75;
	position: absolute;
	right: 0;
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out
}

.games-list__item:hover {
	background-size: auto 110%;
	opacity: 1;
	-webkit-background-size: auto 110%
}

.slick-center .games-list__item {
	background-size: auto 110%;
	opacity: 1;
	-webkit-background-size: auto 110%
}

.games-list__item:hover:after,
.slick-center .games-list__item:after {
	background-color: #0088bc;
	background-image: none;
	height: 100%;
	opacity: .75
}

.games-list__item:hover .games-list__content {
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	-webkit-transform: translate(0, -100%)
}

.slick-center .games-list__item {
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transform: scale(1.05)
}

.slick-center .games-list__item .games-list__content {
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	-webkit-transform: translate(0, -100%)
}

.slick-center .games-list__item:after {
	background-color: #0076a3
}

.games-list__content {
	color: #fff;
	left: 0;
	margin-bottom: 0;
	-ms-transform: translate(0, -48px);
	padding: 12px;
	position: absolute;
	right: 0;
	text-align: left;
	top: 100%;
	transform: translate(0, -48px);
	transition: all .35s;
	-webkit-transform: translate(0, -48px);
	-webkit-transition: all .35s;
	z-index: 10
}

.games-list__title {
	margin-bottom: 12px;
	white-space: nowrap
}

.games-list__title>a {
	color: #fff
}

.games-list__desc {
	margin-bottom: 0
}

.site-news .slick-list {
	position: relative
}

.site-news .slick-list .slick-track {
	margin-bottom: 6px
}

.site-news__post {
	color: #fff;
	position: relative
}

.site-news__post .post__img {
	background-position: 50% 50%;
	background-size: auto 150%;
	height: 500px;
	-webkit-background-size: auto 150%
}

.site-news__post .post__body {
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .75)));
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .75) 100%);
	background-image: linear-gradient(transparent, rgba(0, 0, 0, .75) 100%);
	bottom: 0;
	padding-bottom: 24px;
	padding-top: 24px;
	position: absolute;
	width: 100%
}

.site-news__post .post__body>.btn {
	bottom: 24px;
	position: absolute;
	right: 68px
}

.site-news__post .post__time {
	float: left;
	font-weight: 200;
	height: 60px;
	margin-right: 24px;
	margin-top: 4px;
	text-align: center;
	width: 60px
}

.site-news__post .post__time>.month {
	background-color: #0088bc;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	padding: 6px;
	text-transform: uppercase
}

.site-news__post .post__time>.day {
	background-color: #fff;
	border-bottom: 4px solid #95a5a6;
	color: #000;
	font-size: 36px;
	line-height: 1;
	padding: 6px
}

.site-news__post .post__content {
	margin-bottom: 0;
	margin-left: 84px
}

.site-news__post .post__content:last-child {
	margin-bottom: 0
}

.site-news__post .post__title {
	margin-bottom: 12px
}

.site-news__post .post__title>a {
	color: #fff;
	font-size: 36px;
	font-size: 2.57143rem;
	line-height: 1.33333
}

.site-news__post .post__title>a:focus,
.site-news__post .post__title>a:hover {
	color: #ebce60
}

@media only screen and (min-width:1024px) {
	.site-news__post .post__img {
		background-size: 100% auto;
		-webkit-background-size: 100% auto
	}
}

.post__byline {
	font-size: 12px;
	font-size: .85714rem;
	line-height: 2;
	line-height: 2;
	padding-bottom: 2px;
	text-transform: uppercase
}

.byline__section {
	border-left: 2px solid rgba(255, 255, 255, .15);
	display: inline-block;
	padding-left: 12px;
	padding-right: 12px
}

.byline__section:first-child {
	border-left: 0;
	padding-left: 0
}

.byline__section:last-child {
	border-left: 0
}

.slider-nav {
	background-color: #0088bc;
	background-color: #0088bc;
	border-bottom: 0!important;
	color: #fff;
	font-size: 24px;
	height: 48px;
	line-height: 48px;
	margin-top: -12px;
	-ms-transform: translate(0, -2px);
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(0, -2px);
	transition: all .25s ease-in-out;
	-webkit-transform: translate(0, -2px);
	-webkit-transition: all .25s ease-in-out;
	width: 72px;
	z-index: 5
}

.slider-nav:focus,
.slider-nav:hover {
	background-color: #009bd6;
	box-shadow: inset 0 0 0 2px #0088bc;
	-webkit-box-shadow: inset 0 0 0 2px #0088bc
}

.slider-nav:focus,
.slider-nav:hover {
	color: #fff;
	-ms-transform: translate(0, -6px);
	transform: translate(0, -6px);
	-webkit-transform: translate(0, -6px)
}

.games-list .slider-nav {
	background-color: #ebce60
}

.games-list .slider-nav:focus,
.games-list .slider-nav:hover {
	background-color: #eed577;
	box-shadow: inset 0 0 0 2px #ebce60;
	-webkit-box-shadow: inset 0 0 0 2px #ebce60
}

.site-news .slider-nav {
	opacity: 0
}

.site-news:hover .slider-nav {
	opacity: 1
}

.slider-nav--previous {
	left: 0;
	padding-left: 24px
}

.games-list .slider-nav--previous {
	background-color: #ebce60
}

.slider-nav--next {
	padding-right: 24px;
	right: 0
}

.games-list .slider-nav--next {
	background-color: #ebce60
}

.page-side {
	padding: 24px
}

.separated {
	padding-bottom: 72px;
	padding-top: 72px
}

.separated:nth-child(even) {
	background-color: #ecf0f1
}



.store .page-body {
	position: relative;
	z-index: 100
}

.store .server-info {
	background-color: #0088bc;
	border-radius: 4px;
	color: #fff;
	display: none;
	font-size: 20px;
	height: 72px;
	left: 0;
	line-height: 1.2;
	margin-left: 0;
	margin-top: -30px;
	margin-top: -42px;
	padding: 8px 24px;
	position: absolute;
	text-align: right;
	top: 50%
}

@media only screen and (min-width:1024px) {
	.store .server-info {
		display: block
	}
}

.store__bar {
	border-bottom-width: 2px;
	margin-bottom: 0;
	padding: 12px 0
}

.store__bar>.wrapper2 {
	margin-left: auto;
	margin-right: auto;
	max-width: 1440px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.store__bar .btn-group {
	display: inline-block
}

@media only screen and (min-width:1024px) {
	.store__bar>.wrapper2 {
		display: table;
		padding-left: 0;
		padding-right: 0;
		width: 85%
	}
}

.store__btn {
	display: table-cell;
	vertical-align: middle
}

@media only screen and (min-width:1024px) {
	.store__nav {
		display: table-cell;
		vertical-align: middle
	}
}

.store__nav>ul {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle
}

.store__nav li {
	display: block
}

.store__nav li>a {
	color: #bdc3c7;
	display: block;
	font-family: Oswald, sans-serif;
	font-size: 16px;
	font-weight: 200;
	padding-left: 12px;
	padding-right: 12px;
	text-transform: uppercase
}

.store__nav li>a:focus,
.store__nav li>a:hover {
	background-color: #23393e;
	color: #ebce60
}

.store__nav li.store__nav__active>a {
	color: #fff
}

@media only screen and (min-width:1024px) {
	.store__nav li {
		display: inline-block
	}
}

.site-nav>ul>li>a {
	font-size: 16px
}

.store__controls {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap
}

.store__login-info {
	display: inline-block;
	padding-right: 12px
}

.table {
	background-color: #fff
}

.table--striped tr:nth-of-type(odd) {
	background-color: #ecf0f1
}

.table--ranks {
	border-radius: 2px;
	color: #fff;
	overflow: hidden
}

.table--ranks tbody tr {
	border-bottom: 2px solid rgba(0, 0, 0, .05)
}

.table--ranks tbody tr:nth-child(1) {
	background-color: #002abc
}

.table--ranks tbody tr:nth-child(2) {
	background-color: #004abc
}

.table--ranks tbody tr:nth-child(3) {
	background-color: #0069bc
}

.table--ranks tbody tr:nth-child(4) {
	background-color: #0088bc
}

.table--ranks tbody tr:nth-child(5) {
	background-color: #00a8bc
}

.table--ranks tbody tr:nth-child(6) {
	background-color: #00bcb2
}

.table--ranks tbody tr:nth-child(7) {
	background-color: #00bc92
}

.table--ranks tbody tr:nth-child(8) {
	background-color: #00bc73
}

.table--ranks tbody tr:nth-child(9) {
	background-color: #00bc53
}

.table--ranks tbody td {
	vertical-align: middle
}

.table--ranks a {
	color: #fff
}

.ranks__img {
	width: 84px
}

.ranks__img>img {
	border-radius: 2px;
	display: block
}

.ranks__title {
	font-family: Oswald, sans-serif;
	font-size: 24px;
	font-weight: 400;
	width: 50%
}

.ranks__title a {
	border-bottom: 0
}

.ranks__price {
	color: #ecf0f1;
	font-size: 20px;
	font-weight: 400;
	text-align: right
}

@media only screen and (min-width:1024px) {
	.ranks__price {
		text-align: center
	}
}

.ranks__btn {
	display: none
}

@media only screen and (min-width:1024px) {
	.ranks__btn {
		background-color: #315158;
		display: table-cell;
		text-align: center
	}
}

.package-popup {
	max-width: 1360px
}

.package-title {
	margin-bottom: 12px
}

@media only screen and (min-width:1024px) {
	.package-title {
		float: left
	}
}

@media only screen and (min-width:1024px) {
	.package-buy {
		float: right
	}
}

.package-buy .btn,
.package-buy .price {
	display: inline-block;
	vertical-align: middle
}

.package-buy .price {
	font-size: 24px;
	margin-right: 24px;
	color:#444;
}

.package-content p,
.package-content span{
	font-family: 'Lato', sans-serif !important;
	font-weight: 400;
}

.price {
	color: #e4e4e4;
	font-weight:500;
}
.shoppingcart .price{
	color:#7f8c8d;
}
.checkout-tax{
	line-height:normal;
	margin-top:-7px;
}

.page-side .price{
	color:#789eab;
}

.package-tabs {
	height: 40px;
	overflow: hidden
}

.package-tabs .tabs {
	cursor: col-resize;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	overflow: hidden;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	white-space: nowrap
}

.store .page-body {
	padding-top: 92px!important;
    margin-top: 40px
}

.group:after,
.section__head:after {
	clear: both;
	content: "";
	display: table
}

.btn-group {
	position: relative
}

.dropdown-menu {
	background-color: #fff;
	border: 2px solid #8c9899;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
	color: var(--text-color);
	display: none;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 6px;
	position: absolute;
	text-align: center;
	top: 100%;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
	z-index: 10000;
	font-size: 14px;
}

.dropdown-menu li>a {
	border-radius: 2px;
	color: #8c9899;
	display: block;
	line-height: 1;
	padding: 6px
}

.dropdown-menu li>a:focus,
.dropdown-menu li>a:hover {
	background-color: #ecf0f1
}

.dropdown-menu .active>a {
	background-color: var(--text-color-hover)!important;
	background-image: none;
	color: #fff!important
}

.open {
	*z-index: 1000
}

.open>.dropdown-menu {
	display: block
}

.modal {
	background-color: #fff;
	border: 2px solid #8c9899;
	border-radius: 4px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, .25);
	left: 50%;
	max-width: 1200px;
	-ms-transform: translate(-50%, -50%);
	outline: 0;
	padding: 24px;
	position: fixed;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .25);
	-webkit-transform: translate(-50%, -50%);
	width: 90%;
	z-index: 10000;
	height: 70%;
	max-height: calc(100vh - 200px);
	overflow-y: scroll;
	margin: 20px;
	line-height:2;
}

.modal-backdrop {
	background-color: #717da9;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999
}

.modal-backdrop.in {
	opacity: .6
}

.btn {
	background-image: none;
	font-weight: 500;
}

.btn[disabled] {
	background-color: #ecf0f1;
	box-shadow: inset 0 2px 0 #bdc3c7;
	color: #95a5a6;
	cursor: not-allowed;
	-webkit-box-shadow: inset 0 2px 0 #bdc3c7
}

.btn[disabled]:active,
.btn[disabled]:focus,
.btn[disabled]:hover {
	background-color: #ecf0f1;
	box-shadow: inset 0 2px 0 #bdc3c7;
	color: #95a5a6;
	cursor: not-allowed;
	-webkit-box-shadow: inset 0 2px 0 #bdc3c7
}

.hidden {
	display: none
}

.store__title {
	color: #fff;
	display: inline-block;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 0;
	margin-left: 12px;
	margin-top: 4px;
	text-transform: uppercase;
	vertical-align: middle
}

.btn--homepage {
	font-family: Oswald, sans-serif !important;
	font-size: 20px;
	font-weight: 400 !important;
	line-height: 48px;
	margin-right: 12px;
	position: relative;
	text-transform: uppercase;
	top: 2px
}

.btn--homepage>i {
	line-height: 2.5
}

.site-nav li {
	position: relative
}

.store .site-nav {
	border-top-color: var(--nav-border)
}

.store .site-nav__active>a {
	box-shadow: 0 -6px 0 0 #68c5e9!important;
	-webkit-box-shadow: 0 -6px 0 0 #68c5e9!important
}

.site-nav .dropdown-menu {
	border: 0;
	padding: 0;
	width: 100%
}

.site-nav .dropdown-menu li>a {
	border-bottom: 2px solid #ecf0f1;
	font-family: Oswald, sans-serif;
	font-size: 16px;
	font-weight: 200;
	line-height: 1.5;
	padding: 12px
}

.site-nav .dropdown-menu li>a:focus,
.site-nav .dropdown-menu li>a:hover {
	color: var(--text-color-hover)
}

.caret {
	margin-top: -4px;
	position: absolute;
	right: 12px;
	
	display: inline-block;
    width: 12px;
    height: 48px;
    margin-left: 0;
    vertical-align: baseline;
    border: none;
}

.caret:before {
	color: #bdc3c7;
	content: "\f078";
	font-family: FontAwesome;
	font-size: 12px
}

.category-package {
	margin-bottom: 75px;
	width: 100%
}

.category-package .price .oldPrice {
	text-decoration: line-through;
	color:#864b4b;
}

.category-package .image {
	border: 2px solid rgba(0, 0, 0, 0.22);
    background: rgba(255, 255, 255, 0.25);
	border-radius: 4px;
	margin: 0 auto 12px;
	padding: 6px;
	text-align: center
}

.category-package .image>a {
	border-bottom: 0
}

.category-package .image>a>img {
	height: 150px;
	width: auto
}

.category-package .info {
	float: left;
	line-height: 21px
}

.category-package .info>.name {
	font-family: Oswald, sans-serif;
	font-size: 20px;
	font-weight: 300;
	word-break: break-word;
	word-wrap: break-word
}

.category-package .buttons {
	float: right;
	width: auto
}

.tooltip {
	background-color: rgba(0, 0, 0, .5);
	border-radius: 4px;
	color: #fff;
	left: 0;
	padding: 6px 12px;
	position: absolute;
	top: 0;
	transition: opacity .25s;
	-webkit-transition: opacity .25s
}

.package-list__img {
	background-color: #fff;
	border: 2px solid #bdc3c7;
	border-radius: 2px;
	display: inline-block;
	height: 48px;
	padding: 2px;
	vertical-align: middle;
	width: 48px
}

.package-list__name.package-list__name {
	border-bottom: 0;
	display: inline-block;
	font-family: Oswald, sans-serif;
	font-size: 20px;
	font-weight: 400;
	margin-left: 12px;
	vertical-align: middle
}

.package-list .price {
	font-size: 20px
}

.table thead tr {
	color: #000;
	text-transform: uppercase
}

.table tr {
	border-bottom: 2px solid #ecf0f1;
	padding: 12px
}

.table--striped tr:nth-child(odd) {
	background-color: #f3fafc!important
}

.table--striped tr:nth-child(even) {
	background-color: transparent
}

.basket-dropdown {
	left: auto;
	padding: 12px;
	right: 0;
	width: 300px
}
.basket-dropdown .basket-content{
	display:inline;
}

.basket-dropdown .package {
	border-bottom: 2px solid #ecf0f1;
	display: table;
	margin-bottom: 6px;
	padding-bottom: 6px;
	table-layout: fixed;
	width: 100%
}

.basket-dropdown .name,
.basket-dropdown .price,
.basket-dropdown .remove {
	display: table-cell
}

.basket-dropdown .name {
	text-align: left;
	font-weight: 400;
}

.basket-dropdown .price {
	text-align: right;
}

.basket-dropdown .remove {
	padding-right: 6px;
	text-align: right;
	width: 32px
}

.basket-dropdown .checkout,
.basket-dropdown .total {
	display: inline-block;
	margin-right: -.25em;
	margin-top: 6px;
	vertical-align: middle;
	width: 50%
}

.basket-dropdown .total {
	text-align: left;
	font-weight: 400;
}

.basket-dropdown .checkout {
	text-align: right
}

.coupons {
	margin-bottom: 24px
}

.text-input,
input[type=text] {
	height: 32px;
	line-height: 32px;
	padding: 0 6px;
	width: 100%
}

label {
	color: #8c9899;
	font-size: 12px;
	text-transform: uppercase
}

.content.checkout label{
	color:#e8e8e8;
}

.package-tabs {
	cursor: col-resize;
	overflow: hidden;
	position: relative
}

.package-tabs.nodrag {
	cursor: default;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none
}

.package-tabs__inner {
	display: inline-block;
	white-space: nowrap
}

.tabs>.ui-tabs-active>a {
	background-color: #fff;
	border-bottom: 0 none!important;
	color: var(--text-color);
	cursor: default;
	padding-bottom: 4px
}

.close {
    color: #444;
    float: right;
    font-size: 18px;
    cursor: pointer !important;
    opacity: 0.3;
}

[id=notification-bar] {
	background-color: #0088bc;
	border-radius: 4px;
	color: #fff;
	display: none;
	font-size: 18px;
	margin-bottom: 24px;
	padding: 12px
}

[id=notification-bar].error {
	background-color: #e74c3c
}

.store__btn,
.store__controls {
	display: block
}

.store__btn {
	margin-bottom: 5px
}

.store__controls btn {
	font-size: 12px
}

@media only screen and (min-width:1024px) {
	.store__bar>.wrapper2 {
		display: table
	}
	.store__btn {
		display: table-cell;
		margin-bottom: 0
	}
	.store__controls {
		display: table-cell;
		margin-bottom: 0
	}
	.store__controls btn {
		font-size: inherit
	}
}

.username-button,
.username-container {
	float: left
}

.username-container {
	margin-right: -100px;
	width: 100%
}

.username-button {
	width: 100px
}

.username-input.username-input {
	height: 56px
}

.scratch {
	display: none
}

.basket.gateways>.gateway {
	float: left;
	font-size: 12px;
	height: 65px;
	margin: 15px 15px 0 -3px;
	text-align: center;
	width: 99px
}

.basket.gateways>.gateway .offset {
	font-weight: 700
}

.basket.gateways>.gateway input[type=submit] {
	border: 0;
	height: 66px;
	line-height: -9999px;
	text-indent: -9999px;
	text-transform: capitalize;
	width: 99px
}

.basket.gateways>.gateway input[type=submit]:hover {
	opacity: .7
}

.basket.gateways>.empty {
	font-size: 16px;
	font-weight: 700;
	padding: 10px 0 0 0
}

.recent-donator {
	margin-bottom: 12px
}

.recent-donator .media__img {
	margin-right: 12px
}

.recent-donator img {
	background: #888;
	height: 32px;
	width: 32px
}

.recent-donator .username {
	font-size: 16px;
	margin-bottom: 0
}

.recent-donator .extra {
	font-size: 12px;
	text-transform: uppercase
}

.dropdown-menu {
	z-index: 9999
}

.dropup .dropdown-menu {
	bottom: 100%;
	top: auto
}

.page-foot {
	background-color: #2b2a28;
	color: #fff;
	overflow: visible!important;
	overflow: hidden;
	padding: 24px 0;
	min-height: 80px;
}

.page-foot>.wrapper2 {
	background-color: var(--footer-nav);
	border-bottom: 6px solid var(--footer-nav);
	border-radius: 2px;
	-khtml-border-radius: 2px;
	line-height: 48px;
	margin-bottom: 24px;
	-moz-border-radius: 2px;
	overflow: hidden;
	padding: 0 24px;
	-webkit-border-radius: 2px
}

.page-foot .language {
	position: relative
}

.page-foot a {
	color: #fff
}

.page-foot .choosers {
	float: left;
	margin-bottom: 0;
	overflow: hidden
}

.page-foot .choosers dt {
	display: none
}

.page-foot .choosers dd {
	float: left;
	margin-left: 0
}

.footerLinks {
	float: right;
	margin-bottom: 0;
	overflow: hidden
}

.footerLinks li {
	display: inline-block;
	list-style: none;
	margin-right: 12px;
	vertical-align: middle
}

.footerLinks li:last-child {
	margin-right: 0
}

.footerLinks .globalFeed {
	border-bottom: 0;
	display: block;
	height: 16px;
	line-height: 12px;
	overflow: hidden;
	position: relative;
	text-indent: 200%;
	white-space: nowrap;
	width: 16px
}

.footerLinks .globalFeed:before {
	bottom: 0;
	color: #f60;
	content: "\f09e";
	font-family: FontAwesome;
	font-size: 14px;
	left: 0;
	position: absolute;
	text-indent: 0
}

.footerLinks a {
	border-bottom: 0
}

.footerLinks .fa-rss {
	color: #f60
}

.footerLinks .fa-twitter {
	color: #55acee
}

.footerLegal .pageContent {
	font-size: 12px;
	overflow: hidden;
	padding: 6px 0 12px;
	text-align: center;
	text-transform: uppercase;
	zoom: 1
}

#copyright {
	float: left
}

#legal {
	float: right
}

#legal li {
	float: left;
	list-style: none
}

.footerLinks li {
	font-size: 12px;
	text-transform: uppercase
}

.top-donator>.info {
	text-align: center
}

.top-donator>.skin {
	text-align: center
}

.top-donator>.skin>.mc-skin {
	display: inline-block;
	height: 90px;
	width: 40px
}

.text-danger {
	color: rgba(188, 0, 0, .92)
}
label{
	float:none;
}

a:link,
a:visited {
    font-family: 'Lato', sans-serif;
}

.shoppingcart .remove a{
	color:#7f8c8d;
}
.shoppingcart .remove a:focus,
.shoppingcart .remove a:hover{
	color:#e07171;
}
.headerbasket{
	height:auto;
}
.totalbasket{
	margin-bottom: 10px;
    margin-top: 18px;
}
.totalbasket tr{
	background-color:none;
	border:none;
}
.totalbasket td{
	padding:0;
	margin:0;
}
.totalbasket .total,
.totalbasket .totaltitle{
	margin:0;
	font-size:20px;
	color:#8e8e8e;
	font-family: Lato, sans-serif !important;
}
.totalbasket .tax{
	margin:0;
	font-size:11px;
	font-weight: 400;
    color: #949494;
	font-family: Lato, sans-serif !important;
}

.newLine a:link,
.newLine a:visited  {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #8c9899;
    TEXT-DECORATION: underline;
}
.newLine a:hover{
	color:#d4a806;
}
.newLine{
	margin-top:50px;
}

.content.checkout .newLine a:link,
.content.checkout .newLine a:visited  {
	color:#e8e8e8;
}
.content.checkout .newLine a:hover{
	color:#e4de94:
}

.RedirectPaymentBox{
	background-color: #ffffff75;
    padding: 65px;
    border-radius: 10px;
    margin: 50px auto;
    display: block;
    width: fit-content;
	box-shadow: #0000003b 0px 0px 4px;
}
.RedirectPaymentLogo{
	margin-bottom: 20px;
}
.RedirectPaymentLogo img{
	max-width:250px;
}
.RedirectPaymentStatus{
	font-size: 18px;
    font-weight: 400;
    font-family: Lato;
    color: #2b2a28;
}

.ProcessPaymentBox{
	background-color: #ffffff75;
    padding: 65px;
    padding-top: 0px;
    border-radius: 10px;
    margin: 50px auto;
    display: block;
	max-width:800px;
    box-shadow: #0000003b 0px 0px 4px;
}
.ProcessPaymentLogo{
	position: relative;
    top: -29px;
    left: -84px;
}
.ProcessPaymentLogo img{
	max-width:400px;
}
.ProcessPaymentStatusTitle{
	font-size: 22px;
    font-weight: bold;
    font-family: Lato;
    color: #2b2a28;
    display: block;
}
.ProcessPaymentStatusText{
	font-size: 20px;
    font-weight: 400;
    font-family: Lato;
	margin-top: 20px;
    color: #2b2a28;
    display: block;
}

.playername {
	color:#fff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
}
.username-btn {
	padding: 0px 20px !important;
    font-size: 14px !important;
    border: none !important;
    width: auto !important;
}

.checkoutPayPal {
	background:url("../img/paypal.png") !important;
}
.checkoutPaySafe {
	background:url("../img/paysafe.png") !important;
}
.checkoutSkrill {
	background:url("../img/skrill.png") !important;
}
.checkoutSofort {
	background:url("../img/sofort.png") !important;
}
.checkoutMaster {
	background:url("../img/master.png") !important;
}
.checkoutGiropay {
	background:url("../img/giropay.png") !important;
}

.serverstatus {
	font-weight:500;
}