/*
Theme Name: Van Cutsem
Theme URI: http://www.vancutsem.be/
Author: Atelier Design
Author URI: http://atelierdesign.be
Description: Van Cutsem Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vancutsem
Tags:
*/
/*--------------------------------------------------------------
# Reset
--------------------------------------------------------------*/
/* line 1, sass/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

/* line 19, sass/_reset.scss */
html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  /* overflow-y: scroll;  Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  box-sizing: border-box;
  /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}

/* line 26, sass/_reset.scss */
*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

/* line 31, sass/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

/* line 43, sass/_reset.scss */
ol, ul {
  list-style: none;
}

/* line 46, sass/_reset.scss */
table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

/* line 50, sass/_reset.scss */
caption, th, td {
  font-weight: normal;
  text-align: left;
}

/* line 54, sass/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

/* line 58, sass/_reset.scss */
blockquote, q {
  quotes: "" "";
}

/* line 61, sass/_reset.scss */
button {
  border: 0;
  padding: 0;
  border-radius: 0;
  -webkit-appeareance: none;
  appeareance: none;
  background: none;
  cursor: pointer;
}

/* line 70, sass/_reset.scss */
a:focus, button:focus {
  outline: 0;
}

/* line 73, sass/_reset.scss */
a:hover,
a:active, button:hover, button:focus {
  outline: 0;
}

/* line 77, sass/_reset.scss */
a img {
  border: 0;
}

/* line 82, sass/_reset.scss */
a, .menu-toggle {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

/* line 89, sass/_reset.scss */
::-webkit-file-upload-button {
  cursor: pointer;
}

/*--------------------------------------------------------------*/
/**
 * Fix for vw, vh, vmin, vmax on iOS 7.
 * http://caniuse.com/#feat=viewport-units
 *
 * This fix works by replacing viewport units with px values on known screen sizes.
 *
 * iPhone 6 and 6 Plus cannot run iOS 7, so are not targeted by this fix.
 * Target devices running iOS 8+ will incidentally execute the media query,
 * but this will still produce the expected result; so this is not a problem.
 *
 * As an example, replace:
 *
 *   height: 50vh;
 *   font-size: 5vmin;
 *
 * with:
 *
 *   @include viewport-unit(height, 50vh);
 *   @include viewport-unit(font-size, 5vmin);
 */
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* roboto-100 - latin */

/* line 74, sass/typography/_typography.scss */
body,
button,
input,
select,
textarea {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
}
/* line 13, sass/_header.scss */
 .nav-up header{
  /**-webkit-transform: translateY(-100%);
  transform: translateY(-100%);**/
  background-color: #0F2541;
}
 .nav-up header{
  /**-webkit-transform: translateY(-100%);
  transform: translateY(-100%);**/
  background-color: #0F2541;
}
.nav-between header{
  background-color: #0F2541;
}
.nav-up .online{display: flex;align-items: center;}
.nav-up .online .ex-two .expand{display: none;}
.nav-up .online .ex-two .sw{display: block;opacity: 1;}
.nav-up .online .ex-two .sw .swlist{opacity: 1;}
.nav-up .online .shows .swlist{opacity: 1;}
.nav-up .online .expand{display: none;}
.nav-up .online .ex-two .sw{opacity: 1;}
.nav-up .online .ex-two .sw .swlist{opacity: 1;}

.nav-between .online{display: flex;align-items: center;}
.nav-between .online .ex-two .expand{display: none;}
.nav-between .online .ex-two .sw{display: block;opacity: 1;}
.nav-between .online .ex-two .sw .swlist{opacity: 1;}
.nav-between .online .shows .swlist{opacity: 1;}
.nav-between .online .expand{display: none;}
.nav-between .online .ex-two .sw{opacity: 1;}
.nav-between .online .ex-two .sw .swlist{opacity: 1;}



.online .shows.show .swlist{opacity: 1;}
.nav-up header .logo img{max-width: 60%;}
.nav-between header .logo img{max-width: 60%;}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.9;
}


