html {
	box-sizing: border-box
}

*,
:after,
:before {
	box-sizing: inherit
}

body,
html {
	min-height: 100% !important;
	display: block;
	position: relative
}
.main { min-height: 80vh;}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem
}

@media screen and (min-width:640px) {
	.container {
		max-width: 640px
	}
}

@media screen and (min-width:900px) {
	.container {
		max-width: 900px
	}
}

@media screen and (min-width:1200px) {
	.container {
		max-width: 1200px
	}
}

@media screen and (min-width:1900px) {
	.container {
		max-width: 1900px
	}
}

.clearfix:after {
	content: "";
	display: table;
	clear: both
}

.hero__p5r-logo {
	left: 50%;
	transform: translateX(-50%)
}

.newsletter,
.preorder,
.trailers {
	padding-right: 5%;
	padding-left: 5%
}

html {
	background-color: #000
}

body {
	background: url("../img/bck.jpg") top center; background-repeat: no-repeat;
}

section {
	position: relative;
	z-index: 20
}

@media screen and (min-width:1900px) {
	section {
		margin-left: auto;
		margin-right: auto;
		max-width: 1900px
	}
}

.bg-red-line {
	background-image: url(../images/background/big-red-line-409bd3c167.png);
	background-position-y: 72.9%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: -1
}

@media screen and (min-width:640px) {
	.bg-red-line {
		background-image: url(../images/background/big-red-line_2-99ab834457.png);
		background-position: -7vw 22vw;
		background-size: 109.0625%;
		margin-top: 0
	}
}

@media screen and (min-width:1900px) {
	.bg-red-line {
		width: 2094px;
		left: 48.1%;
		background-position: center 405.68px;
		background-size: 100%;
		transform: translateX(-50%)
	}
}

.bg-red-shadow {
	background-image: url(../images/background/red-shadow-1c146c815c.png);
	background-position-y: 71%;
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10
}

@media screen and (min-width:640px) {
	.bg-red-shadow {
		background-image: url(../images/background/red-shadow_2-f3b76fd639.png);
		background-position-y: 61.7%
	}
}

body {
	font-family: tablet-gothic-condensed, sans-serif;
	color: #fff
}

.glide {
	position: relative;
	width: 100%;
	box-sizing: border-box
}

.glide * {
	box-sizing: inherit
}

.glide__slides,
.glide__track {
	overflow: hidden
}

.glide__slides {
	position: relative;
	width: 100%;
	list-style: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	touch-action: pan-Y;
	padding: 0;
	white-space: nowrap;
	display: flex;
	flex-wrap: nowrap;
	will-change: transform
}

