@font-face {
    font-family: 'Neue Montreal Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Neue Montreal Regular'), url('Neue-Montreal-Regular.woff') format('woff');
    }

@font-face {
    font-family: 'Neue Montreal Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Neue Montreal Medium'), url('Neue-Montreal-Medium.woff') format('woff');
    }
    

body {
    font-family:'Neue Montreal Regular', Arial, "Helvetica Neue", Helvetica, "sans-serif";
    font-size:16px;
    line-height:1.35;
    letter-spacing: 0.012em;
    text-align: left;
    background-color: #fdfdfd;
    color: #050505;
    padding: 0;
    margin: 0;} 

iframe {
   width: 100%;
    height: 2000px;
    border: none;
    float: left;
    clear: both;}

h1, .h1 {
    font-size: 26px;
    line-height:1.25;
    font-weight:normal;
    margin:0;
/*    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;*/}

h1 {
    line-height:1;}
    
.h1 {
    line-height:1.25;}    

h2 {
    font-size: 19px;
    font-weight:normal;
    margin:0;}

h4 {
    line-height:0.8 !important;
    font-weight:normal;
    margin:0}

button {
    font-family: 'Neue Montreal Regular', Arial, "Helvetica Neue", Helvetica, "sans-serif";;
    letter-spacing: 0.025em;}

u {
    border-bottom: 1px solid rgba(5,0,0,0.25);
    text-decoration: none;
    line-height: 1.1;}

.small, small, .legende, h4 {
    font-size: 0.75em;
    line-height: 1.26;
    padding-bottom: 3px;}

.legende {
    padding-top: 5px;
    display:block;}

.rotate-logo {
    -webkit-animation: rotate 50s linear infinite; 
    animation: rotate 50s linear infinite;}

@keyframes rotate {
    from  {transform:rotate(0deg)}
    to  {transform:rotate(360deg);}
}
@-webkit-keyframes rotate {
    from  {transform:rotate(0deg)}
    to  {transform:rotate(360deg);}
}

.gap {
    padding-bottom: 45px;}

.middle {
    font-size:19px;}
        