/* Remove vertical centering when popup has class `mfp-align-top`*/
/* line 127, sass/plugins/_magnific-popup.scss */
.mfp-align-top .mfp-container:before {
  display: none;
}


/* line 155, sass/plugins/_magnific-popup.scss */
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

/* line 160, sass/plugins/_magnific-popup.scss */
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

/* line 166, sass/plugins/_magnific-popup.scss */
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

/* line 171, sass/plugins/_magnific-popup.scss */
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the image during the loading*/
/* line 183, sass/plugins/_magnific-popup.scss */
.mfp-loading.mfp-figure {
  display: none;
}

/* Helper class that hides stuff*/
/* line 202, sass/plugins/_magnific-popup.scss */
.mfp-hide {
  display: none !important;
}

/*//////////////////////*/
/* 2. Appearance*/
/*//////////////////////*/
/* Preloader and text that displays error messages*/
/* line 213, sass/plugins/_magnific-popup.scss */
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 10003;
}
/* line 223, sass/plugins/_magnific-popup.scss */
.mfp-preloader a {
  color: #CCC;
}
/* line 225, sass/plugins/_magnific-popup.scss */
.mfp-preloader a:hover {
  color: #FFF;
}

/* Hide preloader when content successfully loaded*/
/* line 233, sass/plugins/_magnific-popup.scss */
.mfp-s-ready .mfp-preloader {
  display: none;
}

/* Hide content when it was not loaded*/
/* line 240, sass/plugins/_magnific-popup.scss */
.mfp-s-error .mfp-content {
  display: none;
}

/* CSS-reset for buttons*/
/* line 247, sass/plugins/_magnific-popup.scss */
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 10005;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
/* line 261, sass/plugins/_magnific-popup.scss */
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Close icon*/
/* line 269, sass/plugins/_magnific-popup.scss */
.mfp-close {
  width: 40px;
  height: 40px;
  text-indent: -9999em;
  opacity: 0.85;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 277, sass/plugins/_magnific-popup.scss */
.mfp-close:before, .mfp-close:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 3px;
  background: #fff;
  border-radius: 1.5px;
  top: 18px;
  left: 0;
}
/* line 287, sass/plugins/_magnific-popup.scss */
.mfp-close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 292, sass/plugins/_magnific-popup.scss */
.mfp-close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* line 297, sass/plugins/_magnific-popup.scss */
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}

/* Iframe content type*/
/* line 307, sass/plugins/_magnific-popup.scss */
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
/* line 310, sass/plugins/_magnific-popup.scss */
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
/* line 315, sass/plugins/_magnific-popup.scss */
.mfp-iframe-holder .mfp-close {
  top: -52px;
}

/* line 319, sass/plugins/_magnific-popup.scss */
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
/* line 324, sass/plugins/_magnific-popup.scss */
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* 

====== Zoom effect ======

*/
/* line 343, sass/plugins/_magnific-popup.scss */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

/* overlay animate in */
/* line 349, sass/plugins/_magnific-popup.scss */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
/* line 353, sass/plugins/_magnific-popup.scss */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
/* line 358, sass/plugins/_magnific-popup.scss */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  transition: all 0.3s ease-out;
}

/* content animate it */
/* line 366, sass/plugins/_magnific-popup.scss */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* content animate out */
/* line 373, sass/plugins/_magnific-popup.scss */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0;
}



