@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap');

* { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;
-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;
text-rendering:optimizeLegibility !important; }

* { margin:0; padding:0; border:0; }
html, body { width:100%; height:100%; margin:0; padding:0; }

body { width:100%; height:100%; min-height:100vh; margin:0; top:0px !important; font-family:'Raleway', sans-serif; font-size:1em !important; font-weight:400; -webkit-text-size-adjust: 100%;
   
--color-bg: #fafafa;
--color-text: #282828;
--color-text-alt: #888;
--color-text-footer: #888;
--color-link: #171717;
--color-link-hover: #000;
--color-menu: #fff;
--color-menu-alt: #111;
--color-menu-hover: #000;
--color-menu-current: #000;

color: var(--color-text);
background-color: var(--color-bg);
	
-ms-overflow-x: hidden;
    overflow-x: hidden;
    
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;

-webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
-o-font-smoothing:antialiased;
-ms-font-smoothing:antialiased;
font-smoothing:antialiased;

text-rendering:optimizeLegibility !important;

-webkit-font-smoothing:subpixel-antialiased;
-moz-font-smoothing:subpixel-antialiased;
-o-font-smoothing:subpixel-antialiased;
-ms-font-smoothing:subpixel-antialiased;
font-smoothing:subpixel-antialiased;
    
-webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;
-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;
text-rendering:optimizeLegibility !important;
	
-moz-osx-font-smoothing: grayscale;
}

::selection { background:var(--color-text); color:var(--color-bg); text-shadow: none; /* Safari */	}
::-moz-selection { background:var(--color-text); color:var(--color-bg); text-shadow: none; /* Firefox */ }

img { -ms-interpolation-mode:bicubic; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }
a, img { border:0; text-decoration:none; outline:none; }

