@font-face { 
	font-family: "Almarena";
	src: url('webFonts/Almarena/font.woff2') format('woff2'), url('webFonts/Almarena/font.woff') format('woff');
  }  
@font-face {
	font-family: "AlmarenaBold";
	src: url('webFonts/AlmarenaBold/font.woff2') format('woff2'), url('webFonts/AlmarenaBold/font.woff') format('woff');
  } 
@font-face {
  font-family: "AlmarenaDisplayLight";
  src: url('webFonts/AlmarenaDisplayLight/font.woff2') format('woff2'), url('webFonts/AlmarenaDisplayLight/font.woff') format('woff');
}
@font-face {
  font-family: "AlmarenaRegular";
  src: url('webFonts/AlmarenaRegular/font.woff2') format('woff2'), url('webFonts/AlmarenaRegular/font.woff') format('woff');
}
@font-face {
  font-family: "AlmarenaLight";
  src: url('webFonts/AlmarenaLight/font.woff2') format('woff2'), url('webFonts/AlmarenaLight/font.woff') format('woff');
}
@font-face {
  font-family: "AlmarenaDisplayBold";
  src: url('webFonts/AlmarenaDisplayBold/font.woff2') format('woff2'), url('webFonts/AlmarenaDisplayBold/font.woff') format('woff');
}
@font-face {
  font-family: "AlmarenaDisplayRegular";
  src: url('webFonts/AlmarenaDisplayRegular/font.woff2') format('woff2'), url('webFonts/AlmarenaDisplayRegular/font.woff') format('woff');
}


@media screen and  (max-width:1118px) {
#contentpage { 
	height:100%; 
	 } 
	 
#vector1 {
	/* Vector 6 */ 
		right: 0px; 
	}

#zondright, #divheader1, #zoneform, #divmenudroite, divfooter {
	max-width:none;
}
#divheader1 { border-right:none; 
	height:134px;
}

#span-h3 { 
right: 56px;
}
	 

#logoimg
	{
	left: 20px;
	top: 20px;
	transition:none; /*linear 0.3s all 0.3s;*/
	 }
	 

#span-h2 { 
		left: 90px ;
		top: 20px;
}


#divfooter { display:none; }
#divfootermobile {	display:inline-block; }


#divmenudroite, #divheader1 {
    position:fixed;
	 }
#divmenudroite {
	height:119px;
   	/*background: #0D0D0D; 134*/
	 }
	 
#zoneform-grtitre {
	font-size : 10vw;
	line-height:normal;
	padding-top: 38px;
}

#zoneform-text1 {	
	font-size: 18px;
    padding-bottom: 15px;
}


#zoneform-grtitre, #zoneform-text1 {
	width: calc(100% - 40px);
	padding: 20px;
    padding-bottom: 7px;
}

#zoneform-form-td {
	display:none;
}

#zoneform-form {
	margin:20px;
}

.ismobile {
	display:block;
}
.inputform, .msgerr {
	padding-left:20px
}
#zondright {
	min-height: 765px;
} 


#span-h3 { 
top: 20px;
}

#btsarkmode { 
top:0px;
right:0px;
    border: solid 20px;
	}

#zoneform-form {
		border-bottom: none;
	    border-top: 1px solid #4A4A4A;

}
#divzoneemail > td{
		border-bottom: 1px solid #4A4A4A;
}
#divimgnews { 
    border: 1px solid #4A4A4A;
	    margin-left: 0px;
}

.nomobile { display:none; }
.nodesqutop { display:block; }
}
@media screen and  (min-width:1118px) {  

#contentpage { 
	height:100vh; 
	 } 
	 
.inputform, .msgerr  {
	padding-left:56px
}
#zoneform-form {
	margin:auto;
}
.ismobile {
	display:none;
}
#zoneform-form-td {
	display:table-cell;
}
#zoneform-text1 { 
	width:calc(100% - 130px);
	max-width: 75%;
	padding-left:59px; 
	    font-size: 1vw;
	padding-right: 68px;
    padding-bottom: 57px; }
#zoneform-grtitre {
	font-size: 4vw;
	line-height: 72px;
	padding-left: 56px;
	padding-right: 56px;
}
#vector1 {
	/* Vector 6 */ 
		left: 50%; /*710px;*/ 
	}

#zondright, #divheader1, #zoneform , divfooter {
	max-width:50%;
}
 #divmenudroite  {	
 		max-width: calc(50% - 1px);
}
#divheader1 { 
	border-right: 1px solid #4A4A4A; }
