@import url("https://use.fontawesome.com/releases/v6.7.1/css/all.css");

@charset "utf-8";

@font-face {
	font-family: 'Acherus Grotesque Medium';
	src: url('');
	src: url('?#iefix') format('embedded-opentype'),
	url('fonts/acherusgrotesque-medium-webfont.woff') format('woff'),
	url('') format('truetype'),
	url('#') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Acherus Grotesque Ultra Light';
	src: url('');
	src: url('?#iefix') format('embedded-opentype'),
	url('fonts/acherusgrotesque-ultralight-webfont.woff') format('woff'),
	url('') format('truetype'),
	url('#') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Acherus Grotesque Light';
	src: url('');
	src: url('?#iefix') format('embedded-opentype'),
	url('fonts/acherusgrotesque-light-webfont.woff') format('woff'),
	url('') format('truetype'),
	url('#') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Acherus Grotesque Regular';
	src: url('');
	src: url('?#iefix') format('embedded-opentype'),
	url('fonts/acherusgrotesque-regular-webfont.woff') format('woff'),
	url('') format('truetype'),
	url('#') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Acherus Grotesque Extra Bold';
	src: url('');
	src: url('?#iefix') format('embedded-opentype'),
	url('fonts/acherusgrotesque-extrabold-webfont.woff') format('woff'),
	url('') format('truetype'),
	url('#') format('svg');
	font-weight: normal;
	font-style: normal;
}



:root {
	--black:#000000;
	--white:#ffffff;
	--grey:#d9d3c2;
	--orange:#ff9933;

	--nav-font:'Acherus Grotesque Medium';
	--title-font:'Acherus Grotesque Ultra Light';
	--main-font:'Acherus Grotesque Regular';


}


/***********************************************************************
 RESET
***********************************************************************/
html 		{ font-size:62.5%; }
body		{ font-family:var(--main-font); font-weight:300; color:var(--grey4); font-size:20px; line-height:3rem; position:relative; }

h1, h2, h3, h4, h5, h6	{ margin:0; padding:0; color:var(--white); font-family:var(--title-font); line-height:1; font-weight:normal; text-transform:uppercase; }

h2					{ font-size:95px; }
h2 span				{ display:block; color:var(--white); font-family:var(--title-font); font-size:1.8rem; text-transform:uppercase; }

a					{ color:var(--black); }

a:hover				{ color:var(--white); }

ul			{     list-style: disc; padding-left: 5rem;    margin-bottom: 5rem; }

strong				{ font-weight:600; }


.btn {
	border: 3px solid transparent;
	border-radius: 0;
	border-width: 3px;
	border-image: url('images/border-image.png') 3 repeat;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	color: #000;
	background-color: hsla(0,0%,100%,.5);
	border-color: transparent;
	display: inline-block;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color:rgba(255, 255, 255, 1);
	padding: 2rem;
	font-size: 2rem;
	text-transform: uppercase ;
	font-family: var(--main-font);
}

.btn:hover, .btn:focus, .btn:active {
	color: #000;
   	background-color:var(--orange);
   	border-color: transparent;
}

/***********************************************************************
 GENERIC
***********************************************************************/

#main {     padding-top: 90px; }