.glide__slide,
.glide__slides--dragging {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.glide__slide {
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	white-space: normal;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent
}

.glide__slide a {
	-webkit-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.glide__arrows,
.glide__bullets {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.glide--rtl {
	direction: rtl
}

.glide__arrow {
	position: absolute;
	display: block;
	top: 50%;
	z-index: 2;
	color: #fff;
	text-transform: uppercase;
	padding: 9px 12px;
	background-color: transparent;
	border: 2px solid hsla(0, 0%, 100%, .5);
	border-radius: 4px;
	box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
	text-shadow: 0 .25em .5em rgba(0, 0, 0, .1);
	opacity: 1;
	cursor: pointer;
	transition: opacity .15s ease, border .3s ease-in-out;
	transform: translateY(-50%);
	line-height: 1
}

.glide__arrow:focus {
	outline: none
}

.glide__arrow:hover {
	border-color: #fff
}

.glide__arrow--left {
	left: 2em
}

.glide__arrow--right {
	right: 2em
}

.glide__arrow--disabled {
	opacity: .33
}

.glide__bullets {
	position: absolute;
	z-index: 2;
	bottom: 2em;
	left: 50%;
	display: inline-flex;
	list-style: none;
	transform: translateX(-50%)
}

.glide__bullet {
	background-color: hsla(0, 0%, 100%, .5);
	width: 9px;
	height: 9px;
	padding: 0;
	border-radius: 50%;
	border: 2px solid transparent;
	transition: all .3s ease-in-out;
	cursor: pointer;
	line-height: 0;
	box-shadow: 0 .25em .5em 0 rgba(0, 0, 0, .1);
	margin: 0 .25em
}

.glide__bullet:focus {
	outline: none
}

.glide__bullet:focus,
.glide__bullet:hover {
	border: 2px solid #fff;
	background-color: hsla(0, 0%, 100%, .5)
}

.glide__bullet--active {
	background-color: #fff
}

.glide--swipeable {
	cursor: grab;
	cursor: -webkit-grab
}

.glide--dragging {
	cursor: grabbing;
	cursor: -webkit-grabbing
}

@-webkit-keyframes a {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes a {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes b {
	0% {
		transform: translateY(100px)
	}

	to {
		transform: translate(0)
	}
}

@keyframes b {
	0% {
		transform: translateY(100px)
	}

	to {
		transform: translate(0)
	}
}

.modal-video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	z-index: 1000000;
	cursor: pointer;
	opacity: 1;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-name: a;
	animation-name: a;
	transition: opacity .3s ease-out
}

.modal-video-close {
	opacity: 0
}

.modal-video-close .modal-video-movie-wrap {
	transform: translateY(100px)
}

.modal-video-body {
	max-width: 940px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: table
}

.modal-video-inner {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%
}

.modal-video-movie-wrap {
	width: 100%;
	height: 0;
	position: relative;
	padding-bottom: 56.25%;
	background-color: #333;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-name: b;
	animation-name: b;
	transform: translate(0);
	transition: transform .3s ease-out
}

.modal-video-movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.modal-video-close-btn {
	position: absolute;
	z-index: 2;
	top: -35px;
	right: -35px;
	display: inline-block;
	width: 35px;
	height: 35px;
	overflow: hidden;
	border: none;
	background: transparent
}

.modal-video-close-btn:before {
	transform: rotate(45deg)
}

.modal-video-close-btn:after {
	transform: rotate(-45deg)
}

.modal-video-close-btn:after,
.modal-video-close-btn:before {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #fff;
	border-radius: 5px;
	margin-top: -6px
}

.hero {
	position: relative
}

@media screen and (min-width:640px) {
	.hero {
		margin-bottom: 5%
	}
}

.hero__keyart {
	width: 100%
}

@media screen and (min-width:640px) {
	.hero__keyart {
		width: 83.78947%;
		margin-left: 1%
	}
}

.hero__tagline {
	display: block;
	margin: -5.5375% auto 0;
	width: 93.125%
}

@media screen and (min-width:640px) {
	.hero__tagline {
		position: absolute;
		top: 46%;
		right: 3.94737%;
		width: 34%;
		margin: 0
	}
}

.hero__p5r-logo {
	width: 45.15625%;
	position: absolute;
	top: 32.725%
}

@media screen and (min-width:640px) {
	.hero__p5r-logo {
		top: 3%;
		right: 3.15789%;
		left: unset;
		bottom: unset;
		transform: unset;
		width: 34%
	}
}

.hero__release-date {
	display: block;
	width: 73.28125%;
	margin: 12.2375% auto
}

@media screen and (min-width:640px) {
	.hero__release-date {
		position: absolute;
		top: 69.10526%;
		right: 3.94737%;
		width: 16.42105%;
		margin: 0
	}
}

.glide img {
	width: 100%;
	cursor: pointer;
	transition: .2s cubic-bezier(.645, .045, .355, 1)
}

.glide img:hover {
	transform: scale(1.05)
}

.glide__slide {
	text-align: center
}

@media screen and (min-width:640px) {
	.glide__slide {
		padding: 0
	}
}

.glide__arrow--left {
	background-image: url(../images/controls/arrow_prev-1cb5d2bc13.png);
	left: -1em
}

@media screen and (min-width:640px) {
	.glide__arrow--left {
		left: -1.4em
	}
}

.glide__arrow--right {
	background-image: url(../images/controls/arrow_next-a25bb7dbef.png);
	right: -1em
}

@media screen and (min-width:640px) {
	.glide__arrow--right {
		right: -1.4em
	}
}

.glide__arrow--left,
.glide__arrow--right {
	border: none;
	box-shadow: none;
	background-size: contain;
	background-repeat: no-repeat;
	height: 0;
	width: 7.1875%;
	padding-bottom: 18.59375%
}

@media screen and (min-width:640px) {

	.glide__arrow--left,
	.glide__arrow--right {
		width: 2.7%;
		padding-bottom: 6%
	}
}

.trailers {
	margin-bottom: 11%
}

@media screen and (min-width:640px) {
	.trailers {
		margin-bottom: 7%
	}
}

.trailers__header img {
	width: 58.125%;
	max-width: 420px
}

@media screen and (min-width:640px) {
	.trailers__header img {
		width: 22.10526%
	}
}

.trailers__header {
	margin-bottom: 3.5625%
}

.preorder__thieves {
	margin-bottom: 24%
}

@media screen and (min-width:640px) {
	.preorder__thieves {
		margin-bottom: 17.4%
	}
}

.preorder__launch {
	margin-bottom: 20%
}

@media screen and (min-width:640px) {
	.preorder__launch {
		margin-bottom: 16%
	}
}

.preorder__launch .preorder__header {
	margin-bottom: 17%
}

@media screen and (min-width:640px) {
	.preorder__launch .preorder__header {
		margin-bottom: 7%
	}
}

.preorder__header img {
	width: 58.125%;
	max-width: 420px
}

@media screen and (min-width:640px) {
	.preorder__header img {
		width: 22.10526%
	}
}

.preorder__header {
	position: relative;
	margin-bottom: 7%;
	z-index: 20
}

.preorder__glamshot {
	display: block;
	margin: 0 auto 3%;
	width: 100%
}

@media screen and (min-width:640px) {
	.preorder__glamshot {
		margin-top: -8.89535%;
		width: 84%
	}
}

@media screen and (min-width:640px) {
	.preorder__glamshot-launch {
		margin-top: -10.69535%
	}
}

.preorder__header-launch,
.preorder__header-thieves {
	display: block;
	margin-bottom: 8%;
	width: 76.875%
}

.preorder__header-thieves {
	margin-left: auto
}

@media screen and (min-width:640px) {
	.preorder__header-thieves {
		width: 34%;
		margin-top: -12.3%
	}
}

@media screen and (min-width:640px) {
	.preorder__header-launch {
		width: 33%;
		margin-top: -12.9%;
		margin-left: 6%
	}
}

.preorder__buttons {
	padding: 0 2%;
	transform: rotate(-5deg)
}

@media screen and (min-width:640px) {
	.preorder__buttons {
		position: absolute;
		width: 33%;
		top: 92%
	}
}

@media screen and (min-width:640px) {
	.preorder__buttons-thieves {
		left: 25.7%
	}
}

@media screen and (min-width:640px) {
	.preorder__buttons-launch {
		right: 25.7%;
		top: 95%
	}
}

.preorder__launch .preorder__buttons {
	transform: rotate(5deg)
}

.preorder__button {
	display: inline-block;
	width: 47%;
	transition: .2s cubic-bezier(.645, .045, .355, 1)
}

.preorder__button:hover {
	transform: scale(1.05)
}

@media screen and (min-width:640px) {
	.preorder__button {
		width: 45%
	}
}

.preorder__button img {
	width: 100%
}

.preorder__button:nth-child(odd) {
	margin-right: 4.375%
}

.preorder__button:nth-child(-n+4) {
	margin-bottom: 2.5%
}

.newsletter__header img {
	display: inline-block;
	position: relative;
	width: 69.375%;
	z-index: 30
}

@media screen and (min-width:640px) {
	.newsletter__header img {
		width: 43.325%;
		margin-left: 18%
	}
}

.newsletter__subheader {
	font-size: 2.7vw;
	font-weight: 700;
	letter-spacing: .2vw;
	line-height: 3.5vw;
	width: 86%;
	margin-left: 18%;
	margin-bottom: 2%;
	transform: rotate(3deg)
}

@media screen and (min-width:640px) {
	.newsletter__subheader {
		font-size: 1.7vw;
		line-height: 2vw;
		margin-left: 19%;
		letter-spacing: .1vw
	}
}

@media screen and (min-width:1900px) {
	.newsletter__subheader {
		font-size: 32.3px;
		line-height: 38px;
		letter-spacing: 1.9px;
		width: 616.422px
	}
}

.newsletter__container {
	background-image: url(../images/background/newsletter_bg-adcede5ad0.png);
	background-size: 100%;
	background-repeat: no-repeat;
	width: 98.375%;
	padding: 7% 10% 36% 15%;
	margin-top: -5%
}

@media screen and (min-width:640px) {
	.newsletter__container {
		width: 56.116%;
		margin-left: auto;
		margin-right: auto;
		padding: 5.2% 7.7% 16% 6.5%
	}
}

.newsletter__form {
	transform: rotate(3deg)
}

.newsletter__field-group.field-group__email {
	background-image: url(../images/extra/mail-65a8c28f9a.png);
	background-size: 15%;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 2% 0 3% 16%;
	margin-bottom: 3%;
	height: 1%
}

.newsletter__email {
	width: 100%;
	padding: 3%;
	font-size: 2vw;
	font-weight: 700
}

@media screen and (min-width:640px) {
	.newsletter__email {
		font-size: 1vw
	}
}

@media screen and (min-width:1900px) {
	.newsletter__email {
		font-size: 19px
	}
}

.newsletter__email::-webkit-input-placeholder {
	color: #b2b2b2
}

.newsletter__email::-moz-placeholder {
	color: #b2b2b2
}

.newsletter__email:-ms-input-placeholder,
.newsletter__email::-ms-input-placeholder {
	color: #b2b2b2
}

.newsletter__email::placeholder {
	color: #b2b2b2
}

.newsletter__join-btn {
	width: 48.375%;
	background-image: url(../images/buttons/button_join-newsletter-0ae4973285.png);
	background-repeat: no-repeat;
	background-size: 100%;
	padding-top: 13%;
	margin-left: 16%;
	margin-top: -1%;
	background-color: transparent !important;
	border: 0;
	text-indent: -9999vw;
	cursor: pointer;
	transform: rotate(-4deg)
}

.newsletter__privacy-link {
	color: #ed2124 !important;
	display: inline !important;
	text-decoration: underline
}

.newsletter input[type=checkbox] {
	visibility: hidden
}

.newsletter .myCheckbox {
	display: block;
	position: relative
}

.newsletter .check-the-box {
	border: 2px solid #000;
	background-color: #fff;
	display: inline-block;
	font-size: 25px;
	width: 6%;
	padding: 0;
	padding-top: 5%;
	vertical-align: middle;
	position: absolute;
	top: -.7vw;
	left: 3.5vw;
	cursor: pointer
}

@media screen and (min-width:640px) {
	.newsletter .check-the-box {
		left: 1.7vw
	}
}

@media screen and (min-width:1900px) {
	.newsletter .check-the-box {
		width: 2.61231rem;
		height: 2.49316rem
	}
}

.newsletter .myCheckbox .checkbox__label {
	display: inline-block;
	margin-left: 10.5vw;
	margin-bottom: 2vw;
	font-size: 2vw;
	font-weight: 300;
	line-height: 2.4vw;
	vertical-align: text-top
}

@media screen and (min-width:640px) {
	.newsletter .myCheckbox .checkbox__label {
		font-size: 1vw;
		line-height: 1.2vw;
		margin-left: 6vw;
		margin-top: -.2vw
	}
}

@media screen and (min-width:1900px) {
	.newsletter .myCheckbox .checkbox__label {
		font-size: 19px;
		line-height: 22.8px;
		margin-left: 114px;
		margin-bottom: 38px
	}
}

.newsletter .myCheckbox input {
	display: none
}

.newsletter .myCheckbox input:checked+span:before {
	content: "";
	position: absolute;
	top: 1.2vw;
	left: -.8vw;
	z-index: -1;
	border: .3vw solid #ed2124;
	width: 3.4vw;
	height: 3.6vw;
	transform: rotate(-45deg)
}

@media screen and (min-width:640px) {
	.newsletter .myCheckbox input:checked+span:before {
		top: .8vw;
		left: -.3vw;
		width: 2.2vw;
		height: 2.1vw;
		border-width: .2vw
	}
}

@media screen and (min-width:1900px) {
	.newsletter .myCheckbox input:checked+span:before {
		width: 2.61231rem;
		height: 2.49316rem
	}
}

.newsletter .myCheckbox input:checked+span {
	top: -1.4vw;
	left: 5.4vw;
	width: 2.5%;
	border: solid #ed2124;
	border-width: 0 .5vw .5vw 0;
	transform: rotate(45deg);
	background-color: transparent
}

@media screen and (min-width:640px) {
	.newsletter .myCheckbox input:checked+span {
		left: 2.6vw;
		width: 2.9%;
		border-width: 0 .3vw .3vw 0
	}
}

@media screen and (min-width:1900px) {
	.newsletter .myCheckbox input:checked+span {
		height: 2.57715rem;
		width: 1.28809rem;
		border-bottom-width: .35547rem;
		border-right-width: .35547rem
	}
}

.newsletter #mc_embed_signup_scroll {
	position: relative
}

.newsletter #mc_embed_signup div.mce_inline_error {
	position: absolute;
	width: 53.8vw;
	font-size: 2.2vw;
	font-weight: 100
}

@media screen and (min-width:640px) {
	.newsletter #mc_embed_signup div.mce_inline_error {
		width: 31.3vw;
		font-size: 1.2vw
	}
}

@media screen and (min-width:1900px) {
	.newsletter #mc_embed_signup div.mce_inline_error {
		width: 594.688px;
		font-size: 22.8px
	}
}

