@font-face {
 font-family: "arnhem";
  src: url(../fonts/arnhem-normal.woff);
}

@font-face {
 font-family: "arnhem-it";
  src: url(../fonts/arnhem-italic.woff);
}

video::-webkit-media-controls {
    display:none !important;
}

/* This used to work for the parent element of button divs */
/* But it does not work with newer browsers, the below doesn't hide the play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

video::-webkit-media-controls-start-playback-button {
  display: none !important;
}

@font-face {
 font-family: "eurostile-light";
  src: url(../fonts/eurostile-extented-light.woff) format('woff'), url(../assets/fonts/eurostile-extented-light.woff2) format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
 font-family: "eurostile-ultralight";
  src: url(../fonts/eurostile-extented-ultra-light.woff) format('woff'), url(../assets/fonts/eurostile-extented-ultra-light.woff2) format('woff2');
    font-weight: normal;
    font-style: normal;
}

* {
  -webkit-font-smoothing: antialiased !important;
}

.kb-projects-list {
   font-family: eurostile-light  !important;
}

.swiper-captions {
   font-family: eurostile-ultralight !important;
}

.about-txt, header, .about-contact {
 font-family: arnhem !important;
}
header, .about-contact {

/*   color:#6e6d6d; */
      color:#919191; 

   }
a {
      color:#919191!important;
}

* {
   color:#919191; 
}

a:hover {
  text-decoration: none !important;
}

header div:hover {
  cursor: pointer !important;
}


.kb-projects-list div:hover {
  cursor: default !important;
}

.about-txt {
          line-height: 185%;
}

.swiper-captions {
  padding-bottom: 20px;text-align: center;
}
.about-container:hover {
  cursor: default !important
  }
.about-container {    
  z-index: 101 !important;
    align-items: center;
    background: white;
    justify-content: center;
       height: 100vh;height: calc(var(--vh, 1vh)* 100) !important;
    display: none;    overflow: scroll;
}

.about-contact {
      display: flex;
}




.kb-header-infos-2 {
  /*display: none;*/color:#919191 !important; font-family: "arnhem-it";
}
.swiper__button-prev {
        top: 0;
        left: 0;        z-index: 100 !important;
}
.swiper__button-next {
        top: 0;
        right: 0;        z-index: 100 !important;
}


.swiper__button-play {
/*cursor: w-resize;*/
    cursor: url(../stop.png), pointer !important;
}

.swiper__button-play:hover {
/*cursor: e-resize;*/
/*cursor:url(../assets/forward.png), auto;*/
    cursor: url(../stop.png), pointer !important;
}


.swiper__button-pause:hover {
/*cursor: e-resize;*/
/*cursor:url(../assets/forward.png), auto;*/
    cursor: url(../start.png), pointer !important;
}

.swiper__button-pause {
/*cursor: e-resize;*/
/*cursor:url(../assets/forward.png), auto;*/
    cursor: url(../start.png), pointer !important;
}




.swiper__button-prev {
/*cursor: w-resize;*/
    cursor: url(../backward.png), w-resize !important;
}

.swiper__button-prev:hover {
/*cursor: w-resize;*/
/*cursor:url(../assets/forward.png), auto;*/
    cursor: url(../backward.png), w-resize !important;
}


.swiper__button-next:hover {
/*cursor: e-resize;*/
/*cursor:url(../assets/forward.png), auto;*/
    cursor: url(../forward.png), e-resize !important;
}

.swiper__button-next {
/*cursor: e-resize;*/
/*cursor:url(../assets/forward.png), auto;*/
    cursor: url(../forward.png), e-resize !important;
}

h1 {
      display: inline !important;
    font-size: 85%;
    font-weight: normal;
}

.kb-header-infos:hover {
cursor: pointer !important;
}

.kb-header-list:hover {
cursor: pointer !important;
}
.swiper-slide img {
    width: auto;
    margin: auto;
    text-align: center;
 }
.background img {
position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}

.background video {
position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -o-object-position: center;
}



@media only screen and (min-width: 1024px) {


.kb-projects-list_item { cursor: default !important;
    font-size: 18px !important;
    line-height: 280% !important;
}


.margin img {
       height: 80vh;   
}

.wmargin img {
         height: 100vh;height: calc(var(--vh, 1vh)* 100) !important;  
}

.about-txt {font-size: 18px !important;
    /* text-align: justify;*/
    word-spacing: -1px;
    margin: auto;
/*    max-width: 785px;*/
            max-width: 850px;
    width: 100vw;
}
.about-contact :nth-child(2) {
padding-left: 15px;
}


.swiper-slide-caption1 {line-height: 80%;
     font-size: 150px;
    letter-spacing: -10;     color: 5d5d5d;  padding-bottom: 30px; 
}



}

@media only screen and (max-width: 1023px) {
.swiper-slide-caption1 {
    font-size: 80px;
    line-height: 90%;
    letter-spacing: -5;

}

.kb-projects-list_item {
cursor: default !important;
font-size: 17px;
    line-height: 280%;
  
}

.about-txt {
    padding: 60px;
    /* 80 */
}
.about-contact {
    display: flex;
    flex-direction: column;
}
.margin img {
    width: 70vw;
}
.wmargin img {
        height: 100vh;
}
.about-txt {
/*     text-align: justify;*/
    word-spacing: -1px;
    margin: auto;
        font-size: 16px !important;
    width: 100vw;
}

}