.container { width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

@media (min-width:576px){
	.container{max-width:540px}
}

@media (min-width:768px){
	.container{max-width:720px}
}

@media (min-width:992px){
	.container{max-width:960px}
}

@media (min-width:1200px){
	.container{max-width:1140px}
}
@media (min-width:1500px){
	.container{max-width:1440px}
}



#page-header			{ position:relative; padding:0; height:990px; line-height:990px; background-color:var(--dark); background-position: 50% 50%; background-repeat: no-repeat; background-size:cover; text-align:center; }
#page-header h1			{ display:inline-block; color:#fff; font-size:6rem;    font-weight: bold; line-height:60px; vertical-align:middle; }
#page-header h1 span			{ display:block; color:#fff; font-size:3rem;    font-weight: bold; }


body.page-template-home .container h1,
body.page-template-home .container h2,
body.page-template-home section:not(#LatestNews) .container h3,
body.page-template-home section:not(#LatestNews) .container p {
	transition: 1s;-webkit-transition:1s;transform : translateY(20px); opacity:0;
}

@media (max-width:991px) {

	body.page-template-home .container h1,
	body.page-template-home .container h2,
	body.page-template-home section:not(#LatestNews) .container h3,
	body.page-template-home section:not(#LatestNews) .container p {
        transition: unset;-webkit-transition:unset;transform : unset; opacity:1;
    }

}


/* Slider */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir=rtl] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}


/* Arrows */

.slick-prev,
.slick-next {
	position: absolute;
	z-index: 1;
	display: block;
	height: 52px;
	width: 52px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 0.5);
	color: transparent;
	top: 50%;
	transform: translate(0, -50%);
	padding: 0;
	outline: none;
	border-width: 3px;
	-o-border-image: url(images/border-image.png) 3 repeat;
	border-image: url(images/border-image.png) 3 repeat;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background-color: rgba(255, 255, 255, 0.75);
	color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 1;
}

.slick-prev:before,
.slick-next:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 26px;
	line-height: 1;
	color: black;
	opacity: 0.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -52px;
}

[dir=rtl] .slick-prev {
	left: auto;
	right: -52px;
}

.slick-prev:before {
	content: "\F053";
}

[dir=rtl] .slick-prev:before {
	content: "\F054";
}

.slick-next {
	right: -52px;
}

[dir=rtl] .slick-next {
	left: -52px;
	right: auto;
}

.slick-next:before {
	content: "\F054";
}

[dir=rtl] .slick-next:before {
	content: "\F053";
}

@media (max-width: 991px) {

	.slick-prev {
		left: -10px;
	}

	.slick-next {
		right: -10px;
	}
}

/***********************************************************************
 NAVIGATION
***********************************************************************/
.navbar-toggler {
	padding: 1.25rem 1.5rem;
	font-size: 4rem;
	line-height: 1;
	background-color: rgba(0,0,0,0);
	border: 0 none;
	border-radius: 0;
	color: var(--grey);
	position: absolute;
	right: 20px;
	top: 15px;
}


#site-header-wrapper { height: 90px;   background-color: rgb(3, 0, 0);   position: fixed; z-index: 1000; width: 100%; }

#site-header {   position: fixed;  z-index: 5;     width: 100%;}

#site-header #main-nav{  padding:0;    height: 90px;}

#navbarSupportedContent	{ flex-grow:unset!important; }

#site-header .site-title {
	display: table-cell;
	vertical-align: middle;
	padding: 25px 0;
}

.site-title .site-logo {
	 margin: 0;
	 font-size: 0 !important;
	 line-height: 0 !important;
}

#site-header .site-title a {
	white-space: nowrap;
}

.site-title .logo {
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	min-height: 1px;
	min-width: 1px;
}

#site-header .primary-navigation {
	display: table-cell;
	width: 99%;
	vertical-align: middle;
	text-align: right;
	position: relative;
	z-index: 10;
	height:90px;
}

#primary-menu {
	text-align: left;
	white-space: nowrap;
	display: inline-block;
}

#primary-menu > li {
	display: inline-block;
	vertical-align: middle;
}


#site-header #primary-menu > li a:before {
	content: '\f105';
	font-family: "Font Awesome 5 Free";
	color:var(--white);
	font-size: 13px;
	margin-top: 0;
	padding-right: 5px;
	vertical-align: bottom;
	font-style: normal;
	font-weight: 900;
	text-decoration: inherit;
}


#site-header #primary-menu > li > a {
	-webkit-transition: padding 0.3s;
	-moz-transition: padding 0.3s;
	transition: padding 0.3s;
	color:var(--white);
	font-family: var(--nav-font);
	text-transform: uppercase;
	padding: 35px 20px;
	font-size: 13px;
	text-decoration: none;
}