.newsletter .response {
	position: absolute;
	z-index: 20;
	background: #000;
	height: 48vw;
	width: 65vw;
	top: -9vw;
	transform: skew(-3deg);
	padding-top: 19vw;
	text-align: center
}

@media screen and (min-width:640px) {
	.newsletter .response {
		height: 28vw;
		width: 39vw;
		top: -7vw;
		padding-top: 14vw
	}
}

footer {
	width: 100%;
	position: relative;
	z-index: 20;
	background: #000;
}

.socialIcons {
	text-align: center;
	padding: 3% 0
}

.socialIcons img {
	height: 45px;
	display: inline-block
}

.socialIcons a:not(:first-child) img {
	margin-left: 15px
}

.firstParty {
	background-color: #ed2124;
	width: 100%;
	text-align: center
}

.firstParty img {
	max-height: 72px;
	display: inline-block;
	margin: 1% 0;
	vertical-align: middle
}

.firstParty img:not(:first-child) {
	margin-left: 15px
}

.copy {
	text-align: center;
	font-size: 11px;
	line-height: 12px;
	padding: 2% 0;
	background-color: #000
}

.copy p {
	width: 90%;
	max-width: 700px;
	margin: 0 auto
}

.pslegalLogo {
	height: 10px;
	vertical-align: middle
}