#zondright {
	max-width:48%;
	min-height: calc(100% - 165px);
} 

#span-h3 { 
left: 56px;
}
	 
#logoimg
	{ 
	left: 3.89%; 
	top: 56px; /*6.22%;*/ 
	 }


#span-h2 { 
		left: calc(50% - 77px/2 - 108.5px);
		top: 56px;
}

#divfootermobile { display:none; }
#divfooter {	display:inline-block; }


#divmenudroite {
    position: absolute;	
    border-bottom: 1px solid #4A4A4A;
	border-left: 1px solid #4A4A4A;
	height:164px;
	 }
.nomobile { display:block; }
.nodesqutop { display:none; }

	 
#divheader1 { 
	height:164px;
}

#span-h3, #btsarkmode { 
top: 56px;
}
#btsarkmode { 
right: 56px;  
border: none; 
}


#zoneform-form {
		border-bottom: 1px solid #4A4A4A;
	    border-top: 1px solid #4A4A4A;

}
#divzoneemail {    border-bottom: 1px solid #4A4A4A;

		/*border-bottom: none;*/
}
#divimgnews {  
    border: 1px solid #4A4A4A;
	border-bottom: none;  
	    margin-left: 3%;
}
}



.dark-mode {
	background: #0D0D0D;	
	color: #BEBEBE;
	transition:linear 0.3s all 0.3s;
}

.dark-mode:hover {	
	color: #BEBEBE;
}

.normal-mode {
	color: #2C2C2C;	
	background : #fff;
	transition:linear 0.3s all 0.3s;
}
.normal-mode:hover {
	color: #2C2C2C;	
}

.txtmode { 
color: #2C2C2C;
}





#vector1 {
	/* Vector 6 */
		position: absolute;
		width: 1px;  
		height:calc(100% -30);
		top: 2px;
		background-color:#4A4A4A;
	}




.inputform { 
height: -webkit-fill-available; /* 80%; */
    width:  -webkit-fill-available ; /*calc(90% - 45px); */
    display: block;
    background-color: transparent;
    border: none;
	    outline: none;
		
font-family: 'Almarena';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 16px;
/* identical to box height, or 89% */

letter-spacing: 0.02em;


	 }

body { 
	background: #000;
    margin: 0px;
    padding: 0px; }
	
#contentpage {
	position:relative;
	display: block;
	/*margin-top:30px;*/
	/*margin-bottom:24px;*/
	position: relative;
	width:100%;
	/*max-width: 1435px;*/
	text-align: left;
    vertical-align: top;
	 } 
	 
#divheader1 { 
	width:50%;
}


#zoneform {

	position: relative;
    width: 100%;
	height: calc(100% - 165px);
    /*min-height: 593px;*/
    /*max-width: 710px;*/
    border-right: 1px solid #4A4A4A;
    display: inline-block;

}



#zoneform-form-td {
    border-left: 1px solid #4A4A4A;
	width:192px;
}


#zondright {

	position: relative;
    width: 100%;
    /*max-width: 719px;*/
    display: inline-block;
    vertical-align: top;
	/*border-top: 1px solid #4A4A4A;*/
}

#divimgnews { 
    width: calc(100% - 40px);
    max-width: 392px;
    padding: 16px; 
    box-sizing: border-box;

	/*background-color:#0d0d0d;
    border-bottom: none; */ 
}

#txtimgnews {
	
font-family: 'Almarena';
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 12px;
	    margin-left: 3%;
/* identical to box height, or 122% */

text-align: center;
letter-spacing: 0.02em;

padding:16px;
	
	 }



#btsubscribe { 
width: 128px;
height: 128px;
left: 548px;
top: 615px;

/*border: 1px solid #BEBEBE;*/
box-sizing: border-box;

font-family: 'Almarena';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 20px;
/* identical to box height, or 111% */

text-align: center;
letter-spacing: 0.02em;
text-transform: capitalize;

    border-radius: 50%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	cursor:pointer;
	
	/*transition:linear 0.3s all 0.3s; */ 
}


.darkmodebt {
	background-color: #0D0D0D;	
	color: #BEBEBE;
	/*transition:linear 0.3s all 0.3s;*/
	border: 1px solid #BEBEBE;
}