a, a:link, a:hover {
    text-decoration: none;
    color: #050505;} 

.underline {
    border-bottom: 1px solid #626262;}

/* a:hover {
    text-decoration: none;
    color: #050505;
    border-bottom: 1px solid #333333;}  */      
        
.icon1 {
    position: relative;
    width:25px;
    height:auto;
    top: 3px;}

.homearrow {
    width: 40px;
    height:auto;
    float: right;
    padding: 30px 0 50px 0; } 

.homearrow2 {
    width: 40px;
    height: auto;
    float: right;
    padding: 0px 0 50px 0;}

::-moz-selection {
	background: #e0fd28;
	color: #050505;
	text-shadow: none;}

::selection {
	background: #e0fd28;
	color: #050505;
	text-shadow: none;}

.active {
    background-color:#e0fd28;}
 
/******* HEADER *********/
        
.header {
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 1000;
    background-color: #fdfdfd;}

.navigation {
    margin: 0 auto;
    padding-top:20px;
    height: 70px;
    border-bottom: 1px solid rgb(100 100 100 / 75%);}

.navigation a {
    padding: 2px 5px;
    margin: 0px 10px;}

.nav-first {
    margin: 0px 10px 0px -5px !important;}
        
.navigation, .container {
    width:95%;
    max-width: 1400px;}

/******* LAYOUT *********/
        
.container {
    left: 0;
    right: 0;
    margin:0 auto;
    position:absolute;}
        
.grid-3 {
    display: grid;
    width: 100%;
    grid-template-columns: 33.33% 33.33% 33.33%;
    grid-template-rows: auto auto auto;}
        
.grid-2 {
    display: grid;
    width: 100%;
    grid-template-columns: 33.33% 66.66%;
    grid-template-rows: auto auto;}  

.grid-half {
    display: grid;
    width: 100%;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;} 

.grid-1 {
    width: 100%;} 

.line-height-115 {
    line-height:1.15}

.row {
    position: relative;
    top: 90px;
    border-top: 1px solid rgb(100 100 100 / 75%);
    padding-top: 12px;
    padding-bottom: 120px;
    background-color: #fdfdfd;}
    
.row-sticky {
    position: sticky;
    top: 90px;
    border-top:1px solid rgb(100 100 100 / 75%);;
    padding-top:12px;
    min-height:80vh;
    padding-bottom: 120px;
    background-color: #fdfdfd;}

.row-sticky-end {
    position: sticky;
    background-color: #fdfdfd;
    border-top: 1px solid rgb(100 100 100 / 75%);
    padding: 20px 0 20px 0px;}

.last-row {
    position: relative !important;
    margin-bottom: 100px;}

/*.row-footer {
    position: relative;
    top: 100px;
    border-top:1px solid #666666;
    padding-top:20px;
    height:40px;
    background-color: #ffffff;}*/
        
.right {
    text-align:right;}  

.edition-fixed {
    position:fixed;
    width:30%;}

.edition-top {
    margin-top:105px}

.hidedesktop {display:none;}  


/******* CURSOR *********/

a.tooltip .cursor{
    display:none;}

.tooltip {
    text-decoration:none;
    position:relative;
    cursor:none !important;}

.tooltip span {
    display:none;}

.tooltip span img {
    width:90px;
    height:90px;}

.rotate1 {
    transform:rotate(15deg);
    transform-origin: top left;}

.rotate2 {
    transform:rotate(30deg);
    transform-origin: top left;}

.rotate3 {
    transform: rotate(30deg) scaleX(-1);
    transform-origin: top left;}

.nocursor {
  cursor: none;}

.tooltip:hover span {
    display:block;
    position:fixed;}   


/******* BUTTON *********/

button{
  cursor:none !important;
  color: #ffffff;
  background-color: #000000;
  border: 2px solid #000000;
  border-radius: 100px;
  box-sizing: border-box;
  display: inline-flex;
  font-size: 26px !important;
  font-weight: 400;
  line-height: 1;
  padding: 5px 20px 5px 20px;}
        
button:hover {
  cursor:none !important;
  color: #000000;
  background-color: #ffffff;
    border: 2px solid #000000; } 

button a {
    color: #ffffff !important;}

button a:hover {
    color: #000000 !important;}


/******* ANIMATION *********/
.blink {
	-webkit-animation: blink 2.9s ease-out infinite both;
	        animation: blink 2.9s ease-out infinite both;}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
    transform: scale(1);}
  50% {
    opacity: 0.2;
    transform: scale(0.5);}
  100% {
    opacity: 1;
    transform: scale(7) translate(-50px, 30px);}
}
@keyframes blink {
  0% {
    opacity: 1;
    transform: scale(1);}
  50% {
    opacity: 0.2;
    transform: scale(0.5);}
  100% {
    opacity: 1;
    transform: scale(7) translate(-50px, 30px);}
}

.marquee {
    width: 100%;
    overflow: hidden;
    font-size:12px;
    font-weight:500;}


/******* RESPONSIVE *********/

@media (max-width: 860px){
    body {
        font-size: 15px;}
    h1, .h1 {
        font-size: 22px;}
    .small-phone {
        font-size:12px;}
    .small {
        font-weight:400;}
    .navigation, .container {
        width:95%;}
    .navigation .item-2 {
        margin-top:0;}
    .item-2 {
        margin-top:10px;}
    .grid-1, .grid-2, .grid-3 {
        display:block !important;}
    .right {
        text-align: left;}
    .row-sticky {
        min-height:75vh;}
    .no-sticky-phone {
        position: relative !important;
        min-height: unset !important;}
    .first {
        min-height: 100vh;}
    .edition-fixed, .hidephone {
        display:none;}
    .edition-top {
        margin-top: 105px;}
    .hidedesktop {
        display:block !important;}
    .homearrow {
        width: 28px;
        padding: 20px 0 50px 0; }
    .icon1 {
        width: 18px;}
    .last-row {
        margin-bottom:0;}
    button {
        font-size:22px !important;}
}

 .small-phone {
    font-size:12px;
    line-height:1.5;}

/*@media (max-height: 800px) {
    .row-sticky {
        position: relative;
        min-height: unset;}
    .row-sticky-end {
        position: relative;}
}*/

@media (max-width: 800px) and (orientation:landscape) {
    .row-sticky {
        position: relative;
        min-height: unset;}
}

@media (max-height: 820px) {
    .row-sticky {
        position: relative;
        min-height: unset;}
}

/*@media (min-height: 681px) and (max-height: 860px) {
    .row-sticky {
        min-height: 70vh;}
    .first {
        min-height: 90vh !important;}
}*/