.ps4legalLogo {
	height: 8px;
	vertical-align: middle
}

.policies {
	text-align: center;
	padding-top: 1%;
	font-family: helvetica, san-serif
}

.policies p {
	color: #fff;
	display: inline-block;
	font-size: 14px
}

.policies a:not(:first-child) p {
	margin-left: 15px
}

@media screen and (min-width:1600px) {
	.socialIcons {
		padding: 1% 0;
		max-height: 120px
	}
}

#cookie-disabled {
	height: 100%;
	width: 100%;
	position: fixed;
	background: #250e18;
	z-index: 99999;
	color: #fff;
	opacity: 0
}

#cookie-disabled #no-cookie {
	font-size: 1vw;
	text-align: center;
	width: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}




.ageGateContainer,
footer {
	opacity: 1
}

#progressNum {
	font-size: 20px
}

@media screen and (min-width:500px) {
	#progressNum {
		font-size: 33px
	}
}

@media screen and (min-width:640px) {
	#progressNum {
		font-size: 50px
	}
}

.logoContainer {
	width: 100%;
	text-align: center
}

.mainLogo {
	width: 100%;
	max-width: 100;
}

.agTitle,
.agTitleNoPass {
	font-size: 30px;
	color: #fff;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-style: italic;
}

.agTitleNoPass {
	margin: 20px auto 15px
}