.scorll_logo .site-title{background-color: #fff;}
.scorll_logo .site-title .g-logo{display: block;}
.scorll_logo .site-title .w-logo{display: none;}
/* line 49, sass/_header.scss */

/* line 191, sass/_footer.scss */


/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
/* line 1, sass/pages/_pages.scss */
body,
html {
  background: #fff;
  width: 100%;
  height: 100%;
}

/* line 9, sass/pages/_pages.scss */
img {
  display: block;
  height: auto;
}

/* line 15, sass/pages/_pages.scss */
strong {
  font-weight: bold;
}

/* line 19, sass/pages/_pages.scss */
.preload * {
  
}

/* line 26, sass/pages/_pages.scss */
.wrapper {
  opacity: 1;
  width: 100%;
  height: 100%;
  padding: 0;
  /* &.loaded {*/
  /*     opacity: 1;*/
  /* }*/
}

/* line 36, sass/pages/_pages.scss */
.barba-container {
  position: relative;
  height: 100%;
}

/* line 41, sass/pages/_pages.scss */
scrollbar {
  position: fixed !important;
  height: 100vh;
  width: 100%;
}

/* OBJECTFIT FALLBACK*/
/* line 50, sass/pages/_pages.scss */
img.object-fit-img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 58, sass/pages/_pages.scss */
.object-fit-bg {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* line 66, sass/pages/_pages.scss */
.objectfit .object-fit-bg,
.object-fit .object-fit-bg {
  background-image: none !important;
}

/* line 73, sass/pages/_pages.scss */
.no-objectfit img.object-fit-img,
.no-object-fit img.object-fit-img {
  display: none !important;
}
/* line 211, sass/pages/_pages.scss */
.scroll-to {
  position: absolute;
  bottom: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 44px;
  height: 44px;
  cursor: pointer;
  z-index: 10;
}
/* line 221, sass/pages/_pages.scss */
.scroll-to svg {
  fill: #fff;
  display: block;
  position: absolute;
  top: 17px;
  left: 14px;
  width: 16px;
  height: 10px;
  -webkit-transition: 0.17s ease-in-out;
  transition: 0.17s ease-in-out;
}
/* line 233, sass/pages/_pages.scss */
.scroll-to:hover svg {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
@media (max-width: 1024px) {
  /* line 1539, sass/pages/_pages.scss */
  [data-top-bottom] {
    -webkit-transform: none !important;
    transform: none !important;
  }
}
.reveal-fx .image-decal {
  width: 100%;
  height: 100%;
  display: block;
}
.reveal-fx .image-decal.id-50pc {
  transform: translateY(50%);
}
.aos-animate.repere + .reveal-fx .image-decal {
  transform: translateY(0);
}
.aos-animate.repere + .reveal-fx .image-decal.id-50pc {
  transition: transform 1s cubic-bezier(0, -0.01, 0.4, 1);
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  10% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  45% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  55% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes loader {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  10% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  45% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  55% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
/* CLOSE FORM*/
@-webkit-keyframes close-before {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}
@keyframes close-before {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}
@-webkit-keyframes close-after {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@keyframes close-after {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

#gnav {
  width: auto;
  height: 100vh;
  background-color: #fff;
  align-items: center;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  background-position: center;
  background-size: 100%;
  position: fixed;
  padding: 5rem 8rem;
  top: 0;
  right: 0;
  z-index: 10000;
  transform: translate3d(0, 0, 0)
}
@keyframes gradient-ov-news {
	0% {
		background-size: 100% 1000%;
		opacity: 0
	}

	100% {
		background-size: 2000% 100%;
		opacity: 1
	}
}

@keyframes gradient-leave-news {
	0% {
		background-size: 100% 1000%;
		opacity: 1
	}

	100% {
		background-size: 500% 100%;
		opacity: 0
	}
}
#gnav {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.65s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.gnav #gnav {
	opacity: 1;
	pointer-events: inherit;

}
.gnav{position: relative;overflow: hidden;}
.gnav::after{
    content: '';
    display: inline-block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    z-index: 9999;
    opacity: 1;

}
.open.nav-menu{width: 80% !important;}
@media (max-width: 575.98px) {
.bts {
       margin-bottom: 8vh;
	       height: auto;
    min-height: 200px;
  }
}