@font-face {
    font-family: 'krjst_goodregular';
    src: url('krjst_good-regular-webfont.woff2') format('woff2'),
         url('krjst_good-regular-webfont.woff') format('woff'),
         url('krjst_good-regular-webfont.otf') format('opentype'),
         url('krjst_good-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "NotoSansJP";
    src: url("../fonts/NotoSansJP-Regular.otf") format("opentype");
}

@font-face {
    font-family: "NotoSansJP";
    font-weight: thin;
    src: url("../fonts/NotoSansJP-Thin.otf") format("opentype");
}
@font-face {
    font-family: "NotoSansJP";
    font-weight: medium;
    src: url("../fonts/NotoSansJP-Medium.otf") format("opentype");
}

@font-face {
    font-family: "NotoSansJP";
    font-weight: bold;
    src: url("../fonts/NotoSansJP-Bold.otf") format("opentype");
}
    .presentation{
       display:none;
    }
/*Carousel*/
.carousel-control-prev{
    transform: translateX(56%);
    cursor:url('../images/k-bleu-cursor.cur'), auto!important;
    
}

.carousel-control-next{
    transform: translateX(-95%);
    cursor:url('../images/k-bleu-cursor.cur'), auto!important;
}

/*Caroussel 1*/

#carousel-1{
    padding-top:12%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
    z-index: 0;
}

#carousel-2{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
}
#carousel-3{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
 
}

#carousel-4{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
}
#carousel-5{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
    
}


/*vertical*/
#carousel-6{
      padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
  
}

#carousel-7{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
 
}
/*vertical*/
#carousel-8{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
}
/*vertical*/
#carousel-9{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
    padding-bottom: 3%;

}
/*vertical*/
#carousel-10{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;

}
/*vertical*/
#carousel-11{
     padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
}

#carousel-12{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
}

#carousel-13{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
}

#carousel-14{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
}
/*vertical*/
#carousel-15{
  padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
}


#carousel-16{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
}

#carousel-17{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
}
/*vertical*/
#carousel-18{
  padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
}

#carousel-19{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
}

#carousel-20{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
   
}

#carousel-21{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
   
}

#carousel-22{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
   
}

#carousel-23{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
   
}

#carousel-24{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
   
}

#carousel-25{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
   
}

#carousel-26{
    padding-top:3%;
    padding-right: 0%;
    padding-left: 7%;
    width: 100%;
     z-index: 0;
    padding-bottom: 3%;
   
}



body{
        cursor:url('../images/k-cursor.cur'), auto;
    overflow: scroll;

}

a{
    cursor:url('../images/k-bleu-cursor.cur'), auto;
    z-index: 1000000;
}

/*MENU KRJST LOGO+INSTA*/
.logonoir {
    cursor:url('../images/k-bleu-cursor.cur'), auto;
    width: 13%;
    transform: translate(10%, 10%);
    z-index: 20;
    position: fixed;
        
}
.insta {
cursor:url('../images/k-bleu-cursor.cur'), auto;
position: fixed;
left: 30%;
transform: translate(2180%,50%);
white-space: nowrap;
margin-right:1%;
width:3%;
opacity: 1;
z-index: 50;

}

/*PHOTOS*/
   .gif_responsive{
    display:none;
    padding-right: 0%;
    padding-left: 10%;
    width: 108%;
    transform: translateY(-75%);
    }  
.pics_tapestries{
     
    padding-right: 0%;
    padding-left: 15%;
    width: 100%;
    padding-bottom: 5%;
   
}
.pics_architecture{
     
    padding-right: 0%;
    padding-left: 10%;
    width: 100%;
    padding-bottom: 5%;
   
}
.pics_installation{
     
    padding-right: 0%;
    padding-left: 10%;
    width: 100%;
    padding-bottom: 5%;
   
}
.pics_scenography{
     
    padding-right: 0%;
    padding-left: 10%;
    width: 100%;
    padding-bottom: 5%;
   
}
.pics_exhibitions{
     
    padding-right: 0%;
    padding-left: 10%;
    width: 100%;
    padding-bottom: 5%;
   
}
.pics_rugs{
     
    padding-right: 0%;
    padding-left: 10%;
    width: 100%;
    padding-bottom: 5%;
   
}
.pics_furniture{
     
    padding-right: 0%;
    padding-left: 10%;
    width: 100%;
    padding-bottom: 5%;
   
}
.pics_rslt{
     
    padding-right: 0%;
    padding-left: 10%;
    width: 100%;
    padding-bottom: 5%;
   
}
.pics_research{
     
    padding-right: 0%;
    padding-left: 10%;
    width: 100%;
    padding-bottom: 5%;
   
}
.pics_books{
     
    padding-right: 0%;
    padding-left: 10%;
    width: 100%;
    padding-bottom: 5%;
   
}
.pics_rtw{
     
    padding-right: 0%;
    padding-left: 10%;
    width: 100%;
    padding-bottom: 5%;
   
}
.pics_about{
     
    padding-right: 0%;
    padding-left: 30%;
    width: 100%;
    padding-bottom: 5%;
   
}
.pics_contact{
     
    padding-right: 0%;
    padding-left: 10%;
    width: 100%;
    padding-bottom: 5%;
   
}
.one{
    padding-top: 12%;
    padding-left: 5%;
  
}
/*MENU DEROULANT*/
.full_menu{
   margin-left:2.5%;
      padding-top: 12%;
    position: fixed;
    z-index: 100000;
   
}
span{
       display: inline-block;
    color: black!important;
    font-family:"krjst_goodregular"!important;
        white-space: nowrap!important;
    font-size: 2vw !important;
    line-height: 2.2vw !important;
}