.linkIt {
	color: #fff;
	cursor: pointer;
	text-decoration: underline
}

.ageGateContainer {
	width: 50%;
	max-width: 600px;
	min-width: 300px;
	color: #000;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 30;
	padding-top: 250px;
}

.ageGateContainer .countrySelector {
	position: relative;
	margin: 0 auto;
	font-weight: 600;
	font-size: 16px;
	z-index: 1
  height:30px;
}

.ageGateContainer .countrySelector select {
	display: none;
	background-color: #fff;
	color:#727272; width: 100%;border:none; height: 40px;
	font-size: 18px;
	text-indent: 10px;
	font-family: tablet-gothic-condensed, sans-serif;

}

.ageGateContainer .select-slected {
	background-color: #fff
}

.ageGateContainer .select-selected:after {
	position: absolute;
	content: "";
	top: 14px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #000 transparent transparent
}

.ageGateContainer .select-selected.select-arrow-active:after {
	border-color: transparent transparent #000;
	top: 7px
}

.ageGateContainer .select-items div,
.ageGateContainer .select-selected {
	color: #000;
	padding: 8px 16px;
	border: 1px solid transparent;
	border-color: transparent transparent rgba(0, 0, 0, .1);
	cursor: pointer
}

.ageGateContainer .select-items {
	position: absolute;
	background-color: #d3d3d3;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99
}