#site-header #primary-menu > li > a:hover,#site-header #primary-menu > li a:hover:before, #site-header #primary-menu > li > a.active,#site-header #primary-menu > li a.active:before  {
	color:var(--orange);
	text-decoration: none;
}


@media (min-width: 1200px) {
	#site-header .container {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 991px) {
	#site-header .container {
		width: 100%;
		max-width: 100%;
	}

	.site-title .logo {
		margin-left: 30px;
	}

	#navbarSupportedContent {
		background: #000;
		position: relative;
		top: -1px;
		text-align: center;
	}

	#primary-menu  {
		text-align: center;
	}

	#primary-menu > li {
		display:block;
	}

	#site-header #primary-menu > li > a {
		padding: 10px 0;
		font-size:18px;
	}
}

/***********************************************************************
 OUR FIRST GAME
***********************************************************************/
#OurFirstGame { height: 990px; position:relative; /*background-position: 100% 50%; background-size: cover; */ background-repeat: no-repeat;  text-align: center;
	/*background-size: 300px, cover;*/
	/*background-position: 95% 95%, 50% 20%;*/
	background-size: cover;
	background-position: 50% 20%;
}

#OurFirstGame h2 {      position: absolute;
	top: 25%;
	left: 0;
	right: 0; text-shadow: 2px 1px 0 #000; }


#OurFirstGame a {
	position: absolute;
	bottom: 10%;
	left: 50%;
	width:150px;
	transform:translate(-50%);
	-webkit-transform:translate(-50%);
}

#OurFirstGame a img {
	filter: drop-shadow(0px 0px 30px #3A1D37);
	-webkit-filter: drop-shadow(0px 0px 30px #3A1D37);
}



/***********************************************************************
 LATEST NEWS
***********************************************************************/
#LatestNews {     padding: 3.125rem 0;
	text-align: center;
	overflow-x: hidden; background:url('images/homepage-news.jpg'); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }

#LatestNews h2 {  padding:5rem 0 0 0; color:var(--black); }

#latestnews-slider {    padding: 5rem 0; }

#latestnews-slider  .slick-list {
	overflow: visible;
}

#latestnews-slider  .slick-slide {
	padding: 0 15px;
	transition: transform 0.2s ease-out;
}

#latestnews-slider .slick-slide:hover {
	transform: translateY(-20px);
}

#latestnews-slider .slick-slide a {
	text-decoration: none;
}

#latestnews-slider.single .post-item { max-width:50%!important; }
#latestnews-slider.double { max-width:70%!important; margin:0 auto;}

.post-item,
.grid-item {
	text-align: left;
}

.post-item img,
.grid-item img {
	width: 100%;
	max-width: 100%;
	pointer-events: none;
}

.post-item a,
.grid-item a {
	text-decoration: none;
	display: block;
}

.post-item a:hover,
.grid-item a:hover {
	opacity: 0.75;
}

.post-item .post-item-asset a,
.grid-item .post-item-asset a {
	display: block;
}

.post-item .post-item-content,
.grid-item .post-item-content {
	position: relative;
	color: #fff;
	border: 3px solid transparent;
	padding: 38px 30px 30px 30px;
	font-size: 1.2rem;
	line-height: 1.66667;
	height: 230px;
	display: flex;
	flex-direction: column;
	border-radius: 0;
	border-width: 3px;
	-o-border-image: url(images/border-image.png) 3 repeat;
	border-image: url(images/border-image.png) 3 repeat;
	background: #1b1e20 url(images/bloc-pattern.png) 0 100% repeat-x;
}

.post-item .post-item-content h3,
.grid-item .post-item-content h3 {
	margin-bottom: 0.5rem;
	font-size: 2rem;
	line-height: 2.5rem;
	-webkit-line-clamp: 2;
	word-break: break-word;
	overflow: hidden;
}

.post-item .post-item-content .post-content,
.grid-item .post-item-content .post-content {
	margin-bottom: auto;
	height: 63px;
	overflow: hidden;
	color: #9ba4ad !important;
	position: relative;
}