.tapestries{
   white-space: nowrap;
      display: inline-block;
    position: fixed;
    z-index: 100000;
    
}
.architecture{
 white-space: nowrap;
      display: inline-block;
    position: fixed;
    margin-top:  2.5%;
     z-index: 100000;


}
.installation{
 white-space: nowrap;
      display: inline-block;
    position: fixed;
    margin-top:  5%;

}
.scenography{
 white-space: nowrap;
      display: inline-block;
    position: fixed;
    margin-top:  7.5%;

}
.exhibitions{
 white-space: nowrap;
      display: inline-block;
    position: fixed;
    margin-top:  10%;

}
.rugs{
 white-space: nowrap;
      display: inline-block;
    position: fixed;
    margin-top:  12.5%;

}
.furniture{
 white-space: nowrap;
      display: inline-block;
    position: fixed;
    margin-top:  15%;

}
.rslt{
 white-space: nowrap;
      display: inline-block;
    position: fixed;
    margin-top:  17.5%;

}
.research{
 white-space: nowrap;
      display: inline-block;
    position: fixed;
    margin-top:  20%;

}
.books{
 white-space: nowrap;
      display: inline-block;
    position: fixed;
    margin-top:  22.5%;

}
.rtw{

  
 white-space: nowrap;
      display: inline-block;
    position: fixed;
    margin-top:  25%;

}
.about{
 white-space: nowrap;
      display: inline-block;
    position: fixed;
    margin-top:  27.5%;

}
.contact{
 white-space: nowrap;
      display: inline-block;
    position: fixed;
    margin-top:  30%;

}
/* Cercle selection*/



.cercle_tapestries{
    display: inline;
    padding-bottom:0%;
     padding-top:0%;
position: fixed;
    transform: translate(-9%,-12%);
  
    width: 2.3%;
}
.cercle_architecture{
    display: inline;
  transform: translate(-9%,-12%);
       padding-bottom:0%;
     padding-top:0%;
position: fixed;
    width: 2.3%;
}
.cercle_installation{
    display: inline;
  transform: translate(-9%,-12%);
       padding-bottom:0%;
     padding-top:0%;
position: fixed;
    width: 2.3%;
}
.cercle_scenography{
    display: inline;
  transform: translate(-18%,-12%);
       padding-bottom:0%;
     padding-top:0%;
position: fixed;
    width: 2.3%;
}
.cercle_exhibitions{
    display: inline;
  transform: translate(-18%,-12%);
       padding-bottom:0%;
     padding-top:0%;
position: fixed;
    width: 2.3%;
}
.cercle_rugs{
    display: inline;
  transform: translate(-18%,-12%);
       padding-bottom:0%;
     padding-top:0%;
position: fixed;
    width: 2.3%;
}
.cercle_furniture{
    display: inline;
  transform: translate(-18%,-12%);
       padding-bottom:0%;
     padding-top:0%;
position: fixed;
    width: 2.3%;
}
.cercle_rslt{
    display: inline;
  transform: translate(-18%,-12%);
       padding-bottom:0%;
     padding-top:0%;
position: fixed;
    width: 2.3%;
}
.cercle_research{
    display: inline;
  transform: translate(-18%,-12%);
       padding-bottom:0%;
     padding-top:0%;
position: fixed;
    width: 2.3%;
}
.cercle_books{
    display: inline;
  transform: translate(-2%,-12%);
       padding-bottom:0%;
     padding-top:0%;
position: fixed;
    width: 2.5%;
}
.cercle_rtw{
    display: inline;
  transform: translate(-2%,-12%);
       padding-bottom:0%;
     padding-top:0%;
position: fixed;
    width: 2.5%;
}