.ageGateContainer .select-hide {
	display: none
}

.ageGateContainer .same-as-selected,
.ageGateContainer .select-items div:hover {
	background-color: rgba(0, 0, 0, .1)
}

.ageGateContainer ::-webkit-input-placeholder {
	color: #919191;
	opacity: 1
}

.ageGateContainer ::-moz-placeholder {
	color: #919191;
	opacity: 1
}

.ageGateContainer :-ms-input-placeholder,
.ageGateContainer ::-ms-input-placeholder {
	opacity: 1
}

.ageGateContainer ::placeholder {
	color: #919191;
	opacity: 1
}

.ageGateContainer :-ms-input-placeholder,
.ageGateContainer ::-ms-input-placeholder {
	color: #919191
}


.ageGateContainer #age_gate { display: none;}
.ageGateContainer #day,
.ageGateContainer #month,
.ageGateContainer #year {
	background: #000;
	color: #fff;
	padding: 1% 2%;
	text-align: center;
	margin: 1%;
	font-size: 27px;
	border: 2px solid #fff;
	display: none;
}
.ageGateContainer input.ok { border:solid 2px green !important; }
.ageGateContainer input.error { border:solid 2px red !important; }

.ageGateContainer h3.ok {  }
.ageGateContainer h3.error { border:solid 2px red !important; }


.ageGateContainer #error {
	display: none;
	color: #ecce33;
	font-size: 18px;
	padding-top: 20px;
}
.ageGateContainer .row { font-size: 0;}
.ageGateContainer .row .col { width: 33.33%; display: inline-block;}
.ageGateContainer .row .col .dropdown { width: 97%;}

.ageGateContainer input[type=submit] {
	padding: 5px 15px;
	color: #fff;
	background: #666;
	border: 0 none;
	cursor: pointer;
	border-radius: 5px;
	margin: 2%;
	width: 150px;
	height: 40px;
	font-size: 15px
}

.ageGateContainer input:-moz-submit-invalid,
.ageGateContainer input:-moz-ui-invalid,
.ageGateContainer input:invalid {
	box-shadow: none;
	border: none
}

@media screen and (min-width:1024px) {

	.ageGateContainer #day,
	.ageGateContainer #month,
	.ageGateContainer #year {
		width: 30%
	}

}

footer {
	text-align: center;
	font-size: 12px !important;
	font-family: helvetica,arial !important;
}

footer a { text-decoration: underline !important;}
footer p { max-width: 1024px; margin: auto;  line-height: 1.7;}

.footerContainer {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 3%;
}

hr.fadedLine {
	border: 0;
	height: 1px;
	background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .75), hsla(0, 0%, 100%, 0));
	margin: 5px auto
}

#cookiePolicy,
.privacyPolicy {
	color: #fff;
	text-decoration: none;
	display: inline-block
}

#cookiePolicy {
	margin-left: 15px
}

.socialLinks img {
	height: 40px;
	margin: 25px auto
}

.socialLinks:not(:last-child) img {
	margin-right: 15px
}

.footerLogos img {
	max-height: 75px;
	margin: 2%;
	vertical-align: middle
}

#loader-bg {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	background: linear-gradient(90deg, #4d0808 0, #000 15%, #000 85%, #4d0808);
	z-index: 1000;
	overflow: hidden
}

#loader {
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 500px
}

#loader,
#loader .loaderGroup {
	position: absolute;
	left: 50%;
	width: 100%
}

#loader .loaderGroup {
	text-transform: uppercase;
	transform: translate(-50%, 180%)
}

#loader .loadingText {
	display: inline-block;
	width: 80%;
	vertical-align: middle
}

.hat {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -65%);
	width: 100%
}

#progressNum {
	font-size: 2.34em;
	letter-spacing: 3px;
	text-align: center;
	color: #fff;
	display: inline-block;
	width: 18%;
	vertical-align: middle
}