.post-item .post-item-content .post-content p,
.grid-item .post-item-content .post-content p {
	color: #9ba4ad;
	margin: 0 0 0.5rem;
	font-size: 1.5em;
	line-height: 2rem;
}

.post-item .post-item-content .post-content:after,
.grid-item .post-item-content .post-content:after {
	content: "";
	background: linear-gradient(to bottom, rgba(28, 30, 32, 0.2) 0%, rgba(28, 30, 32, 0.8) 90%);
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 30px;
	pointer-events: none;
}

.post-item .post-item-content .post-content span,
.grid-item .post-item-content .post-content span {
	font-style: normal;
	font-size: 1.2rem;
	line-height: normal;
	text-transform: initial;
}

.post-item .post-item-content span,
.grid-item .post-item-content span {
	font-style: italic;
	font-size: 1rem;
	line-height: 1rem;
	text-transform: uppercase;
}

.post-item .post-item-content span strong,
.grid-item .post-item-content span strong {
	color: #eaa41e;
	font-style: normal;
}



/***********************************************************************
 OUR TEAM
***********************************************************************/
#OurTeam {     padding: 15rem 0 25rem 0; text-align: center; background:url('images/homepage-team.jpg');     background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;}

#OurTeam h2 {  padding:0 0 5rem 0; color:var(--white); }

#OurTeam .row {  text-align: left; }
#OurTeam .row1 {     padding-bottom: 10rem;  }
#OurTeam .row1 .col-md-8 {       padding-left: 20rem; }
#OurTeam .row2 {  text-align: left; }
#OurTeam .row2 .col-md-4 {      padding: 0 8rem;}



/***********************************************************************
 OUR MISSION
***********************************************************************/
#OurMission {     padding: 15rem 0 35rem 0; text-align: center; background:url('images/homepage-mission.jpg');     background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;}

#OurMission h2 {  padding:0 0 5rem 0; color:var(--white); }

#OurMission .row {  text-align: left; color:var(--white); }
#OurMission .row1 {     padding-bottom: 5rem;  }
#OurTeam .row1 .col-md-8 {       padding-left: 20rem; }
#OurMission .row2 {  text-align: left; }
#OurMission .row2 .col-md-8 {      padding: 0 8rem;}



/***********************************************************************
 JOBS
***********************************************************************/
#Jobs {     padding: 15rem 0; text-align: center; background:url('images/homepage-hiring.jpg');     background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;}

#Jobs h2 {  padding:0 0 5rem 0; color:var(--white); }

#Jobs .row {  text-align: center;  }

#Jobs .jobs_available ul li { list-style-image:url('images/jobs_list.png'); font-weight: bold; font-size:2.5rem; line-height:5rem; margin-bottom:5rem; }



/***********************************************************************
 CONTACT
***********************************************************************/

#Contact {     padding: 15rem 0; text-align: center; background:url('images/homepage-contact.jpg');     background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;}

#Contact h2 {  padding:0 0 5rem 0; color:var(--white); }

#Contact .row {  text-align: center; color:var(--white); }


.wpcf7-text,
.wpcf7-textarea				{ width:100%; margin:1.5rem 0; padding:1rem 1.5rem; font-size:1.8rem; border:1px solid var(--orange); }
.wpcf7-file				{ width:100%; margin:1.5rem 0; padding:1rem 1.5rem; font-size:1.8rem; border:1px solid var(--orange); }
input[type="checkbox"]							{     cursor: pointer; margin-right: 5px;}
.wpcf7-list-item-label							{ color: var(--white);   text-align: left; }
div.wpcf7-response-output							{   width: 50%; margin: 0 auto;}
span.wpcf7-not-valid-tip,
span.wpcf7-list-item-label                        { font-size:1.5rem;}
span.wpcf7-list-item-label a                       { color: var(--white);font-size:1.5rem;}
span.wpcf7-not-valid-tip                          {    color:var(--orange); }
span.wpcf7-list-item                              { margin-left: 5px; }
div.wpcf7-validation-errors                       { border: 2px solid var(--orange);font-size:1.8rem; color:var(--orange);}
div.wpcf7-mail-sent-ok                            { border: 2px solid var(--orange);font-size:1.8rem; color:var(--orange); }
div.wpcf7-spam-blocked 								{ border: 2px solid var(--orange);font-size:1.8rem;color:var(--orange);}
.g-recaptcha { display: inline-block; }
.wpcf7-submit   { margin-top:20px; }