.cercle_about{
    display: inline;
  transform: translate(-3%,-12%);
       padding-bottom:0%;
     padding-top:0%;
position: fixed;
    width: 2.5%;
}
.cercle_contact{
    display: inline;
  transform: translate(-7%,-12%);
       padding-bottom:0%;
     padding-top:0%;
position: fixed;
    width: 2.5%;
}



/*Typo description_image*/
h2{
 font-family: 'Noto Sans JP', sans-serif;
    font-weight: 100 !important;
    font-size: 1vw !important;
    line-height: 1.3vw !important;
    z-index: 1000000;
}

h5{
 font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500 !important;
    font-size: 1vw !important;
    line-height: 1.3vw !important;
    z-index: 1000000;
}
h3{
 font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500 !important;
    font-size: 1.4vw !important;
    line-height: 1.5vw !important;
}

h4{
 font-family: 'Noto Sans JP', sans-serif;
    font-weight: 100 !important;
    font-size: 1.4vw !important;
    line-height: 1.8vw !important;
}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 576px)
  
  and (orientation: portrait) 

    
{
    .carousel-control-prev{
    transform: translateX(58%);
       
    
}

.carousel-control-next{
    transform: translateX(-145%);
}
    .cercle_architecture{
        display:none;
        visibility: hidden;
    } 
    .text{
        transform: translateX(-20%);
    }
    #carousel-1{
    padding-top:90%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
     #carousel-2{
    padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
     #carousel-3{
    padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
      #carousel-4{
    padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
      #carousel-5{
    padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
      #carousel-6{
   padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
      #carousel-7{
   padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
      #carousel-8{
    padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
      #carousel-9{
  padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
      #carousel-10{
  padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
      #carousel-11{
  padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
      #carousel-12{
   padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
      #carousel-13{
   padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
      #carousel-14{
    padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
      #carousel-15{
   padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
      #carousel-16{
          padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
      #carousel-17{
          padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
      #carousel-18{
  padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
      #carousel-19{
          padding-top:5%;
   
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
      #carousel-20{
   padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
          #carousel-21{
   padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
          #carousel-22{
   padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
          #carousel-23{
   padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
          #carousel-24{
   padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
          #carousel-25{
   padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
    
          #carousel-26{
   padding-top:5%;
    transform: translateX(-18%);
    width: 144%;
    z-index: 0;
}
/*MENU KRJST LOGO+INSTA*/
.logonoir {
    cursor:url('../images/k-bleu-cursor.cur'), auto;
    width: 41%;
    transform: translate(0%, 10%);
    z-index: 200000;
    position: absolute;
        
}
.insta {
cursor:url('../images/k-bleu-cursor.cur'), auto;
position: absolute;
left: 30%;
transform: translate(597%,30%);
white-space: nowrap;
margin-right:1%;
width:10%;
opacity: 1;
z-index: 50;

}
    /*MENU DEROULANT*/
.full_menu{
   margin-left:4.5%;
      padding-top: 38%;
    position: absolute;
   
}
span{
       display: inline-block;
    color: black;
    font-family:"Krjst_01-Regular";
        white-space: nowrap;
       font-weight: 100 !important;
    font-size: 9vw !important;
    line-height: 2.2vw !important;
}
    
    h1{
      font-family: 'Noto Sans JP', sans-serif!important;
    font-weight: 100 !important;
    font-size: 4vw !important;
    line-height: 4.1vw !important;
        color: black;
}
    .presentation{
        padding-top: 25%;
        display: block;
    }
.tapestries{
 white-space: nowrap;
      display: none;
    position: relative;
    margin-top:  6.5%;
    transform: translateY(-10%);
    padding-left: 38%;
 
}
.architecture{
 display:none;

}
.installation{
  white-space: nowrap;
      display: none;
    position: relative;
    margin-top:  6.5%;
    transform: translateY(-10%);
    padding-left: 35%;

}
    
     .cercle_installation{
        display:none;
        visibility: hidden;
    } 
    
     .cercle_furniture{
        display:none;
        visibility: hidden;
    } 
      
.scenography{
  white-space: nowrap;
      display: none;
    position: relative;
    margin-top:  6.5%;
    transform: translateY(-10%);
    padding-left: 35%;

}
       .cercle_exhibitions{
        display:none;
        visibility: hidden;
    } 