@keyframes reveal {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

@keyframes revealback {
  from {
    clip-path: inset(0 0 0 100%);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 160px, 0);
            transform: translate3d(0, 160px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 160px, 0);
            transform: translate3d(0, 160px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fadein {
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein {
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

.noScroll { overflow:hidden; }
.noVertScroll { overflow-y:hidden; }

/* COOKIES */
.cookies_alert { position:fixed; width:540px; min-height:140px; height:auto; bottom:20px; margin:0 auto; left:20px; background:#111; z-index:99999999;
	
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.cookies_content { position:relative; display:flex; flex-direction:row; justify-content:center; align-items:center; padding:20px; text-align:left;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.cookies_content .icon { flex:0 0 60px; margin:0 10px; }
.cookies_content .icon img { max-width:60px; }
.cookies_content .text { flex:1; font-size:.7em; font-weight:400; line-height:1.4em; color:#f8f8f8; padding:0 20px; -webkit-font-smoothing: antialiased;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.cookies_content .text .btns { margin-top:20px; }
.cookies_content .text .btns a { position:relative; width:80px; height:25px; line-height:25px; background:#f8f8f8; color:#111; padding:5px 15px; margin:0 1px 0 0; font-weight:600; text-align:center; cursor:pointer;

-webkit-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-moz-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-o-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
}
.cookies_content .text .btns a:hover { background:transparent; color:#f8f8f8;

-webkit-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-moz-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
-o-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
}

.showCookies { visibility:visible; opacity:1;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.hideCookies { visibility:hidden; opacity:0;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

/* WARNING */
.warning {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/images/warning.jpg) center center; background-size: cover;
  z-index: 99999999999999;
  display: none;
}

/* BACK TO TOP */
#back-to-top { position:fixed; font-size:1.2em; bottom:35px; left:50%; width:60px; height:60px; text-align:center; line-height:58px; background:transparent; color:var(--color-text); cursor:pointer; text-decoration:none; opacity:0; visibility:hidden; z-index:999; border:4px solid var(--color-text);
-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
   
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);

-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

#back-to-top:hover { background:transparent; border:4px solid var(--color-text-alt); color:var(--color-text-alt);

-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

#back-to-top.show { visibility:visible; opacity:1; }

/* HAMBURGER */
.hamburger { position:relative; display:none; width:36px; height:18px; padding:0; margin-top:3px; cursor:pointer; }

#nav-toggle { display:block; width:36px; height:18px; background-color:transparent; padding:0px;

-webkit-transition:all 0.2s ease-in-out 0.2s;
-moz-transition:all 0.2s ease-in-out 0.2s;
-o-transition:all 0.2s ease-in-out 0.2s;
transition:all 0.2s ease-in-out 0.2s;
}
#nav-toggle span {
height:1px; position:absolute; display:block; content:''; margin:0; padding:0; right:0; background:var(--color-menu);
-webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; }

#nav-toggle span:first-child { width:28px; }
#nav-toggle span:nth-child(2) { width:36px; top:7px; }
#nav-toggle span:last-child { width:20px; bottom:3px; }

#nav-toggle.active span:first-child { width:36px; }
#nav-toggle.active span:nth-child(2) { width:36px; }
#nav-toggle.active span:last-child { width:36px; }

#nav-toggle span, #nav-toggle span:first-child, #nav-toggle span:last-child {
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.hamburger:hover #nav-toggle span:first-child { width:36px; }
.hamburger:hover #nav-toggle span:nth-child(2) { width:36px; }
.hamburger:hover #nav-toggle span:last-child { width:36px; }

#nav-toggle span.hamburgerShow { background:var(--color-menu-alt);

-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

/* HEADER */
header { position:fixed; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100%; height:160px; margin:0 auto; padding:0 120px; top:0; text-align:center; background:transparent; z-index:30;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
    
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.headerBox:nth-child(1) { width:140px; flex:0 0 140px; }
.headerBox:nth-child(2) { flex:1; text-align:right; }
.headerBox:nth-child(3) { width:100px; flex:0 0 100px; text-align:right; }

.headerlogo { width:39px; height:60px; background-image:url(/images/logo_icon_white.svg); background-position:center; background-repeat:no-repeat; background-size:100%; visibility:visible; opacity:1; cursor:pointer; margin:0;

-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}

.headerlogo:hover { opacity:.6;

-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
}

.headerShow { background:var(--color-bg); height:100px; padding:0 80px;

-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.headerLogoAlt { background:url(/images/logo_icon_black.svg) center center no-repeat; }

/* NAVIGATION */
.navigation { width:auto; height:80px; }

.navigation a.menu,
.navigation a.menuext { display:inline-block; font-size:.65em; font-weight:500; letter-spacing:.14em; color:var(--color-menu); text-transform:uppercase; margin-right:30px; line-height:80px; cursor:pointer;
	
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.navigation a.menu:last-child, .navigation a.menuext:last-child { margin-right:0; }

.navigation a:hover { color:var(--color-menu-hover);
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.navigation a.current { color:var(--color-menu-hover); }

.navigation a.navigationAlt { color:var(--color-menu-alt); }

.langDiv { padding:0 10px; }
.lang { margin-left:30px; }
.lang a { display:inline-block; font-size:.65em; font-weight:500; color:var(--color-menu); text-transform:uppercase;

-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}
.lang span { font-size:.8em; color:var(--color-menu); }
.lang a.selected { color:var(--color-menu-current); }

.lang a:hover { color:var(--color-menu-hover);
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}

.lang a.langAlt { color:var(--color-menu-alt); }
.langDiv.langAlt { color:var(--color-menu-alt); }

/* OVERLAY NAV */
.overlay-menu { position:fixed; width:100%; height:100%; left:0; top:0; text-align:center; background:rgba(227,153,116,0.94); opacity:0; visibility:hidden; z-index:9999999;

-webkit-transition:opacity 0.3s, -webkit-transform 0.3s, visibility 0s 0.3s;
-moz-transition:opacity 0.3s, -moz-transform 0.3s, visibility 0s 0.3s;
-o-transition:opacity 0.3s, -o-transform 0.3s, visibility 0s 0.3s;
transition:opacity 0.3s, -transform 0.3s, visibility 0s 0.3s;
}
.overlay-open { background:rgba(227,153,116,0.94); opacity:1; visibility:visible;
-webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; -o-transition:opacity 0.3s; transition:opacity 0.3s;
}

.contentOverlay { position:absolute; width:100%; margin:0 auto; top:50%; cursor:default;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}

.overlayLogo { width:200px; height:140px; margin:0 auto; text-align:center; background:url('/images/logo_white.svg') no-repeat center center; background-size:100%; }

.navigationMobile { width:100%; list-style:none; margin-top:0px; }
.navigationMobile li { width:100%; height:35px; line-height:35px; text-align:center; opacity:0; visibility:hidden; }
.navigationMobile li a { font-weight:400; font-size:.9em; letter-spacing:.6em; padding:0 0 0 .3em; color:#fff; text-transform:uppercase;

-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.navigationMobile li a:hover { color:#111;

-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.navigationMobile li a.currentM { color:#111;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.overlaySocial { width:100%; margin-top:30px; opacity:0; visibility:hidden; }
.overlaySocial .fab { font-weight:400; font-size:.9em; line-height:1em; color:#fff; text-transform:lowercase; 
	
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.overlaySocial .fab:hover { color:#111;

-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}

.overlaySocial a { margin-right:20px; }
.overlaySocial a:last-child { margin-right:0; }

/* LANGUAGE */
.navMenuLang { display:inline-block; margin-top:40px; }
.navMenuLang a { font-size:.7em; font-weight:400; color:#fff; text-transform:uppercase;

-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}
.navMenuLang span { font-size:.8em; color:#fff; }
.navMenuLang a.selected { color:#111; }

.navMenuLang a:hover { color:#111;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}

/* COMMON */
.heavy,
strong { font-weight:800; }

.showItem { clip-path:inset(0 100% 0 0); animation: reveal 1.2s forwards .8s; }

.bwFilter {
	
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */	
}

/* SLIDES */
.sectionHP { position:relative; width:100%; height:auto; padding:0; text-align:center; }
.section { position:relative; width:100%; height:auto; padding:0; text-align:center;
	
-webkit-animation-duration: .8s;
          animation-duration: .8s;
-webkit-animation-fill-mode: both;
          animation-fill-mode: both;
-webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

/* SECTION */
#homepage { width:100%; height:100vh; top:0; left:0; margin:0 auto; overflow:hidden; background:var(--color-bg); }
#about { width:100%; height:auto; margin:0 auto; padding:140px 0 160px 0; }
#team { width:100%; height:auto; margin:0 auto; padding:140px 0; background:#f0f0f0; }
#contact { width:100%; height:auto; margin:0; padding:140px 0; }

#bottom { position:relative; width:100%; height:140px; margin:0 auto; text-align:center; overflow:hidden; border-top:1px solid #ddd; }
#footer { position:relative; display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:100%; height:auto; margin:0 auto; text-align:center;
}

/* HOMEPAGE */
.hpLogo { position:absolute; width:342px; height:240px; top: 50%; left: 50%; background:url('/images/logo_white.svg') center center no-repeat; background-size:100%; margin:0 auto; overflow:hidden; z-index:5;
clip-path:inset(0 100% 0 0); animation: reveal .6s forwards 1.6s;
    
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.hpOverlay { position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, .4); z-index:3; }

.bgvideo { position:absolute; top:50%; left:50%; min-width:100%; min-height:100vh; width:auto; height:auto; overflow:hidden; z-index:1;
    
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.video-responsive {
    position:absolute; display:block; width:100%; overflow:hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
	background: url(../public/bgvideo/mc.jpg) center center no-repeat;
    background-size: cover;
	z-index:2;
}

/* ABOUT */
.aboutInfo { width:80%; height:auto; margin:0 auto; }
.aboutTitle { width:100%; font-weight:800; font-size:2.2em; color:var(--color-text); text-align:center; text-transform:uppercase; margin-bottom:40px; clip-path: inset(0 100% 0 0); }
.aboutDesc { width:100%; font-size:.9em; font-weight:400; color:var(--color-text-dark); line-height:1.6em; text-align:center; clip-path: inset(0 100% 0 0); }

/* TEAM */
.team { display:flex; flex-direction:row; justify-content:space-around; align-items:flex-start; width:80%; margin:0 auto; padding:0; z-index:10; }
.teamItem { width:auto; height:auto; text-align:center; z-index:12;

/*clip-path: inset(0 100% 0 0);*/
    
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.teamImg { width:242px; height:242px; margin:0 0 30px 0;
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.teamName { font-size:1em; font-weight:800; color:var(--color-text); text-transform:uppercase; }
.teamRole { font-family:'Playfair Display', serif; font-size:1em; font-weight:400; font-style:italic; color:var(--color-text); }
.teamInfo { display:none; margin:10px 0 0 0; }

.teamInfo > div { line-height:1.6em; }

.teamEmail a { font-size:.9em; font-weight:400; color:var(--color-link);

-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.teamPhone { font-size:1em; font-weight:600; color:var(--color-text); }

.teamLinkedIn { margin:10px 0 0 0;

-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.teamLinkedIn a { font-size:1.2em; color:var(--color-link);

-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.teamOpen { position:absolute; width:40px; height:40px; background:#000000; margin:180px 0 0 190px; cursor:pointer; z-index:20;
border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}

.teamOpen .fas { color:#fff; line-height:40px;

-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.teamOpen:hover .fas {

-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
    
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.teamEmail a:hover,
.teamLinkedIn a :hover { color:var(--color-link-hover);

-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

/* CONTACT */
.contactLogo { width:195px; height:137px; background:url('/images/logo_grey.svg') center center no-repeat; background-size:100%; margin:0 auto; overflow:hidden; }

.contactBox { position:relative; width:100%; height:auto; margin:0 auto; text-align:center;
clip-path:inset(0 100% 0 0); animation: reveal .8s forwards .8s;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.contactBox h1 { font-size:.9em; font-weight:400; color:var(--color-text-alt); margin:40px 0 0 0; -webkit-font-smoothing: antialiased;

clip-path:inset(0 100% 0 0); animation: reveal 4s forwards .2s;
}
.contactBox h2 { font-size:1.4em; font-weight:800; color:var(--color-text-alt); margin:20px 0; -webkit-font-smoothing: antialiased;

clip-path:inset(0 100% 0 0); animation: reveal 4s forwards .2s;
}

.contactBox h3 { font-size:.9em; font-weight:400; line-height:1.4em; color:var(--color-text-alt); -webkit-font-smoothing: antialiased; }
.contactBox h3 a { color:var(--color-link);
	
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.contactBox h3 a:hover { color:var(--color-link-hover);

-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

.contactSocial { text-align:center; margin:40px auto 0 auto; }
.contactSocial a { font-size:1.6em; color:var(--color-text-footer);

-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}
.contactSocial a:hover { color:var(--color-link-hover);

-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}

/* FOOTER */
.footerBox { width:100%; height:140px; display:flex; flex-flow:row wrap; align-items:center; }
.footerBox:nth-child(1) { width:50%; padding:0 0 0 60px; text-align:left;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.footerBox:nth-child(2) { width:50%; padding:0 60px 0 0; text-align:right; justify-content:flex-end;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}

.spacing { display:inline-block; color:var(--color-text-footer); margin:0 10px; }
.footerInfo { font-size:.75em; font-weight:400; letter-spacing:.05em; line-height:1.6em; text-transform:uppercase; color:var(--color-text-footer); }

.footerInfo a.external { display:inline-block; font-size:.85em; margin-right:0; text-transform:uppercase; }
.footerInfo a.external:last-child { display:inline-block; margin-right:0; }

.footerInfo a { text-align:right; color:var(--color-text-footer);

-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}
.footerInfo a:hover { color:var(--color-link-hover);

-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}

.footerSocial { right:0; }
.footerSocial a { font-size:.8em; font-weight:400; color:var(--color-text-footer); cursor:pointer;

-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}
.footerSocial a:last-child { margin:0;

-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}
.footerSocial a:hover { color:var(--color-link-hover);

-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}

/* Mobile */
@media all and (max-width: 860px) {
	
    /* COOKIES */
    .cookies_alert { position:fixed; width:calc(100% - 40px); min-height:140px; height:auto; bottom:20px; margin:0 auto; left:20px; background:#111; z-index:99999999;

    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    }
    .cookies_content { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px; text-align:left;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    }
    .cookies_content .icon { flex:unset; width:100%; margin:0 20px 20px 20px; }
    .cookies_content .icon img { max-width:60px; }
    .cookies_content .text { flex:unset; width:100%; font-size:.7em; font-weight:400; line-height:1.4em; color:#f8f8f8; padding:0; -webkit-font-smoothing: antialiased;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    }
    .cookies_content .text .btns { margin-top:20px; }
    .cookies_content .text .btns a { position:relative; width:80px; height:25px; line-height:25px; background:#f8f8f8; color:#111; padding:5px 15px; margin:0 1px 0 0; font-weight:600; text-align:center; cursor:pointer;

    -webkit-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
    -moz-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
    -o-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
    transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
    }
    .cookies_content .text .btns a:hover { background:transparent; color:#f8f8f8;

    -webkit-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
    -moz-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
    -o-transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
    transition:all 0.3s cubic-bezier(0.9,0,0.4,1);
    }

    .showCookies { visibility:visible; opacity:1;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    }
    .hideCookies { visibility:hidden; opacity:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    }
    
	/* NAVIGATION */
    header { padding:0 40px; }
    .navigation { display:none; }
    .lang { display:none; }
    .hamburger { display:block; }
    
    .headerShow { padding:0 40px; }
	
	/* SECTION */
	.sectionHP, .section {  }
    
    /* HP */
    .hpLogo { background-size:70%; clip-path:inset(0 100% 0 0); animation: reveal .6s forwards 1.6s; }
    .bgvideo { position:absolute; top:50%; left:50%; min-width:100%; min-height:100vh; width:auto; height:auto; overflow:hidden; z-index:1; }
    .video-responsive { top:0; left:0; right:0; bottom:0; }
    
    /* CONTENTS */
    #about { padding:120px 0; margin:0 auto; }
    .aboutInfo { width:80%; }
    
    /* TEAM */
    #team { padding:120px 0; }
    .team { flex-direction:column; justify-content:center; width:100%; margin:0 auto; padding:0; text-align:center; }
    .teamItem { width:100%; height:auto; margin:0 auto 60px auto; text-align:center; }
    .teamItem:last-child { width:100%; height:auto; margin:0 auto; text-align:center; }
    .teamImg { width:242px; height:242px; margin:0 auto 30px auto; }
    
	/* CONTACT */
    #contact { padding:120px 0; }
		
	/* FOOTER */
    #footer { flex-direction:column; width:100%; text-align:center; }
    .footerBox:nth-child(1) { width:100%; padding:0; text-align:center; order:1; }
    .footerBox:nth-child(2) { display:none; }
    .footerInfo { width:100%; }
    span.heavy { display:block; width:100%; }
    span.spacing { margin:0 5px; }
    .footerInfo span:nth-child(2) { display:none; }
}