@font-face {
    font-family: 'SuisseIntl';
    src: url('../fonts/SuisseIntl-Regular-WebS.woff');
  }
  @font-face {
    font-family: 'CutOff';
    src: url('../fonts/CutoffPro-Regular.otf');
  }


  :root { --main_color:  #e4d2bb;}

/* Main balise
================================================== */
  * { box-sizing: border-box; margin: 0; padding: 0; }
  ::selection {color: #333;}
  ::-moz-selection {color: #333;}
  ::selection {background-color: #aaa;}
  ::-moz-selection {background-color: #aaa;}
  html, body {max-width: 100%;overflow: hidden; width:100%;min-height:100%;}
  html{scroll-behavior:smooth; overflow-y: scroll;}
  body{font-family: 'SuisseIntl', sans-serif; font-weight: 300; font-size: 15px; line-height: 1.7; background:#fff; color:#000;}
      body.background-beige {background-color: var(--main_color);}
  @media screen and (max-device-width: 767px) {
    body{font-size: 18px;line-height: 1.8; }
  }
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6{text-transform:uppercase; font-family: 'SuisseIntl', sans-serif; font-weight: 300; margin-bottom: 0; line-height: 1.35; color:#000;}
  h1, .h1 {font-size: 2.7rem; font-weight: 200;}
  h2, .h2 {font-size: 2.5rem; font-weight: 300;}
  h3, .h3 {font-size: 2.2rem; text-transform: capitalize;}
  h4, .h4 {font-size: 2rem;}
  h5, .h5 {font-size: 1.5rem; font-weight: 400; text-transform: capitalize;}
  h6, .h6 {font-size: 1.3rem; text-transform: uppercase; font-weight:400; letter-spacing: 2px;}
  a:hover {text-decoration:none;}

      /*MEDIA QUERIES */
      @media (max-width: 1800px) {
        h1, .h1 {font-size: 2.7rem;}
      }
      @media (max-width: 1300px) {
        h1, .h1 {font-size: 2.5rem;}
      }
      @media (max-width: 1199px) {
        h1, .h1 {font-size: 2.4rem;}
      }
      @media (max-width: 991px) {
        h1, .h1 {font-size: 2.2rem;}
      }
      @media (max-width: 767px) {
        h1, .h1 {font-size: 2rem;}
      }
      @media (max-width: 575px) {
        h1, .h1 {font-size: 1.8rem;}
      }

/* #Primary style
================================================== */
.section {position: relative; width: 100%; display: block;}
.relative {position: relative;}
.over-hide{overflow: hidden;}
.full-height {height: 100vh;}
.background-beige {background-color: var(--main_color);}
.background-white {background-color: #fff;}
.background-lightgrey {background-color: #eee;}
.background-color {background-color: #fff;}
.background-dark-3 {background-color: #171717;}
.div-shadow {box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2);}
.small_top_shadow{position:absolute; top:0; right:0; left:0; height:9px; z-index:100;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.32) 0%, rgba(0,0,0,0.12) 38%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.32) 0%,rgba(0,0,0,0.12) 38%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0.32) 0%,rgba(0,0,0,0.12) 38%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52000000', endColorstr='#00000000',GradientType=0 );
  /*https://www.colorzilla.com/gradient-editor/#000000+0,000000+100&0.32+0,0.12+38,0+100*/
}


.z-bigger  {z-index:10;}
.container.z-bigger  {z-index: 50;}
.hr{display:inline-block; width:60px; height:1px; background:#fff;margin:0;}
.hr-black{display:inline-block; width:60px; height:1px; background:#000;margin:0;}
.parallax {background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width:100%;}

/* #Bootstrap extend
================================================== */
.pt-50{padding-top:50px;} .pt-60{padding-top:60px;} .pt-70{padding-top:70px;} .pt-80{padding-top:80px;} .pt-90{padding-top:90px;} .pt-100{padding-top:100px;}
.pb-50{padding-bottom:50px;} .pb-60{padding-bottom:60px;} .pb-70{padding-bottom:70px;} .pb-80{padding-bottom:80px;} .pb-90{padding-bottom:90px;} .pb-100{padding-bottom:100px;}

.mt-50{margin-top:50px;} .mt-60{margin-top:60px;} .mt-70{margin-top:70px;} .mt-80{margin-top:80px;} .mt-90{margin-top:90px;} .mt-100{margin-top:100px;}
.mb-50{margin-bottom:50px;} .mb-60{margin-bottom:60px;} .mb-70{margin-bottom:70px;} .mb-80{margin-bottom:80px;} .mb-90{margin-bottom:90px;} .mb-100{margin-bottom:100px;}


/* loader animation
================================================== */
.animsition-loading,
.animsition-loading:after {width: 36px; height: 36px; position: fixed; top: 50%; left: 50%; margin-top: -18px; margin-left: -18px; border-radius: 50%; z-index: 100;}
.animsition-loading {opacity: .2; background-color: transparent; border:none; background-color: #fff; animation: loaderAnim 0.7s linear infinite alternate forwards;}
@keyframes loaderAnim {to {	opacity: 1; transform: scale3d(0.5,0.5,1); }}

/* scroll to top
================================================== */
.scroll-to-top{position: fixed; top: 50%; right: 5vw; display: none; width: 35px; height: 80px; z-index: 51; background-repeat: no-repeat; background-position: top center; background-size: 43px 43px; cursor: pointer; background-image: url('../img/web/arrow-up-black.svg'); transform: translateY(-50%); -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.scroll-to-top:after{position: absolute; top: 27px; left: 17px; width: 1px; height: 26px; background-color: #000; content: ''; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.scroll-to-top:hover:after{top: 32px; height: 36px;}

/* #Navigation
================================================== */

  .header{  position: fixed; width:100%; top:0; left:0; z-index:100;}
  .header-wrapper{  position: relative; width: calc(100% - 100px); margin-left: 50px;}
  .cd-header {height: 125px; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 1); width: 100%; z-index: 101; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); background: transparent; box-shadow: none; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
  .cd-header.is-fixed {position: fixed; top: -125px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.51) 0%, rgba(255,255,255,0.51) 47%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.51) 0%,rgba(255,255,255,0.51) 47%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.51) 0%,rgba(255,255,255,0.51) 47%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82000000', endColorstr='#00000000',GradientType=0 );

     -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s;}
  .cd-header.is-visible {-webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
  .cd-header.menu-is-open {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 );
  }

  .nav-but-wrap{position: relative; display: inline-block; float: right; padding-left: 15px; padding-top: 15px; margin-top: 36px; -webkit-transition : all 0.3s ease-out; -moz-transition : all 0.3s ease-out; -o-transition :all 0.3s ease-out; transition : all 0.3s ease-out;}
  .menu-icon {height: 30px; width: 30px; position: relative; z-index: 2; cursor: pointer; display: block;}
  .menu-icon__line {height: 2px; width: 30px; display: block; background-color: #000; margin-bottom: 7px; cursor: pointer; -webkit-transition: background-color .5s ease, -webkit-transform .2s ease; transition: background-color .5s ease, -webkit-transform .2s ease; transition: transform .2s ease, background-color .5s ease; transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;}
  .menu-icon__line-left {width: 16.5px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}
  .menu-icon__line-right {width: 16.5px; float: right; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}
  .menu-icon:hover .menu-icon__line-left,
  .menu-icon:hover .menu-icon__line-right {width: 30px;}
    body.whiteMenu .menu-icon__line {background-color: #fff;}

  .nav {position: fixed; z-index: 98; text-transform: uppercase;}
  .nav:before, .nav:after {content: ""; position: fixed; width: 100vw; height: 100vh; background: rgba(245, 245, 245, 0.6); z-index: -1;}
    .nav:before, .nav:after {-webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; -webkit-transform: translateX(0%) translateY(-100%); transform: translateX(0%) translateY(-100%);}
  .nav:after {background: rgba(255, 255, 255, 1); -webkit-transition-delay: 0s; transition-delay: 0s;}
  .nav:before {-webkit-transition-delay: .2s; transition-delay: .2s;}
  .nav__content {position: fixed; visibility: hidden; overflow: hidden; top: 44%; margin-top: 40px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); width: 100%; text-align: center;}
  .nav__list {padding: 0; margin: 0;}
  .nav__list-item {position: relative; display: block; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; opacity: 0; text-align: center; color: #fff; overflow: hidden; font-family: 'SuisseIntl', sans-serif; font-size: 7vh; font-weight: 700; line-height: 1.3; letter-spacing: 3px;}
    .nav__list-item {-webkit-transform: translate(0%, 100%); transform: translate(0%, 100%); -webkit-transition: opacity .2s ease, -webkit-transform .3s ease; transition: opacity .2s ease, -webkit-transform .3s ease; transition: opacity .2s ease, transform .3s ease; margin:0;}
  .nav__list-item a{font-family:'CutOff'; position: relative; text-decoration: none; color: rgba(0,0,0,0.3); overflow: hidden; cursor: pointer; padding-left: 5px; padding-right: 5px; display: inline-block; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
  .nav__list-item a:after{position: absolute; content: ''; top: 50%; left: -100%; width: 100%; height: 3px; opacity: 0; margin-top: 3px; background-color: #fff; z-index: 3; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
  .nav__list-item a:hover{color: rgba(0,0,0,1);}
  .nav__list-item.active-nav a{color: rgba(0,0,0,.3);}

  /*menu si body->nav-active*/
  body.nav-active .nav__content {visibility: visible;}
  body.nav-active .cd-header.is-fixed {-webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
  body.nav-active .cd-header.is-visible {}
  body.nav-active .menu-icon__line {background-color: #000; -webkit-transform: translate(0px, 0px) rotate(-45deg); transform: translate(0px, 0px) rotate(-45deg);}
  body.nav-active .menu-icon__line-left {width: 15px; -webkit-transform: translate(2px, 4px) rotate(45deg); transform: translate(2px, 4px) rotate(45deg);}
  body.nav-active .menu-icon__line-right {width: 15px; float: right; -webkit-transform: translate(-3px, -3.5px) rotate(45deg); transform: translate(-3px, -3.5px) rotate(45deg);}
  body.nav-active .menu-icon:hover .menu-icon__line-left,
  body.nav-active .menu-icon:hover .menu-icon__line-right {width: 15px;}
  body.nav-active .nav {visibility: visible;}
  body.nav-active .nav:before, body.nav-active .nav:after {-webkit-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%);}
  body.nav-active .nav:after {-webkit-transition-delay: .1s; transition-delay: .1s;}
  body.nav-active .nav:before {-webkit-transition-delay: 0s; transition-delay: 0s;}
  body.nav-active .nav__list-item {opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease, color .3s ease; transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;}
  body.nav-active .nav__list-item:nth-child(0) {-webkit-transition-delay: 0.4s; transition-delay: 0.4s;}
  body.nav-active .nav__list-item:nth-child(1) {-webkit-transition-delay: 0.5s; transition-delay: 0.5s;}
  body.nav-active .nav__list-item:nth-child(2) {-webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
  body.nav-active .nav__list-item:nth-child(3) {-webkit-transition-delay: 0.7s; transition-delay: 0.7s;}
  body.nav-active .nav__list-item:nth-child(4) {-webkit-transition-delay: 0.8s; transition-delay: 0.8s;}
  body.nav-active .nav__list-item:nth-child(5) {-webkit-transition-delay: 0.9s; transition-delay: 0.9s;}
  body.nav-active .nav__list-item:nth-child(6) {-webkit-transition-delay: 1s; transition-delay: 1s;}
  body.nav-active .nav__list-item:nth-child(7) {-webkit-transition-delay: 1.1s; transition-delay: 1.1s;}
  body.nav-active .nav__list-item:nth-child(8) {-webkit-transition-delay: 1.2s; transition-delay: 1.2s;}
  body.nav-active .nav__list-item:nth-child(9) {-webkit-transition-delay: 1.3s; transition-delay: 1.3s;}
  body.nav-active .nav__list-item:nth-child(10) {-webkit-transition-delay: 1.4s; transition-delay: 1.4s;}
  .nav__list .sub-links{position: relative; padding: 0; margin: 0; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
  .nav__list .sub-links li{position:relative; top:0px; padding: 0; margin: 0 auto; text-align: center; margin-top: 0px; margin-bottom: 10px; display: block;}
  .nav__list .sub-links li:last-child{margin-bottom: 50px;}
  .nav__list .sub-links li:first-child{margin-top: 0;}
  .nav__list .sub-links li a{color: rgba(0,0,0,.4); overflow: hidden; font-family: 'CutOff', sans-serif; font-weight: 400; font-size: 22px; line-height: 22px; letter-spacing: 2px; padding: 0; margin: 0 auto; text-align: center; max-width: 250px; display: block; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
  .nav__list .sub-links li a:after{display: none;}
  .nav__list .sub-links li a:hover{color: rgba(0,0,0,1);}
  .nav__list .sub-links li.active-nav a{color: rgba(0,0,0,1);}

  @media screen and (max-device-width: 767px) {
      .nav__list-item {line-height: 1.1;}
        .nav__list .sub-links li{margin-bottom: 5px;}
        .nav__list .sub-links li:last-child{margin-bottom: 15px;}
  }



/*================================================== */
/* footer
================================================== */
  .footer, .footer a{color:#fff; transition: .2s linear;}
  .footer a:hover{color:#999;}