.exhibitions{
  white-space: nowrap;
      display: none;
    position: relative;
    margin-top:  0%;
    transform: translateY(-10%);
    padding-left: 50%;

}
.rugs{
 white-space: nowrap;
      display: none;
    position: fixed;
    margin-top:  32.5%;

}
.furniture{
   white-space: nowrap;
      display: block;
    position: relative;
    margin-top:  6.5%;
    transform: translateY(-10%);
    padding-left: 45%;

}
.rslt{
 white-space: nowrap;
      display: none;
    position: fixed;
    margin-top:  45.5%;

}
.research{
 white-space: nowrap;
      display: none;
    position: fixed;
    margin-top:  52%;

}
.books{
 white-space: nowrap;
      display: none;
    position: fixed;
    margin-top:  58.5%;

}
.rtw{
 white-space: nowrap;
      display: none;
    position: fixed;
    margin-top:  65%;
    

}
.about{
 white-space: nowrap;
      display: none;
    position: fixed;
    margin-top:  71.5%;

}
.contact{
 white-space: nowrap;
      display: none;
    position: fixed;
    margin-top:  78%;

}
/*PHOTOS*/
    .gif_responsive{
    padding-right: 0%;
    padding-left: 10%;
    width: 108%;
    transform: translateY(-81%);
    display: block;
        padding-bottom: 0%;
    }  
    

.one{
    padding-top: 30%;
    padding-left: 15%;
  
}   
    
    /*Typo description_image*/
h2{
 font-family: 'Noto Sans JP', sans-serif;
    font-weight: 100 !important;
    font-size: 2vw !important;
    line-height: 2.1vw !important;
   
}

  h5{
 font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500 !important;
    font-size: 2vw !important;
    line-height: 2.1vw !important;
   
}  
}

@media screen and (orientation: landscape) 
    and (hover: none) and (pointer: coarse)
{
       .cercle_tapestries{
   
    padding-bottom:0%;
     padding-top:0%;
position: fixed;
    transform: translate(-9%,-12%);
    width: 2.3%;
}
    .rtw{
        padding-top: 0%;
    }
    .insta {
cursor:url('../images/k-bleu-cursor.cur'), auto;
position: fixed;
left: 30%;
transform: translate(2200%,50%);
white-space: nowrap;
margin-right:5%;
width:3%;
opacity: 1;
z-index: 50;

}  
    .text{
        transform: translateX(-20%);
    }
    
}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape)
{
           .cercle_tapestries{
    display: none;
    padding-bottom:0%;
     padding-top:0%;
position: fixed;
    transform: translate(-9%,-12%);
  visibility: hidden;
    width: 2.3%;
}
  .insta {
cursor:url('../images/k-bleu-cursor.cur'), auto;
position: fixed;
left: 30%;
transform: translate(2180%,50%);
white-space: nowrap;
margin-right:5%;
width:3%;
opacity: 1;
z-index: 50;

}      .text{
        transform: translateX(-0%);
    }
    
    .rtw{
        padding-top: 0%;
    }
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait)
    {
               .cercle_tapestries{
    display: none;
    padding-bottom:0%;
     padding-top:0%;
position: fixed;
    transform: translate(-9%,-12%);
  visibility: hidden;
    width: 2.3%;
}
  .insta {
cursor:url('../images/k-bleu-cursor.cur'), auto;
position: fixed;
left: 30%;
transform: translate(2180%,50%);
white-space: nowrap;
margin-right:5%;
width:3%;
opacity: 1;
z-index: 50;

}  
    .rtw{
       
       
    }
}



@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait)
{
           .cercle_tapestries{
    display: none;
    padding-bottom:0%;
     padding-top:0%;
position: fixed;
    transform: translate(-9%,-12%);
  visibility: hidden;
    width: 2.3%;
}
      .insta {
cursor:url('../images/k-bleu-cursor.cur'), auto;
position: fixed;
left: 30%;
transform: translate(2140%,50%);
white-space: nowrap;
margin-right:2%;
width:3%;
opacity: 1;
z-index: 50;

}  
     .rtw{
        padding-top: 1%;
    }
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait)
{
           .cercle_tapestries{
    display: none;
    padding-bottom:0%;
     padding-top:0%;
position: fixed;
    transform: translate(-9%,-12%);
  visibility: hidden;
    width: 2.3%;
}
      .insta {
cursor:url('../images/k-bleu-cursor.cur'), auto;
position: fixed;
left: 30%;
transform: translate(2140%,50%);
white-space: nowrap;
margin-right:5%;
width:3%;
opacity: 1;
z-index: 50;

}  
     .rtw{
        padding-top: 0%;
    }
}