.eflagsGroup {
	position: fixed;
	z-index: 5;
	right: 1%;
	top: 12%
}

.home .eflagsGroup {
	top: 1.3%
}

.eflagsGroup:after {
	content: "";
	border: 4px solid transparent;
	border-top: 4px solid #fff;
	margin-left: 2px;
	margin-bottom: 6px;
	display: inline-block;
	vertical-align: bottom
}

.eflagsDropContent {
	display: none;
	position: absolute;
	width: 45px;
	z-index: 10000;
	text-align: center;
	right: 22px;
	top: 55px;
	background-color: rgba(0, 0, 0, .5)
}

.eflagsDropContent li {
	display: block
}

.eflagsDropContent a {
	color: #000;
	padding: 5px;
	text-decoration: none;
	display: block
}

.eflagsDropContent a img {
	height: 20px
}

.eflagsDropContent a:hover {
	background-color: #fff
}

.hideFlag {
	display: none
}

@media screen and (max-width:950px) {
	.home .eflagsGroup {
		top: 0
	}
}



.noFlag {
	display: none
}

#selected-country {
	margin-bottom: 15px;
	cursor: pointer
}

#country-navigation-wrapper {
	width: 50px;
	position: absolute;
	top: 25px;
	right: 15px;
	vertical-align: top;
	z-index: 103
}

#country-navigation-wrapper img {
	border: 1px solid #fff;
	width: calc(100% - 2px)
}

#country-nav {
	position: relative;
	overflow: hidden
}

#country-nav div {
	position: relative;
	width: 100%;
	margin-left: 100%;
	margin-bottom: 15px
}

.privacyCertified {
	cursor: pointer
}


/* CSS */
body::after { content: ""; background: rgba(0,0,0,.85); width: 100%; height: 100%; position: fixed; top:0; left:0;}
a#submit-button { display: inline-block; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; }
a#submit-button:hover { opacity:.8; }
div.divider { width: 100%; height: 1px; background: url("../img/divider.png") top center; background-size:100%; margin-bottom: 10px;}

@media screen and (max-width:600px) {
	body { background-size: 153%;}
	.agTitle, .agTitleNoPass { font-size: 24px;}
	.dropdown h3 a { font-size: 13px !important; padding-left: 5px !important;}
	.dropdown .overflow ul li a { font-size: 13px !important; text-indent: 0;}
	.dropdown h3:after { right: 5px !important;}
	.main { min-height: 70vh;}
	.ageGateContainer { padding-top:200px;}
		.footerLogos img { max-height: 35px;}
	.eflagsGroup:after {
		content: none
	}

	.eflagsDropContent {
		width: 28px;
		top: 33px;
		right: 7px
	}

	.eflagsDropContent a {
		padding: 3px
	}

	.eflagsDropContent a img {
		height: 15px
	}
}

.dropdown { position: relative;}
.dropdown h3 { background-color: #fff; color:#333; text-align: left; border-bottom: #ccc solid 1px; padding-left: 12px;}
.dropdown h3 a { color:#333; text-decoration: none; display: block; padding: 12px 15px; font-size: 16px; font-weight: bold;}
.dropdown h3:after {
position: absolute;
content: "";
top: 18px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #000 transparent transparent transparent;
}
.dropdown .overflow { background-color: #fff; width: 100%;height: 260px; overflow-y: scroll; position: absolute; left:0; right: 0; display: none;}
.dropdown .overflow ul li { border-bottom: #fdfdfd solid 1px;}
.dropdown .overflow ul li a { display: block; font-size: 16px; color:#727272; padding: 10px; text-decoration: none; text-align: left; text-indent: 10px; font-weight: bold;}
.dropdown .overflow ul li a:hover { background-color: #e4e4e4;}



.ageGateModal, .ageGateModalNoPass {
	background-color: rgba(0,0,0,.85);
	height: 100vh;
	left: 0;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 99999;
	display: none;
}
.ageGateModalNoPass .ageGateContainer { padding: 30px;}
.ageGateModalNoPass .ageGateContainer {
	background-color: #000;
	left: 50%;
	max-width: 800px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 95%;
}

.ageGateModalNoPass .ageGateContainer h3 { color:#fff; font-size:24px; font-style: italic; text-transform: uppercase; line-height: 28px;}