:root { scroll-behavior: initial; }

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('../font/HelveticaNeueLTPro-HvCn.woff2') format('woff2'),
        url('../font/HelveticaNeueLTPro-HvCn.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body { font-size: 1.2em; font-family: 'Oswald', sans-serif; letter-spacing: .01em; font-weight: 300; text-align: justify; }

.container { max-width: 100%; padding: 0; margin: 0; }
.bg-light { margin-bottom: 12px; }

section:nth-child(even) { background-color: #d5d8db; background-image: linear-gradient(315deg, #d5d8db 0%, #f5f7fa 74%); }

h1 { text-align: center; margin: 0 16.66% 16px 16.66%; }
h3 { text-align: center; }
h1, h2 { font-family: Helvetica Neue LT Pro; }




/* 
*
* NAVBAR
*
*/
.navbar {  backdrop-filter: blur(4px); }
.navbar-nav .nav-link { position: relative; font-family: Helvetica Neue LT Pro; font-weight: 500; color: black !important; }
.navbar-nav .nav-link::before { content: ""; width: 80%; height: 2px; position: absolute; bottom: 10px; left: 0; background-color: black; opacity: 0; transition: all 0.3s; transform: translateX(12%); }
.navbar-nav .nav-link.active::before, .navbar-nav .nav-link:hover::before { opacity: 1; }
.nav-item { margin-left: auto; }
.navbar-light .navbar-toggler { border-color: transparent; }
.navbar-toggler:focus { box-shadow: none; }

.logo { position: absolute; top: 24px; left: 24px; }


/* 
*
* BLOCK COVER 
*
*/
.home-cover { margin-bottom: 96px; }
.block-cover { height: 100vh; position: relative; }
.block-cover h1, .block-cover h2, .block-cover h3, .rubber-stamp { position: absolute; z-index: 9; top: 100px; left: 0; margin: 0 0 0 16.66%; }
.block-cover h1, .block-cover h3 { font-size: 3.5rem; max-width: 700px; text-shadow: 2px 2px 1px rgb(255 255 255 / 80%); }
.block-cover h2 { font-size: 4.5rem; }
.block-cover .cover { object-fit: cover; object-position: 50% 30%; height: 100%; width: 100%; }
.block-cover-small-height { height: 50vh; }
.title-bold { font-weight: bold; }
.title-light { font-weight: lighter; }
.title-italic { font-style: italic; }
.rubber-stamp { width: 16.66vw; }


/* 
*
* BLOCK TEXT
*
*/
.block-text { margin: 0 16.66%; background: transparent; margin-bottom: 48px; }
.block-text h2 { padding: 0 16.66%; }
.block-text p { padding: 0 25%; }
.block-text ul { padding: 0 25%; }
p.bouton { text-align: center; }
p.bouton a { color: #000; text-decoration: none; text-transform: uppercase;  }
p.bouton a:hover { color: #000; text-decoration: none;  }
/* 
*




/* 
*
* FOOTER 
*
*/
footer { background: black; }
footer a { color: white; text-decoration: none; }
footer a:hover { color: #eee; }
.logo-cybergraph-footer { width: 280px; height:280px; position: absolute; bottom: 0; right: 0; }


/* 
*
* RESPONSIVE 
*
*/
@media only screen and (max-width: 768px) {
  .block-cover h1, .block-cover h3 { font-size: 2.5rem; top: initial; bottom: 90px; color: white; text-shadow: 0 0.2rem 0.5rem rgb(0 0 0 / 30%); }
  .block-cover h2 { font-size: 5rem; }
  .block-cover h1, .block-cover h2, .block-cover h3 { margin: 0; padding: 0 48px; }
  .block-cover .cover { object-position: 80% 0%; }
  .rubber-stamp { width: 220px; transform: rotate(-5deg); }
  .block-text p { padding: 0 48px; }
  .block-text ul { padding: 0 48px; }
  .block-text { margin: 0 48px; padding: 0; }
  .team-member { width: 50%; height: auto;; position: relative; }
  .block-team ul { margin: 0 48px; }
  .block-text img { margin: 48px 0 16px 0; }
  .block-service .block-text { margin: 0 48px; }
  .block-service .block-text p { padding: 0; }
  .owl-carousel .owl-item { padding: 0 12px; }
  .awwward { margin-top: 16px; }
  .awwward img { width: 10vw !important; }
  .block-awwward { margin: 0; }
  .block-awwward .main { padding: 48px; }
  .block-awwward p { padding: 12px !important; }
  .awwward-detail { margin: 0; }
  .block-social-com { padding: 96px 0; }
  .social-images { padding: 0; }
}

@media only screen and (max-width: 576px) {
  .block-cover h1, .block-cover h3 { font-size: 2rem; top: initial; bottom: 50px; color: white; text-shadow: 0 0.2rem 0.5rem rgb(0 0 0 / 30%); }
  .block-cover h2 { font-size: 2.7rem; }
  .block-cover h1, .block-cover h2, .block-cover h3 { margin: 0; padding: 0 24px; }
  .block-cover .cover { object-position: 70% 0%; }
  .block-cover-small-height { text-align: center; }
  .rubber-stamp { width: 120px; transform: rotate(-5deg); }
  .block-text p { padding: 0 24px; }
  .block-text ul { padding: 0 24px; }
  .block-text { margin: 0 24px; padding: 0; }
  .block-text h2::after { content: none; }
  .team-member { width: 100%; height: auto; position: relative; }
  .block-team ul { margin: 0 24px; }
  .block-text img { margin: 48px 0 16px 0; }
  .block-service .block-text { margin: 0 24px; }
  .block-service .block-text p { padding: 0; }
  .owl-carousel { padding: 0 24px; }
  .owl-carousel .owl-item { padding: 0 12px; }
  .team-member .team-biography { max-height: 50% }
  .logo-cybergraph-footer { width: 150px; height:150px; position: absolute; bottom: 0; right: 0; }
  .awwward { margin-top: 16px; }
  .awwward img { width: 20vw !important; }
  .block-awwward { margin: 0; }
  .block-awwward .main { padding: 24px; }
  .awwward-detail { flex-direction: column; margin: 0; }
  .block-social-com { padding: 96px 0; }
}

/* 
*
* SCROLL and STAMP EFFECTS
*
*/
.hide-before-scroll { opacity:0; transform:translateY(6em); transition:transform 1s .25s, opacity .3s ease-out .25s; will-change:transform, opacity }
.is-visible { opacity:1; transform:translateY(0) }

/* ----------------------------------------------
 * Generated by Animista on 2021-10-18 9:40:21
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- 
 */

@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}
.puff-in-center{-webkit-animation:puff-in-center 1.2s cubic-bezier(1,0,.87,-0.71) 2s both;animation:puff-in-center 1.2s cubic-bezier(1,0,.87,-0.71) 2s both}


/* 
*
* TITRE 
*
*/