* {
	margin: 0;
	padding: 0;
}

.clr {
	clear: both;
}


html, body {
	background-color: #ffffff;
	font-family:'Gilroy', 'Verdana', 'sans-serif';
	font-size: 15px;
	color: #1A1093;
	background-color: #000;
}


img {
	max-width: 100%;
	height: auto;
	display: block;
}


.landingCover {
	width: 100%;
	min-height: 100vh;
	overflow: hidden;
	position: relative;
}



.landingCover__imgs {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
}



.landingCover__imgs__li  {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: center center;
	transition: 0.5s opacity;
	background-size: cover;
	
}

.landingCover__imgs__li[class]  {
	
}

.landingCover__imgs__li.show  {
	opacity: 1;
}

.landingCover__imgs__li.hide  {
	opacity: 0;
}

.landingCover__filter {
	background-color: rgba(26,26,147,0.2);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}

.landingVolet {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	width:45%;
	max-width: 750px;
	height: 100%;
	min-height: 100vh;
	padding: 0 3% 0 0%;
	box-sizing: border-box;
	background-color: #1A1093;
	
}

.landingVolet::after {
	top: 0;
	bottom: 0;
	left: 25%;
	content: '';
	position: absolute;
	width: 100%;
	background-color: #1A1093;
	transform: skewX(15deg);
	z-index: -1;
}
/*.landingVolet::before {
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	position: absolute;
	width: 50%;
	background-color: #1A1093;
	z-index: -1;
}*/

.landingVolet__container {
	
	padding :10%;
	position: relative;
	z-index: 10;
	box-sizing: border-box;
	background-color: #ffffff;
}

.landingVolet__container::after {
	top: 0;
	bottom: 0;
	left: -35%;
	content: '';
	position: absolute;
	width: 150%;
	background-color: #ffffff;
	transform: skewX(15deg);
	z-index: -1;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	
}

.landingVolet__bottom {
	padding :50px 10%;
}

.formInsc__title {
	font-family: 'Gilroy', 'Verdana', 'sans-serif';
	font-size: 20px;
	color: #F99049;
	margin-bottom: 15px;

}

.moreBtn {
	background-color: #F99049;
	font-family: 'Gilroy', 'Verdana', 'sans-serif';
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	border-radius: 50px;
	padding: 8px 18px;
	display: inline-block;
	cursor: pointer;
	transition-property: background-color, color;
	transition-duration: 0.3s;

}

.moreBtn i {
	margin-left: 10px;
}

.moreBtn.hideBtn {
	display: none;	
}

.moreBtn:hover {
	background-color: #ffffff;
	color: #F99049;
}

.formInsc__container__form {
	padding: 40px 0;
	display: none;
}

.formInsc__container__ok {
	font-family: 'Gilroy', 'Verdana', 'sans-serif';
	font-size: 18px;
	color: #ffffff;
	display: none;
	padding: 20px 0;
}
.formPop__padd__container__txt, .submitted-message {
	font-family: 'Gilroy', 'Verdana', 'sans-serif';
	font-size: 26px;
	color: #ffffff;
	display: none;
	padding: 50px 0;
	display: none;
}

.formInsc__container__ok.inscOK {
	display: block;
}

/*
.landingCover__volet::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	transform: skew(20deg);
	left: -20%;
	background-color: #155C61;
	z-index: -1;

}*/

.logoMobilier {
	margin-bottom: 40px;
}
.titleHun {
	font-family: 'Gilroy', 'Verdana', 'sans-serif';
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 20px;
}

.formPop {
	position: fixed;
	background-color: rgba(26,26,147,0.8);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display: none;
	backdrop-filter: blur(3px);
}

.formPop__padd {
	padding: 10% 10% 0 10%;
	height: 100%;
	box-sizing: border-box;
}

.formPop__padd__container {
	width: 100%;
	max-width: 550px;
	margin: 0 auto;
	overflow: auto;
	height: 100%;
	max-height: 100%;
}

.formPop .icon-cancel {
	position: fixed;
	top: 30px;
	right: 30px;
	font-size: 26px;
	color: #ffffff;
	transition-property: color,transform;
	transition-duration: 0.3s;
	cursor: pointer;
}

.formPop .icon-cancel:hover {
	color: #F99049;
	transform: rotate(90deg);
}



@media screen and (max-width: 1280px) {
	.landingVolet {
		width: 50%;
	}

	.landingVolet::after {
		left: 35%;
	}
}

@media screen and (max-width: 1100px) {
	.titleHun {
		font-size: 30px;
	}
}

@media screen and (max-width: 1060px) {
	.landingVolet__container::after {
		left: -30%;
	}
}


@media screen and (max-width: 980px) {

	.landingVolet {
		width: 100%;
		max-width: 100%;
		padding: 0;
		background-color: rgba(26,26,147,0.4);
	}
	
	.landingVolet::before, .landingVolet::after {
		display: none;
	}

	.landingCover__imgs__li[class] {
		background-position: center;
	}

	.landingVolet__container {
		background-color: #ffffff;
		width: 100%;

	}

	.landingVolet__container::after {
		display: none;
	}

	.landingCover__filter {
		background-color: rgba(26,26,147,0.6);
	}

	.formPop {
		position: relative;
		top: initial;
		left: initial;
		left: initial;
		bottom: initial;
		background-color: transparent;
		backdrop-filter: none;
	}

	.formPop__padd {
		padding: 40px 0;
	}

	.formPop__padd__container {
		max-width: 100%;
		overflow: auto;
		height: auto;
	}
	
	.formPop .icon-cancel {
		display: none;
	}
}




@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-Bold.eot');
    src: url('fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gilroy-Bold.woff2') format('woff2'),
        url('fonts/Gilroy-Bold.woff') format('woff'),
        url('fonts/Gilroy-Bold.ttf') format('truetype'),
        url('fonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-Regular.eot');
    src: url('fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gilroy-Regular.woff2') format('woff2'),
        url('fonts/Gilroy-Regular.woff') format('woff'),
        url('fonts/Gilroy-Regular.ttf') format('truetype'),
        url('fonts/Gilroy-Regular.svg#Gilroy-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-Medium.eot');
    src: url('fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gilroy-Medium.woff2') format('woff2'),
        url('fonts/Gilroy-Medium.woff') format('woff'),
        url('fonts/Gilroy-Medium.ttf') format('truetype'),
        url('fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


/**/

@font-face {
	font-family: 'mobilier';
	src: url('fonts/mobilier.eot?84732147');
	src: url('fonts/mobilier.eot?84732147#iefix') format('embedded-opentype'),
		 url('fonts/mobilier.woff2?84732147') format('woff2'),
		 url('fonts/mobilier.woff?84732147') format('woff'),
		 url('fonts/mobilier.ttf?84732147') format('truetype'),
		 url('fonts/mobilier.svg?84732147#mobilier') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
  /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
  /*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	  font-family: 'mobilier';
	  src: url('fonts/mobilier.svg?84732147#mobilier') format('svg');
	}
  }
  */
  [class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "mobilier";
	font-style: normal;
	font-weight: normal;
	speak: never;
  
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	/* opacity: .8; */
  
	font-variant: normal;
	text-transform: none;

	line-height: 1em;
	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  }
  
  .icon-right-open-big:before { content: '\e800'; } /* '' */
  .icon-cancel:before { content: '\e801'; } /* '' */