div.wpcf7 .wpcf7-form-control.wpcf7-submit {
	background-color: transparent;
	background-image: url(images/submit.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 0;
	color: transparent;
	display: flex;
	margin: 0 auto;
	max-width: 41px;
	width: 41px;
	height: 48px;
	position: relative;
	top: 0;
}

@media (max-width: 768px) {
    #contact p.legal				{     width: 95%; margin: 30px auto; }
    .wpcf7-list-item-label							{ float: unset;}
}



/***********************************************************************
 PRIVACY POLICY
***********************************************************************/
#PrivacyPolicy {     padding: 15rem 0; background:var(--orange); }

#PrivacyPolicy h2 { text-align: center; padding:0 0 5rem 0; color:var(--white); }

#PrivacyPolicy .row { color:var(--black);  }


/***********************************************************************
 FOOTER
***********************************************************************/

footer {
	padding: 40px 0;
	color: white;
	background-color: #1b1e20;
	text-align: center;
}

footer h4 {
	font-size: 3.75rem;
	line-height: 0.9;
	text-align: left;
	text-transform: uppercase;
}

footer h4 span {
	display: block;
	color: #9ba4ad;
	font-size: 1.2rem;
	line-height: 1.66667;
	font-weight: 700;
}


footer .footer-social {
	text-align: center;
	padding: 40px 0;
}

footer .footer-social .footer-social-item {
	display: inline-block;
	width: 124px;
	height: 142px;
	line-height: 142px;
	font-size: 2em;
	background: url(images/footer-hexagon.png) 50% 100% no-repeat;
	background-size: 100%;
}

footer .footer-social .footer-social-item a {
	display: block;
	color: #eaa41e;
}

footer .footer-social .footer-social-item a:hover {
	color: #fff;
}

footer .footer-partners a {
	display: block;
}

footer .footer-legals {
	margin: 2rem 0;
	font-size: 1rem;
	width: 100%;
}

footer .footer-legals a,footer .footer-legals a:hover, footer .footer-legals a:visited {
	font-size: 1rem;
	color:var(--white);
}


/***********************************************************************
 404
***********************************************************************/

#error404 {
	margin: 10rem 0 5rem 0;
	padding: 0;
}



/***********************************************************************
 MEDIA QUERIES
***********************************************************************/

@media (max-width: 1199.98px) {

	#latestnews-slider.double { max-width:100%!important; margin:0 auto;}

	footer h4 {
		margin-bottom: 20px;
	}

	footer .form-control {
		margin: 10px 0;
	}

	footer .btn {
		margin-top: 20px;
	}
}


@media (max-width: 991px) {

	#OurFirstGame { background-position: 50% 95%, 50% 50%; }

	#OurFirstGame a {      bottom: 25%; }


	#latestnews-slider.single .post-item { max-width:80%!important; }


	h2 {     font-size: 70px;}

	.col-md-8, .col-md-6, .col-md-4, .col-4 {
		width:100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding:0 5rem!important;
		text-align:center;
	}

	#OurTeam .row, #OurMission .row, #Jobs .row {
		padding-bottom:5rem!important;
	}

	#Jobs .row.jobs_available ul {     margin-top: 5rem; }

	footer {
		padding: 20px 0;
	}

	footer h4 {
		font-size: 3.75rem;
		line-height: 0.9;
	}

	footer h4 span {
		font-size: 1.2rem;
		line-height: 1.66667;
		font-weight: 700;
	}

	footer .footer-social .footer-social-item {
		width: 66px;
		height: 76px;
		line-height: 76px;
	}

}