.darkmodebt:hover {
	background-color: #BEBEBE;	
	color: #0D0D0D;
}
.normalmodebt {
	background-color: #fff;	
	color: #0D0D0D;
	/*transition:linear 0.3s all 0.3s;*/
	border: 1px solid #000;
}
.normalmodebt:hover {
	background-color: #0D0D0D;	
	color: #fff;
}







#zoneform-grtitre { 

	height: 144px;
	margin-top: 113px;
	
	font-family: 'AlmarenaDisplayBold';
	font-style: normal;
	font-weight: 400;
	/* or 112% */
	
	letter-spacing: -0.01em;
	
	display: inline-block;

}

#zoneform-text1 {
   
    padding-top: 33px; 
	font-family: 'Almarena';
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/* or 150% */
	
	letter-spacing: 0.02em;
	display: inline-block;
	color:#7F7F7F;

}

#divfooter { 
	position:relative;
	width:100%;
	height:121px;
	/*max-width:710px;*/
	border-right: 1px solid #4A4A4A;    
	/*border-top: 1px solid #4A4A4A;*/
}
#divfootermobile { 
	position:relative;
	width:100%;
	height:121px;
	/*max-width:710px;*/
}
#span-b1 {
position: absolute;
width: 171px;
height: 13px;
left: 60px;
top: 44%; /* 831px; */

font-family: 'Almarena';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
/* or 150% */

letter-spacing: 0.01em;
}
#span-b2 {
position: absolute;
width: 51px;
height: 15px;
right: 46px; /*56px;*/

top:  44% ; /* 831px; */

font-family: 'Almarena';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
/* identical to box height, or 150% 

text-align: right;
*/
    text-align: left;
     width: 106px;


}


	 
#logoimg
	{
	position: absolute;
	cursor:pointer;
	 }

#span-h1 { 
/* Concept ‒ seeker */
	position: absolute;
	width: 61px;
	height: 30px;
	left: calc(50% - 61px/2 - 295.5px);
	top: 56px;
	
	font-family: 'Almarena';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
	/* or 125% */
	
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor:pointer;
	
}


#span-h2 { 
/* Strive Seek, find never yield */
		position: absolute;
		width: 77px;
		height: 45px;
		
		font-family: 'Almarena';
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 15px;
		/* or 125% */
		
		letter-spacing: 0.04em;
		text-transform: uppercase;
		
}

#span-h3 { 
position: absolute;
width: 120px;
height: 45px; 

font-family: 'Almarena';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
/* or 125% */

letter-spacing: 0.06em;
text-transform: uppercase;
 
z-index: -1;
}

#span-h4 { 
    position: absolute;
    padding: 13px;
	padding-top:14px;
	padding-bottom:12px;
    width: 170px;
    /* height: 40px; */;
    font-family: 'Almarena';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    z-index: -1;     
    
	border-radius: 54px;
    padding-left: 30px;
}

#vector1 {
	/* Vector 6 */
		position: absolute;
		width: 1px;
		/*height: 900px;*/
		top: 2px;
		/*background-color:#4A4A4A;*/
	}


@font-face {
font-family: LGSmartBold;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}
@font-face {
font-family: LGSmartBold;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 
 
.lienicone:hover >img {
	margin-right:15px;
	transform: rotate(45deg);
}
.lienicone >img {
	margin-right:5px;
	height:8px;
	transition:linear 0.2s all 0.3s;
}
.lienicone {
	cursor:pointer;
	text-decoration:none;
}

.icodarkmode1 {
    background-color: #BEBEBE;
    -webkit-mask: url(images/Arrow.svg) no-repeat center;
    mask: url(images/Arrow.svg) no-repeat center;	
}

body {
	transition:linear 0.3s all 0.3s;
}


.msgerr {
	position: absolute;
    bottom: 16px;
	
	transition:linear 0.3s all 0.3s;  

font-family: 'Almarena';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
/* identical to box height, or 133% */

letter-spacing: 0.02em;

color: #FC595A;
	
	display:none;
}
    
    .red {
        filter: invert(13%) sepia(94%) saturate(7466%) hue-rotate(0deg) brightness(94%) contrast(115%);
    }

    .purple {
        filter: invert(5%) sepia(78%) saturate(6858%) hue-rotate(276deg) brightness(97%) contrast(101%);
    }

    .blue {
        filter: invert(12%) sepia(63%) saturate(6234%) hue-rotate(246deg) brightness(87%) contrast(156%);
    }

@media (max-height: 500px) {
 
  #zondright {
    max-width: 48%;
    height: 10%;
}
   
}