@font-face {
    font-family: 'Sylfaen';
    src: url('../fonts/Sylfaen.eot');
    src: url('../fonts/Sylfaen.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sylfaen.woff2') format('woff2'),
        url('../fonts/Sylfaen.woff') format('woff'),
        url('../fonts/Sylfaen.ttf') format('truetype'),
        url('../fonts/Sylfaen.svg#Sylfaen') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html{
  overflow-y:scroll;
}
    	*, *:before, *:after {
	 box-sizing: border-box;
	 padding: 0;
	 margin: 0;
   outline: none;
}
::selection {
  background:transparent;
  text-shadow:none;
}
input::selection {
  background:#000;
  color:#fff;
  text-shadow:none;
}
 body {
  padding-top: 15vh;
	 font-family: Sylfaen;
	 background-color: #fff;
	 position: relative;
	 color: #efefef;
	 text-align: center;
}
 body a, body a:visited {
	 color: #000;
	 text-decoration: none;
}
 body a:hover {
	 color: #000;
}
nav ul{
  }
 

 /** pop-up **/
 .zpop-up{
    width: 384px;
    height: 512px;
    max-height: 88%;
    max-width: 94%;
    position: fixed;
    z-index: 5;
    background: transparent;
    bottom: 0;
    padding: 8px;
    color:#444;
    right: 16px;
    display: none;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
 }

 .zpop-up.hide{
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }

  @-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  opacity: 0;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  }
  }
  @keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
    opacity: 0;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
    opacity: 1;
  }
  } 

  @-webkit-keyframes slideOutDown {
  0% {
        opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  100% {
        opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  }
  }

  @keyframes slideOutDown {
  0% {
    opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  100% {
    opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  }
  } 
 

 .zpop-up_content{
    width: 100%;
    height: calc(100% - 48px);
    position: absolute;
    background: #fff;
    bottom: 0;
    padding: 12px;
    right: 0; 
    background:red;
    color:#fff;
    z-index: 4;
    border: 1px solid #ddd;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    border-top-left-radius: 12px;
  }

 .zpop-up img{
    width: 100%;
 }

 .zpop-up h2, .zpop-up h1, .zpop-up h3, .zpop-up h4{
/*    font-family: Poppins;*/
    font-family: Sylfaen;
    font-weight: 300;
 }

  .zpop-up_content p{
    font-size: 1em;
  }

  .zpop-up h3{
/*    font-family: Poppins;*/
    font-family: Sylfaen;
    font-weight: 300;
 }

.zpop-up_close{
    top: 1px;
    /* left: 50%; */
    height: 0;
    /* display: inline-block; */
    width: 0;
    position: absolute;
    line-height: 48px;
    width: 160px;
    height: 48px;
    right: 0;
    border: 1px solid #ddd;
    border-bottom: 0;
    text-align: left;
    text-indent: 28px;
    z-index: 5;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: #fff;
    font-family: 'Poppins';
    background-image: url(../img/close_icon.png);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: right 16px center;
    cursor: pointer;
}

 .slick-slide, .slick-slide::before, .caption {
	 -webkit-backface-visibility: hidden;
	 backface-visibility: hidden;
}

 .slick-slide::before {
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
 header {
	 position: fixed;
	 left: 0;
   top: 0;
	 width: 100%;
	 height: 15vh;
	 background-color:#fff;
	 padding: 0;
	 text-align: center;
	 z-index: 6;
	 transition: all 0.3s ease;
}

header.mouseenter #blackBoxRight.show{
	display: block;
}

 header h1 {
	 display: inline-block;
	 font-size: 22px;
	 font-weight: bold;
	 padding-top: 18px;
	}




        #phonebox{
            position: relative;
            top: 0vh;
            height: 60px;
            margin: auto;
            float: none;
            font-size: 24px;
            line-height: 60px;
            text-align: center;
            width: 100%;
            cursor: pointer;
        }

        #phonebox img{
            height: 32px;
            margin-right: 32px;
            margin-bottom: -6px;
        }

        header #menu{
        	width:100%;
        	height: 360px;
        	margin-top:-360px;
 		    background-color: #000;
 		    color: #fff;
    		position: fixed;
    		z-index: 9;
    		transition: .4s all ease-in-out;
        }




        header.halfopen #menu{
        	height: 50vh;
        	transition: .2s all ease-in-out;
       	}

        header.aanmelden #menu{
        	height: 20vh;
        	display: block;
        }

        header.aanmelden #menu.aanmeldDrop{
          height: 380px;
        }

        header #menu a{
        	color:#fff;
        }
        header.mouseenter #menu{
    		margin-top:0;
        }

        header.mouseenter{
          background:#000;
          transition: .2s background linear;
        }



        header #menu #logo{
        	display: none;
        }

        header #socialIcons{
        	right:7vw;
        	bottom:9vh;
        	position: absolute;
        }
        header.aanmelden #socialIcons{
          opacity: 0;
        }

        header.aanmelden #languages{
          opacity: 0;
        }


/* NAV */
 header nav {
  font-family: 'Poppins', sans-serif;
   display: inline-block;
}
 header nav ul li {
   display: inline-block;
   vertical-align: top;
   font-size: 15px;
   color :#000;
   position: relative;
}
 header nav ul li a {
   font-family: 'Poppins', sans-serif;
   display: block;
   padding: 0px 0px;
   padding-left: 15px;
   padding-right: 15px;
}


        header nav{
          position: fixed;
          left: 50%;
          margin-top:8.5vh;
        transform: translate(-50%, 0);
        display: flex;
        overflow: hidden;
        }


header.mouseenter nav{
	z-index: 10;

  /* Add infinite to loop. */
  /*
  -ms-animation: navFadeOut .3s linear;
  -webkit-animation: navFadeOut .3s linear;
  -0-animation: navFadeOut .3s linear;
      margin-top:8.5vh;

  -moz-animation: navFadeOut .3s linear;*/
  overflow: visible;
}




@-webkit-keyframes navFadeOut {

}


header.mouseenter nav ul:not(.subMenu){

}

        header.mouseenter nav ul:not(.subMenu){
/*    animation: slideUpDown .6s cubic-bezier(.645, .045, .355, 1);*/
  /* Add infinite to loop. */
  
/*  -ms-animation: slideUpDown .6s cubic-bezier(.645, .045, .355, 1);
  -webkit-animation: slideUpDown .6s cubic-bezier(.645, .045, .355, 1);
  -0-animation: slideUpDown .6s cubic-bezier(.645, .045, .355, 1);
  -moz-animation: slideUpDown .6s cubic-bezier(.645, .045, .355, 1);*/
        }


@-webkit-keyframes slideUpDown {
  30% {
    transform: translate3d(0px, 120%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
  }

  100% {
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
  }
}


header.mouseenter nav ul li a{
  color:#fff;
}


header nav ul li ul.subMenu{
	position: absolute;
	left:0;
	list-style: none;
	display: none;
	padding:12px 0px 0px 16px;
	color:#fff; 
    width: 280px;
}

header nav ul li ul.subMenu li{
	display: block;
	float:none;
	text-align: left;
	opacity: 0;
	color:#fff;
    font-size: 13px;
   	padding-top:5px;
    padding-bottom: 5px;
    letter-spacing: 1px;
    transition: opacity 0.5s linear; /* vendorless fallback */
    -o-transition: opacity 0.5s linear; /* opera */
    -ms-transition: opacity 0.5s linear; /* IE 10 */
    -moz-transition: opacity 0.5s linear; /* Firefox */
    -webkit-transition: opacity 0.5s linear; /*safari and chrome */

}


header.mouseenter nav ul li:hover ul.subMenu{
	display: block;
}

header.mouseenter nav ul li ul.subMenu li{
    transition: opacity 0.5s linear; /* vendorless fallback */
    -o-transition: opacity 0.5s linear; /* opera */
    -ms-transition: opacity 0.5s linear; /* IE 10 */
    -moz-transition: opacity 0.5s linear; /* Firefox */
    -webkit-transition: opacity 0.5s linear; /*safari and chrome */
}

header nav ul li:hover ul.subMenu{
	display: none;
	padding-bottom: 32px;
}

header.mouseenter nav ul li:hover a{
  color:#926d14;
}

header.mouseenter nav ul li:hover ul.subMenu li a{
	color:#aaa;
}

header.mouseenter nav ul li:hover ul.subMenu li a:hover{
	color:#926d14;
}

header.mouseenter nav ul li:hover ul.subMenu li{
	animation: appearFromTop 200ms cubic-bezier(.645, .045, .355, 1);
	animation-direction: forwards;
	animation-fill-mode: forwards;
}

header.mouseenter nav ul li:hover ul.subMenu li:nth-of-type(2){
	animation-delay: 50ms;
}

header.mouseenter nav ul li:hover ul.subMenu li:nth-of-type(3){
	animation-delay: 100ms;
}

header.mouseenter nav ul li:hover ul.subMenu li:nth-of-type(4){
	animation-delay: 150ms;
}

header.mouseenter nav ul li:hover ul.subMenu li:nth-of-type(5){
	animation-delay: 200ms;
}

header.mouseenter nav ul li:hover ul.subMenu li:nth-of-type(6){
	animation-delay: 250ms;
}

header.mouseenter nav ul li:hover ul.subMenu li:nth-of-type(7){
	animation-delay: 300ms;
}


@-webkit-keyframes appearFromTop {
  0% {
       margin-top:-10px;
       opacity: 0;
    }
  50%{
  }
  100% {
       margin-top:0px;
       opacity: 1;
    }
}
/* E/O NAV */

/* LIVESTREAM */
header #livestream{
  right: 7vw;
  top: calc(8.5vh - 2px);
  position: absolute;
  padding-bottom: 1px;
  border:1px solid #000;
  padding-top:1px;
    z-index: 10;
  width: 0;
  font-weight: 300;
  opacity: 1;
/*    -webkit-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition-delay: 500ms;*/
    background-color:#000;
    color:#fff;
    animation: fadeInSlow .5s linear;
  /* Add infinite to loop. */
  /*
  -ms-animation: navFadeOut .3s linear;
  -webkit-animation: navFadeOut .3s linear;
  -0-animation: navFadeOut .3s linear;
      margin-top:8.5vh;

  -moz-animation: navFadeOut .3s linear;*/
  animation-fill-mode: forwards;
}



/* AANMELDEN */
header #aanmelden{
    font-weight: 300;

    right: calc(7vw + 128px);
  top: calc(8.5vh - 2px);
  position: absolute;
  padding-bottom: 1px;
  color:#000;
  border:1px solid #000;
  padding-top:1px;
  width: 0;
  opacity: 0;
  z-index: 10;
    animation: fadeInSlow .5s linear;
  /* Add infinite to loop. */
  /*
  -ms-animation: navFadeOut .3s linear;
  -webkit-animation: navFadeOut .3s linear;
  -0-animation: navFadeOut .3s linear;
      margin-top:8.5vh;

  -moz-animation: navFadeOut .3s linear;*/
  animation-fill-mode: forwards;
}


header.halfopen #aanmelden{
	display: none;
}

header #aanmelden a, header #livestream a{
/*    transform: translate3d(120%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;*/
/*    -webkit-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition: all 400ms cubic-bezier(.645, .045, .355, 1);*/
    /*color:#8d6b22;*/
    opacity: 0;
    width: 100%;
    left: 0;
/*    transition-delay: 800ms;*/
    font-size:15px;

}

header #livestream a{
  color:#fff;
}

header.mouseenter #aanmelden:hover, header.mouseenter #livestream:hover{
  cursor: pointer;
}

header.mouseenter #aanmelden:hover a{
}

header.mouseenter #livestream:hover a{
}

header.mouseenter #aanmelden{

}

header.mouseenter #aanmelden, header.mouseenter #livestream{

}

header.mouseenter #livestream{
  animation: livestreamFadeOut 1s linear;
  animation-fill-mode: forwards;
}

header.mouseenter #aanmelden{
  animation: aanmeldenFadeOut 1s linear;
  /* Add infinite to loop. */
  /*
  -ms-animation: navFadeOut .3s linear;
  -webkit-animation: navFadeOut .3s linear;
  -0-animation: navFadeOut .3s linear;
      margin-top:8.5vh;

  -moz-animation: navFadeOut .3s linear;*/
  animation-fill-mode: forwards;
}

header.mouseenter #aanmelden a{
  color:#fff;
}

header.mouseenter #livestream{

}

header.mouseenter #extraButtons.streamFirst #livestream{
    background-color:#000!important;
}

header.mouseenter #extraButtons.streamFirst #aanmelden{
    background-color:#8d6b22!important;
}

header.halfopen #extraButtons{
  opacity: 0;
}

@-webkit-keyframes livestreamFadeOut {
  0% {
    opacity: 1;
   }
   10%{
    opacity: 0;
   }
  20%{
    opacity: 0;
  }
  21%{
  }
   60%{
    opacity: 1;
    overflow:hidden;
  }

  100% {
    opacity: 1;
    overflow: visible;
    background-color:#8d6b22;
    border: 1px solid #8d6b22;
  }
}

@-webkit-keyframes aanmeldenFadeOut {
  0% {
    opacity: 1;
   }
   10%{
    opacity: 0;
   }
  20%{
    opacity: 0;
  }
  21%{
  }
   60%{
    opacity: 1;
    overflow:hidden;
  }

  100% {
    opacity: 1;
    overflow: visible;
    background-color:#000;
    color:#fff;
    border: 1px solid #8d6b22;
  }
}

/*
header #aanmelden a:after{
   content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0px;
  height: 1px;
  background: #fff;
  transition: all 0.45s;
    transition-delay: 800ms;
}


/* livestream */
header.livestream{
  background-color:#000;
}

#mobileLivestream, #mobileAanmelden, #mobileCompanyVideoPreview{
  display: none;
}



/*
header #aanmelden.no-delay a:after{
    transition-delay: 0ms;
}*/


header #aanmelden a, header #livestream a{
/*    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;*/
    opacity: 1;
}

header #aanmelden, header #livestream{
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    width: 128px;
    opacity: 1;
}

header.slidedown #livestream, header.slidedown #aanmelden{
  opacity: 0;
}
/*
header.mouseenter #aanmelden a:after{
  width: 100%;
  left: 0;
}

header.mouseenter #aanmelden a:hover:after{
  transition: all 0.25s;
  transition-delay: 0ms;
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    width: 20%;
    left: 80%;
}
*/

header.aanmelden #aanmelden{
	opacity: 0;
	transition: .2s opacity ease;
}
/* E/O AANMELDEN */



/* OPENDEURWEEKEND */
header #opendeurweekend{
	right:7.5vw;
	color:#926d14;
  padding-left: 32px;
	bottom:7vh;
     font-family: Sylfaen;
	position: absolute;
}

header.halfopen #opendeurweekend{
	display: none;
}

header #opendeurweekend a{
    color:#926d14;
    font-weight: bold;
    transform: translate3d(120%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    -webkit-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition: all 400ms cubic-bezier(.645, .045, .355, 1);
}

header.mouseenter #opendeurweekend a{
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition-delay: 350ms;
}

header #opendeurweekend .arrow-right{
    top:9px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 16px solid #926d14;
    position: absolute;
    left: -24px;
    top: calc(50% - 5px);
    opacity: 0;
      -webkit-transition: opacity 0s linear;
  -moz-transition: opacity 0s linear;
  -ms-transition: opacity 0s linear;
  -o-transition: opacity 0s linear;
  transition: opacity 0s linear;
}

header.mouseenter #opendeurweekend .arrow-right{
  opacity: 1;
      transition-delay: 1s;

   animation: bounceLeftRight .6s ease-in-out infinite;
  /* Add infinite to loop. */
  
  -ms-animation: bounceLeftRight .6s ease-in-out infinite;
  -webkit-animation: bounceLeftRight .6s ease-in-out infinite;
  -0-animation: bounceLeftRight .6s ease-in-out infinite;
  -moz-animation: bounceLeftRight .6s ease-in-out infinite;
}

@-webkit-keyframes bounceLeftRight {
  0% {
       left:0px;
    }
  50% {
      left:8px;
   }
  100% {
       left:0px;
    }
}

header.aanmelden #opendeurweekend{
	opacity: 0;
	transition: .2s opacity ease;
}
/* E/O OPENDEURWEEKEND */

/* COJA BIRD LOGO */

header svg.bLogo{
    position: absolute;
    left: 32px;
    top: 0;
    width: auto;
    height: 8vh;
    margin: 3vh;
}

/* E/O COJA BIRD LOGO */

/* LANGUAGES */
header #languages{
  right: 7.5vw;
/*  bottom: 21vh;*/
  top: 17vh;
  position: absolute;
/*  font-size: 12px;*/
  font-weight: 300;
  font-family: 'Poppins', sans-serif;
}

header.halfopen #languages{
	display: none;
}

header #languages span{
  margin-left: 8px;
}

header #languages p{
    transform: translate3d(0px, 120%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    -webkit-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition: all 400ms cubic-bezier(.645, .045, .355, 1);
}

header.mouseenter #languages p{
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition-delay: 750ms;
    display: none;
}

header.aanmelden #languages{
  bottom:auto;
	top:15vh;
}
header.aanmelden.mouseenter #languages p{
    transform-style: preserve-3d;
	animation-delay: 500ms;
	transition-delay: 0ms; 
	animation: 800ms showOnNewPlace cubic-bezier(.645, .045, .355, 1);
/*    -webkit-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition: all 400ms cubic-bezier(.645, .045, .355, 1);*/

}


@keyframes showOnNewPlace {
  0% {
	transform: translate3d(0px, 120%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  }
  70%{
  		transform: translate3d(0px, 120%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  }

  100%{
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  }
}
/* E/O LANGUAGES */



/* AANMELDBOX */
header.aanmelden #aanmeldbox{
	height: 70vh;
}

#aanmeldbox{
    position: absolute;
    left: 0;
    top: 50vh;
    /* width: 0px; */
    height: 0;
    width: 100%;
    transform: translateY(-50%);
    height: 1;
    /* background: #fff; */
    transition: all 0.45s;
/*    background-color: rgba(255,255,255,0.95);*/
    background-color: rgb(242, 242, 242, 0.96);
    overflow:hidden;
}
/* E/O AANMELDBOX */

/* CONTENTBOX */
header #aanmeldbox .contentBox{
	opacity: 0;
	display: block;
	position: relative;
	height: 100%;
}

header.aanmelden #aanmeldbox .contentBox{
	opacity: 1;
	transition: 450ms opacity ease;
	transition-delay: 450ms;
}
/* E/O CONTENTBOX */


/* aanmeldbox_aanmelden */
header #aanmeldbox_aanmelden{
  left:0;
  bottom:7vh;
  position: absolute;
  padding-bottom: 2px;
  font-weight: 400;
}

header #aanmeldbox_aanmelden a{
    transform: translate3d(-120%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    -webkit-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition: all 400ms cubic-bezier(.645, .045, .355, 1);
}

header #aanmeldbox_aanmelden a:after{
   content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0px;
  height: 1px;
  background: #000;
  transition: all 0.45s;
}

header.aanmelden #aanmeldbox_aanmelden a{
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition-delay: 500ms;
    width: 100%;
    left: 0;
}

header.aanmelden #aanmeldbox_aanmelden a:after{
  width: 100%;
  left: 0;
  transition-delay: 800ms;
}

header.aanmelden #aanmeldbox_aanmelden.remove a{
    transform: translate3d(-120%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    -webkit-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition: all 400ms cubic-bezier(.645, .045, .355, 1);  
}

header.aanmelden #aanmeldbox_aanmelden.remove a:after{
  width: 0;
  left: 50%;
}

header.aanmelden #aanmeldbox_aanmelden.no-delay a:after{
    transition-delay: 0ms;
}


header.aanmelden #aanmeldbox_aanmelden a:hover:after{
  transition: all 0.25s;
  transition-delay: 0ms;
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    width: 20%;
    left: 80%;
}


div.condButtons{
	width: 60%;
    margin-left: 20%;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    margin-bottom: 128px;
}

div.condContent div.condButtons{
	margin-left:15%;
	width: 70%;
}

div.condButtons div.condButton{
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin:auto;
	width: 25%;
}


div.condButtons div.condButton a{
	position: relative;
	transition-delay: 100ms;
}
/*
div.condButtons div.condButton a:after{
   content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0px;
  height: 1px;
  background: #000;
  transition: all 0.45s;
    width: 100%;
  left: 0;
}

div.condButtons div.condButton a:hover:after{
  transition: all 0.25s;
  transition-delay: 0ms;
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    width: 20%;
    left: 80%;
}
*/


/* E/O AANMELDEN */


#close_aanmelden{
	position: absolute;
	right: 0;
	bottom:8vh;
}

#close_aanmelden .buttonText{
	    position: absolute;
    right: 64px;
    overflow:hidden;
    top: 10px;
    font-family: 'POPPINS';
}

.buttonText p{
	        transform: translate3d(0px, 120%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    -webkit-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition: all 400ms cubic-bezier(.645, .045, .355, 1);

}

header.aanmelden .buttonText p{
	    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition-delay: 750ms;
}

#close_aanmelden svg{
  position: absolute;
  top:-5px;
  right: -1px;
  width: 50px;
  height: 50px;
}

#close_aanmelden path.hoverring{
  stroke-dasharray: 280 280;
  stroke-dashoffset: 280;
      opacity: 0;
  animation-duration: 600ms;
  animation-name: undraw;
  animation-iteration-count: 1;
  animation-direction: forwards;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}

@keyframes draw {
  0% {
    opacity: 0;
    stroke-dashoffset: 280;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.4;
    stroke-dashoffset: 0;
  }
}

@keyframes undraw {
  0% {
    opacity: 0.4;
    stroke-dashoffset: 0;
  }

  70% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 280;
  }
}

#close_aanmelden:hover path.hoverring{
      stroke-dashoffset: 0;
  animation-duration: 800ms;
      opacity: 0.4;

  animation-name: draw;
  animation-iteration-count: 1;
  animation-direction: forwards;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}


/* cross-minus */
.cross-minus {
  position: relative;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;

      width: 25px;
    overflow: hidden;
    height: 30px;
    margin-right: 12px;
    margin-top: 2px;
}

.cross-minus span {
  display: block;
  position: absolute;
  height: 1.5px;
  width: 100%;
  background: #000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.cross-minus span:nth-child(1),.cross-minus span:nth-child(2) {
  top: 18px;
}
.cross-minus span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cross-minus span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#close_aanmelden:hover .cross-minus span:nth-child(1) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

#close_aanmelden:hover .cross-minus span:nth-child(2) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* E/O cross-minus */

header h1{
	    display: inline-block;
    font-size: 50px;
    font-weight: 300;
    color: #000;
    padding-top: 6vh;
    padding-bottom: 2vh;
    text-align: left;
    float: left;
    width: 100%;
}

header .contentBox p{
	font-family: "Poppins";
	color:#000;
	font-size:15px!important;
	float:left;
	text-indent:64px;
}



/* contentBox */
.contentBox{
	width: 90%;
	max-width: 900px;
	margin:auto;
}

.contentBox input, .condInputs input{
    width: 512px;
    max-width: 90%;
    font-size:15px;
    text-indent:6px;
    margin-left: auto;
    margin-top: 16px;
    border: none;
    border-bottom: 1px solid #ccc;
    background: transparent;
    position: relative;
    display: inline-block;
}

.contentBox textarea, .condInputs textarea{
    width: 512px;
    max-width: 90%;
    font-size: 15px;
    padding-left: 6px;
    resize: none;
    margin-left: auto;
    margin-top: 16px;
    border: none;
    border-bottom: 1px solid #ccc;
    background: transparent;
    position: relative;
    display: inline-block;
}

.condInputs.contactForm input{
  color:#fff;
  border-bottom: 1px solid #777;
}

.condInputs.contactForm input::selection {
  background:#fff;
  color:#000;
  text-shadow:none;
}

.contactForm textarea{
    margin: 0px;
    /* margin-top: 8px; */
    color: #fff;
    font-size: 15px;
    line-height: 32px;
    padding-left: 5px;
    padding-top: 5px;
    font-family: "Arial";
    width: 512px;
    max-width: 90%;
    height: 160px;
    background-image: linear-gradient(0deg, #777 1.72%, #000000 1.72%, #000000 50%, #777 50%, #777 51.72%, #000000 51.72%, #000000 100%);
    background-size: 100% 80px;
    border: none;
    /* box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); */
    line-height: 40px;
    resize: none;
    overflow-y:hidden;
}

#contactformulier{
    padding-top: 90px;
    padding-bottom: 90px;
}

.companyInput{
  position: relative;
  display: inline-block;
  width: 100%;
}



.companyInput input[type=checkbox]{
    float: left;
    display: inline-block;
    width: 32px;
    margin-top: 24px;
    cursor: pointer;
    position: absolute;
    left: 0px;
    margin-left: 0;
}

.companyInput label{
    width: 512px;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    line-height: 28px;
    text-align: left;
    margin-top: 16px;
    text-indent: 3px;
    font-size: 15px;
    cursor: pointer;
}

.condContent{
	width: 90%;
    margin-left: 10%;
    margin-top: 7vh;
}



#close_condoleance{
	position: absolute;
	right: 0;
	bottom:6vh;
}

#close_condoleance .buttonText{
	    position: absolute;
    right: 64px;
    overflow:hidden;
    top: 10px;
    font-family: 'POPPINS';
}


#close_condoleance svg{
  position: absolute;
  top:-5px;
  right: -1px;
  width: 50px;
  height: 50px;
}

#close_condoleance path.hoverring{
  stroke-dasharray: 280 280;
  stroke-dashoffset: 280;
      opacity: 0;
  animation-duration: 600ms;
  animation-name: undraw;
  animation-iteration-count: 1;
  animation-direction: forwards;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}


#close_condoleance:hover path.hoverring{
      stroke-dashoffset: 0;
  animation-duration: 800ms;
      opacity: 0.4;

  animation-name: draw;
  animation-iteration-count: 1;
  animation-direction: forwards;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}

#close_condoleance p{
	margin-bottom: 0px;
  animation-duration: 600ms;
  animation-name: showCloseP;
  animation-iteration-count: 1;
    animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}

@keyframes showCloseP {
  0% {
 	transform:translate3d(0px, 120%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  }
  100% {
 	transform:translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	}
}


.condInputs{
	max-width: 600px;
  text-align: center;
}


.condInputs input{
    line-height: 28px;
}

/* E/O contentBox */


/* LOGO */
        header #menu #logo{
          height:auto;
          display: block;
          width:auto;
          position: absolute;
          left:7vw;
          top:18px;
    opacity: 0;
      -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
        }

        header.mouseenter #menu #logo{
          opacity: 1;
          transition-delay: 400ms;
        }

        #logo>img{
/*  width:300px;*/
height: 15vh;
}

header #menu #logo:after{
 /*   content: '';
    position: absolute;
    left: 50%;
    top:92px;    
    width: 0px;
    height: 1px;
    background: #936e13;
    transition: all 0.45s;
    transition-delay: 1s;*/
       content: '';
  position: absolute;
  left: 50%;
  top: 11vh;
  opacity: 0.7;
  width: 0px;
  height: 1px;
  background: #936e13;
  transition: all 0.45s;
}

div.content_block img.smallimg{
  width:128px;
}

header.mouseenter #menu #logo:after{
  width: 97%;
  left:1.5%;
  transition-delay: 450ms;
}

/*
header.aanmelden #menu #logo:after{
  animation: openCloseAfter 900ms linear;
}


@keyframes openCloseAfter {
  0% {
  width: 97%;
  left:1.5%;
  	opacity: 1;
  }

  40%{
  	  width: 97%;
  left:1.5%;
  opacity: 0;
  }


  50% {
  		width: 0;
	  left: 50%;
	  opacity: 0;
  }

  100% {
  	opacity: 1;
  width: 97%;
  left:1.5%;
  }
}
*/

/* E/O LOGO */


/* SOCIAL ICONS */
header #socialIcons{
  right:7vw;
    bottom: 9vh;
    opacity: 0;
      position: absolute;
}


header.mouseenter #socialIcons{
  opacity: 1;
}

header.aanmelden #socialIcons{
  opacity: 0;
}


#socialIcons img{
    height: 40px;
    width: 40px;
    padding: 9px;
    margin: 5px;
    position: relative;
}

header #socialIcons a{
    width: 50px;
    height: 50px;
    margin-left:8px;
    border-radius: 100%;
      display: inline-block;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

header #socialIcons a svg{
  position: absolute;
  top:0;
  width: 50px;
  height: 50px;
}

header.mouseenter #socialIcons a:nth-of-type(1){ 
  transition-delay: 400ms;
  opacity: 1;
}

header.mouseenter #socialIcons a:nth-of-type(2){ 
  transition-delay: 600ms;
  opacity: 1;
}

header.mouseenter #socialIcons a:nth-of-type(3){ 
  transition-delay: 800ms;
  opacity: 1;
}

header.mouseenter #socialIcons a:nth-of-type(4){ 
  transition-delay: 1000ms;
  opacity: 1;
}

header.halfopen #socialIcons{
  opacity: 0;
}

#socialIcons a::before{
    box-sizing: inherit;
    content: '';
    position: absolute;

}

#socialIcons a path.hoverring{
  stroke-dasharray: 280 280;
  stroke-dashoffset: 280;
      opacity: 0;
  animation-duration: 600ms;
  animation-name: undraw;
  animation-iteration-count: 1;
  animation-direction: forwards;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}

@keyframes draw {
  0% {
    opacity: 0;
    stroke-dashoffset: 280;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1:;
    stroke-dashoffset: 0;
  }
}

@keyframes undraw {
  0% {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 280;
  }
}

#socialIcons a:hover path.hoverring{
      stroke-dashoffset: 0;
  animation-duration: 800ms;
      opacity: 1;

  animation-name: draw;
  animation-iteration-count: 1;
  animation-direction: forwards;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}



/* E/O SOCIAL ICONS */
      
@-webkit-keyframes slideRightLeft {
  0% {
        	        	right:-17.5vw;
    }
  100% {
        	right:7.5vw;
   }
}




 
@-webkit-keyframes slideToUp {
  0% {
                    bottom:0;
    }
  30%{
                    bottom:100%;
  }
  100% {
          height: 0;
   }
}


 


@-webkit-keyframes fadeInSlow {
  0% {
  	opacity: 0;
   }
  80%{
  	opacity: 0;
  }
  100% {
  	opacity: 1;
  }
}

@-webkit-keyframes goToRight {
  0% {
  	width: 0;
   }
  30%{
  	width: 0;
  }
  100% {
  	width: 100%;
  }
}




.arrow-right {

}



.textBoxMask{
     font-family: 'Poppins', sans-serif;
     font-weight: 300;
    display: flex;
    overflow: hidden;
}

#slider-overlay{
      width: 100%;
    height: 70vh;
    position: fixed;
    top: 0;
    background: transparent;
    z-index: 3;
}

header.overons #menu, header.slidedown #menu{
   		height: 80vh;

}

header.slidedown.mouseenter #socialIcons, header.slidedown.mouseenter #opendeurweekend{
  display: none;
}

@-webkit-keyframes menuInPageFx {
  0% {
    }
   30%{
   		height: 80vh;
   }

  100% {
  		height: 0vh;
   }

}

#slider-overlay.over-ons{
    background-image: url(../img/team.jpg);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
}

header.overons .main-slider{
  height: 0;
}

#page_picture{
	position: relative;
	display: block;
	width: 100%;
}

#page_picture>img{
	width: 100%;
}

.titleText{
	position: relative;
	float:left;
	height: auto;
	width: 70%;
	margin-left:15%;
}
.titleFrontText{
	float: left;
    font-size: 64px;
    position: relative;
    color:#000;
    z-index: 1;
}

.titleBackText{
    font-size: 137px;
    font-style: italic;
    color: #dedede;
    opacity: 0.3;
    position: absolute;
    float: left;
    /* top: 0px; */
    left: 64px;
    bottom: -38px;
}

.titleBackText.shortTitle{
  left:0px;
}

.itemBgImage{
    position: absolute;
    right: 7%;
    top: 50%;
    width: 13%;
    opacity: 0.45;
    transform: translateY(-50%);
}

.itemBgImage.left{
	right:auto;
	left:5%;
}

.itemBgImage img{
	width: 100%;
}

div.centerTextBlock{
	width: 60%;
	margin-left:20%;
	position: relative;
	display: table;
	text-align: left;
    font-family: 'Poppins', sans-serif;
}

div.content_block.block_right div.centerTextBlock{
  margin-left:40%;
  padding-right: 5%;
}

div.content_block.block_left div.centerTextBlock{
/*  margin-left:10%;*/
}

div.content_block.block_right .titleText{
  margin-left:35%;
}

div.content_block.block_left .titleText{
/*  margin-left:5%;*/
}

div.content_block{
	width: 100%;
	position: relative;
	display: inline-block;
	float:left;
	margin-bottom: 32px;
}

div.condContent{
	width: 80%;
}

div.content_block.block_center{
	text-align: center;
  padding-top:5vh;
}

div.content_block.block_center div.titleFrontText{
	float:none;
	font-size:50px;
}

div.content_block.block_center div.centerTextBlock{
	text-align: center;
    line-height: 18px;
    font-weight: 300;
}

section, #page_picture{
	top:0;
	display: block;
	position: relative;
  margin-bottom: 32px;
}

section.main-slider{
  top:0;
}

#contentBlock{
	    background-size: cover;
	    width: 100%;
      top:0;
      overflow: hidden;
      display: block;
      opacity: 1;
      transition: 200ms opacity linear;
}

#contentBlock.fadeOut{
  opacity: 0;
}

#bgOverFlow{
position: absolute;
    width: 100%;
    /* margin-top: 60vh; */
    height: 100%;
/*    display: inline-block;*/
/*    background-image: url(../img/lijntje5.jpg);*/
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    left: 0;
    /* z-index: 99999; */
    background-color: transparent;
    /* transform: skew(41deg, -25deg); */
    top: 60px;
    perspective-origin: 0%;
    perspective: 8px;
    display: flex;
    transform-origin: 0;
    transform: translateZ(3px) scale(1.2);
/*    overflow: hidden;*/
}
div.content_block .blockImage{
      display: inline-block;
    width: 100%;
    /* margin-bottom: 16px; */
    z-index: 3;
/*    height: 60vh;*/
    position: relative;
    overflow: hidden;
}

div.content_block.block_right .blockImage{
    display: inline-block;
    width: 50%;
    float: right;
    margin-left: 50%;
}

div.content_block.block_left .blockImage{
    display: inline-block;
    width: 50%;
    float: left;
    margin-right: 50%;
}

div.content_block img{
  width: 100%;
  overflow: hidden;
  z-index: 3;
  position: relative;
}

div.content_block.block_left .itemBgImage{
  right:10%;
  width:20%;
}

div.content_block.block_right .itemBgImage{
  right: auto;
  left:10%;
  width: 20%;
}


.linespacer{
      width: 100%;
      right: 0;
      position: relative;
    display: inline-block;
}

.linespacer img{
      width: 100%;
    position: absolute;
    right: 0;
}

.blockImage{
  transition: 300ms all cubic-bezier(.645, .045, .355, 1);
  transform: scale(1);
}

.itemBgImage{
/*      perspective-origin: 0%;
    perspective: 8px;
    display: flex;
    transform-origin: 0;
    transform: translateZ(3px) scale(1.2);
  transition: 400ms all cubic-bezier(.645, .045, .355, 1);*/
    position: absolute;
    top: 50%;
    /* margin-top: -50%; */
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.content_block .condImage{
  width: 25%;
/*  min-height: 300px;*/
  position: absolute;
  height: 100%;
      background-image: url(https://cornelisjanssens.be/img/overledene/placeholder3.jpg);
    background-size: contain;
    filter: grayscale(1);
    background-repeat: no-repeat;
    background-position: center center;
}

div.content_block .condImage img{
/*	height:calc(100vh - 500px);*/
	width: 100%;
      max-height: 100%;
    filter: grayscale(1);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

div#condSearchBox{
    background-color: #fff;
    padding-top: 0vh;
    padding-bottom: 3vh;
    position: relative;
    bottom: 0;
    width: 100%;
    z-index: 3;
}

div.input_block{
    width: 500px;
    margin: auto;
    position: relative;
    border: 1px solid #000;
    margin-top: -2vh;
    height: 28px;
    margin-bottom: 0;
    display: inline-block;
}

#condSearchBox div.input_block{
    width: 50%;
    margin: auto;
    position: relative;
    min-width: 500px;
    border: 1px solid #000;
    margin-top: -2vh;
    height: 37px;
    margin-bottom: 0;
    display: inline-block;
}

div.input_block input{
    width: 100%;
    padding: 4px;
    border:none;
    text-indent:27px;
}

#condSearchBox div.input_block input{
    width: 100%;
    padding: 6px;
    font-size: 19px;
    border: none;
    text-indent: 40px;
}

input:focus{
    outline: none;
}

div.input_block div.inputIcon svg{
	height: 27px;
    width: 27px;
    float: left;
    position: absolute;
    left: 0;
    background: #000;
    padding: 4px;
}

#condSearchBox div.input_block div.inputIcon svg{
  height: 35px;
  width: 35px;
}


/* CONDOLEANCE */

#close_condoleance:hover .cross-minus span:nth-child(1) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

#close_condoleance:hover .cross-minus span:nth-child(2) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.condInputs{
    display: inline-block;
}


.companyInputs{
  position: relative;
    display: none;
}


/* PAGE SLIDER */
#page_slider{
    width: 100%;
    position: relative;
    height: 50vh;
    overflow: hidden;
    display: block;
    float: left;
    margin-bottom: 32px;
}

#page_slider .page_slider_img{
  width: 100%;
  height: 50vh;
  position: absolute;
  opacity: 0;
  width: 103%;
  background-size:cover;
  right: -3%;
  animation:fadePageSlider 8s infinite;
  animation-delay: 0;
  -webkit-animation:fadePageSlider 8s infinite;
}

#page_slider .page_slider_img.first_slide{
  position: absolute;
  width: 103%;
  background-size:cover;
  height: 50vh;
  left:-3%;
  right:auto;
  opacity: 1;
  animation:fadePageSliderStart 8s infinite;
  animation-delay: 0;
  -webkit-animation:fadePageSliderStart 8s infinite;
}

@keyframes fadePageSlider
{
  0%   {opacity:0;right:-3%;}
  50% { opacity: 0;right:-3%;}
  55% { opacity: 1; }
  95% { opacity: 1;}
  100% { opacity: 0;right:0; }
}

@keyframes fadePageSliderStart
{
  0% {left:-3%;opacity: 1;}
  5% {opacity: 1;}
  50% {left:0;opacity: 1;}
  55% {opacity: 0;left:0;}
  95% {opacity: 0;left:-3%;}
  100% {opacity: 1;left:-3%;}
}
/* E/O PAGE SLIDER */

/* COND_SUBMIT */

#cond_submit a{
    transform: translate3d(-120%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    -webkit-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition: all 400ms cubic-bezier(.645, .045, .355, 1);
}

#cond_submit a:after{
   content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0px;
  height: 1px;
  background: #000;
  transition: all 0.45s;
}

#cond_submit a{
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition-delay: 500ms;
    width: 100%;
    left: 0;
      animation-duration: 600ms;
  animation-name: showCondSubmit;
  animation-iteration-count: 1;
    animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}

#cond_submit a:after{

  animation-delay: 600ms;
        animation-duration: 600ms;
  animation-name: showCondSubmitLine;

    animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  transition: all 0.25s;
  transition-delay: 0ms;
}


#cond_submit a:hover:after{
  transition: all 0.25s;
  transition-delay: 0ms;
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    width: 20%;
    left: 80%;
}

@keyframes showCondSubmitLine {
  0% {
      width: 0;
      left: 50%;
  }
  100% {
    width: 100%;
    left: 0;
  }
}

@keyframes showReviewLine {
  0% {
      width: 0;
      left: 50%;
  }
  40% {
      width: 0;
      left: 50%;    
  }
  100% {
    width: 100%;
    left: 0;
  }
}

@keyframes hideCondSubmitLine {
  0% {
      width: 100%;
      left: 0;
  }
  100% {
    width: 20%;
    left: 80%;
  }
}

@keyframes showCondSubmit {
  0% {
  transform:translate3d(-120%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  }
  100% {
  transform:translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  }
}


@keyframes showYouTube {
  0% {
    opacity: 0;
  transform:translate3d(-150%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  }
  100% {
    opacity: 1;
  transform:translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  }
}


#cond_submit{
    text-align: left;
    overflow: hidden;
    display: flex;
    padding-bottom: 2px;
    line-height: 24px;
    float: left;
    position: absolute;
    margin-top: 56px;
    width: auto;
}

/* E/O COND_SUBMIT */

.userdata_button{
/*  font-family: 'Poppins', sans-serif;
  width: 100%;
  float:left;
  text-align: left;
  color:#000;
  margin-bottom: 4px;
  text-indent:64px;*/
    font-family: 'Poppins', sans-serif;
    width: 216px;
    float: left;
    margin-right: (100% - 200px);
    text-align: center;
    color: #000;
    margin-bottom: 4px;
    /* text-indent: 64px; */
    display: inline-block;
    position: relative;
    margin-bottom: 8px;
    margin-left: 8px;
    padding: 4px;
    float: none;
    overflow: hidden;
    margin-right: calc(100% - 224px);
    border: 1px solid #333;
}

.userdata_button:hover{
  color:#fff;
  cursor: pointer;
  background:#8d6b22;
  transition: .4s background ease-in-out;
  border:1px solid #8d6b22;
}

#review_ceremonial{
  position: absolute;
  display: flex;
  width: auto;
  bottom:calc(7vh - 10px);
    padding-bottom: 12px;
    padding-top: 12px;
  line-height: 24px;
}

#review_ceremonial svg{
    width: 50px;
    height: 40px;
    position: absolute;
    border: 1px solid #000;
    bottom: 2px;
    left: 0px;
    background-color: #e9eae9;
    z-index: 3;
    transition: .3s background-color linear;
    border-radius: 2px;
}

#review_ceremonial a{
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition-delay: 500ms;
    width: 100%;
    left: 0;
    margin-left:64px;
      animation-duration: 600ms;
  animation-name: showCondSubmit;
  animation-iteration-count: 1;
    animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(.645, .045, .355, 1); 
}

#review_ceremonial a:after{
   content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0px;
  width: 100%;
  left:0;
  height: 1px;
  background: #000;
  transition: all 0.45s;
  animation-delay: 0;
        animation-duration: 1200ms;
  animation-name: showReviewLine;

      animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  transition: all 0.25s;
  transition-delay: 0ms;
}

#review_ceremonial:hover{
      cursor: pointer;
}

#review_ceremonial:hover svg{
  background-color:#000;
}

#review_ceremonial:hover svg path{
  fill:#936e13;
  transition: all 0.25s;
}

#review_ceremonial:hover a:after{
    width: 20%;
    left: 80%;
    transition-delay: 50ms;
    transition-duration: 300ms;
/*      animation-name: hideCondSubmitLine;
  animation-delay: 50ms;
        animation-duration: 300ms;
*/
      transition-timing-function: cubic-bezier(.645, .045, .355, 1);
}


.subTitleText{
      font-size: 36px;
    position: relative;
    color: #000;
    z-index: 1;
    text-align: center;
    width: 100%;
    margin-top: 36px;
}



/*
header #aanmelden.no-delay a:after{
    transition-delay: 0ms;
}


header.mouseenter #aanmelden a{
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition-delay: 500ms;
    width: 100%;
    left: 0;
}

header.mouseenter #aanmelden a:after{
  width: 100%;
  left: 0;
}*/


/*#cond_submit a{
    transform: translate3d(-120%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    -webkit-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition: all 400ms cubic-bezier(.645, .045, .355, 1);
}

#cond_submit a:after{
   content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0px;
  height: 1px;
  background: #000;
  transition: all 0.45s;
}*/

/*
#cond_submit{
  left:0;
  bottom:7vh;
  position: absolute;
  padding-bottom: 2px;
  font-weight: 400;
}

#cond_submit a{
    transform: translate3d(-120%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    -webkit-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition: all 400ms cubic-bezier(.645, .045, .355, 1);
}

#cond_submit a:after{
   content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0px;
  height: 1px;
  background: #000;
  transition: all 0.45s;
}

#cond_submit a{
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition-delay: 100ms;
    width: 100%;
    left: 0;
}

#cond_submit a:after{
  width: 100%;
  left: 0;
}

#cond_submit.no-delay a:after{
    transition-delay: 0ms;
}


#cond_submit a:hover:after{
  transition: all 0.25s;
  transition-delay: 0ms;
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    width: 20%;
    left: 80%;
}
*/

div.content_block.block_center.condoleance{
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
}

.condoleance .titleText{
  width: 100%;
  float:left;
  margin-left:0;
  margin-top:16px;
}

.condoleance.hiddenCond{
  display: none;
}

.condoleance .titleFrontText{
  color:#8d6b22;
}

.condoleance div.condButtons div.condButton{
    border: 1px solid #8d6b22;
    width: 20%;
}

.condoleance:nth-of-type(odd) div.condButtons div.condButton{
    border: 1px solid #000;
}

.condoleance:nth-of-type(odd) div.titleFrontText{
  color: #000;
}

.condoleance:nth-of-type(odd) div.condButtons div.condButton a{
  color:#000;
}

.condoleance:nth-of-type(even) div.condButtons div.condButton{
    border: 1px solid #fff;
}

.condoleance:nth-of-type(even) div.condButtons div.condButton a{
  color:#fff;
}

.condoleance div.condButtons div.condButton:hover{
  background:#8d6b22;
  border:1px solid #8d6b22;
}

.condoleance div.condButtons div.condButton:hover a{
  color:#fff;
}


.condoleance div.condButtons{
    width: 100%;
    margin: 0;
}

.condoleance div.condData{
    position: relative;
    /* height: 100%; */
    display: inline-block;
    padding-bottom: 32px;
}

div.content_block.block_center.condoleance{
    padding-top:12vh;
    padding-bottom: 12vh; 
    margin-top: 32px;
  }

div.sub_content_block{
  padding-left: 32px;
}

div.content_block.block_center.condoleance .centerTextBlock{
    margin:0;
    width: calc(100% - 32px);
    margin-top:32px;
}

.condoleance:nth-of-type(even){
  background-color:#000;
}


.condoleance:nth-of-type(odd) .condImage{
    float:left;
    margin-right: 5%;
    left:0;
    top: 0;
    background-position: right center;
}

.condoleance:nth-of-type(odd) .condData{
  padding-left:30%;
}

.condoleance:nth-of-type(odd) .condButton{
  float:left;
  margin-right: 5%;
}

.condoleance:nth-of-type(odd) .condButtons{
  float:left;
}

div.content_block.block_center.condoleance:nth-of-type(odd) .centerTextBlock{
  float:left;
  text-align: left;
  margin-left:32px;
}
/* div.centerTextBlock*/
.condoleance:nth-of-type(odd) .titleText{
  text-align: left;
 }

.condoleance:nth-of-type(even) .condImage{
    float:right;
    margin-left: 5%;
    right: 0;
    background-position: left center;
}

.condoleance:nth-of-type(even) .condData{
    padding-right: 30%;
}

.condoleance:nth-of-type(even) .condButton{
  float:right;
  margin-left: 5%;
}

.condoleance:nth-of-type(even) .condButtons{
  float:right;
}

div.content_block.block_center.condoleance:nth-of-type(even) .centerTextBlock{
  float:right;
  text-align: right;
  margin-right:32px;
}

div.content_block.block_center.condoleance:nth-of-type(even) .centerTextBlock p{
  color:#fff;
}

 .condoleance:nth-of-type(even) .titleText{
  text-align: right;
  float:right;
 }

/* E/O CONDOLEANCE */


.inputError{
    color: red;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 0;
    position: absolute;
    opacity: 0;
    transition: 350ms;
}

.condInputs.error input{
    transition: 350ms;
    border-bottom: 1px solid red;
    color: red;
}

.condInputs.error .inputError{
  opacity: 1;
}

.flowersSub{
	margin-top:64px;
}

.flowersSub:hover{
	cursor: pointer;
}


.showFlowers{
    width: 50px;
    height: 50px;
    margin-left:24px;
    border-radius: 100%;
      display: inline-block;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.showFlowers svg{
/*    border: 1px solid #000;
    border-radius: 100%;
    width: 34px;
    height: 34px;
    padding: 8px;
    padding-top: 9px;
    padding-bottom: 7px;*/
}

.showFlowers path.hoverring{
  stroke-dasharray: 280 280;
  stroke-dashoffset: 280;
      opacity: 0;
  animation-duration: 600ms;
  animation-name: undraw;
  animation-iteration-count: 1;
  animation-direction: forwards;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}

.showFlowers:hover path.hoverring{
      stroke-dashoffset: 0;
  animation-duration: 800ms;
      opacity: 0.4;

  animation-name: draw;
  animation-iteration-count: 1;
  animation-direction: forwards;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}


.showFlowers svg{
  position: absolute;
  top:0px;
  width: 50px;
  height: 50px;
}

.showFlowers{ 
  transition-delay: 400ms;
  opacity: 1;
}

.flowerDescription{
	font-family: 'Poppins', sans-serif;
    text-align: left;
    padding-bottom: 16px;
    /* display: inline-block; */
    border-bottom: 1px solid #000;
}

.flowerDescription .flowerItemLine{
	width: 100%;
	position: relative;
}

.flowerDescription p{
	margin-bottom: 0px;
    display: inline-block;
    width: auto;
    text-align: left;
}

.flowerDescription .flowerItemPrice{
	    display: inline-block;
    float: right;
}

.flowerItemPrice select{
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    text-transform: capitalize;
    color: #444;
    border-radius: 0px;
    padding-left: 8px;
}

.flowerItem{
	    width: 70%;
    margin: auto;
    padding-top: 10vh;
}

.flowerButtons{
	position: relative;
	display: inline-block;
    margin-top: 56px;
}

div.content_block .flowerItem img{
	width: auto;
  height: calc(100vh - 310px);
}


div.content_block .showFlowers img{
    height: 40px;
    width: 40px;
    padding: 9px;
    margin: 5px;
    position: relative;
    top:2px;
}

.flowersSub:not(.moreFlowers) a svg{
	top: 12px;
}

div.content_block .flowersSub:not(.moreFlowers) a.showFlowers img{
	top: 14px;
}

#close_flowers{
	position: absolute;
	right: 0;
	bottom:0;
}

#close_flowers .buttonText{
	    position: absolute;
    right: 64px;
    overflow:hidden;
    top: 10px;
    font-family: 'POPPINS';
}


#close_flowers svg{
  position: absolute;
  top:-5px;
  right: -1px;
  width: 50px;
  height: 50px;
}

#close_flowers path.hoverring{
  stroke-dasharray: 280 280;
  stroke-dashoffset: 280;
      opacity: 0;
  animation-duration: 600ms;
  animation-name: undraw;
  animation-iteration-count: 1;
  animation-direction: forwards;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}


#close_flowers:hover path.hoverring{
      stroke-dashoffset: 0;
  animation-duration: 800ms;
      opacity: 0.4;

  animation-name: draw;
  animation-iteration-count: 1;
  animation-direction: forwards;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}

#close_flowers p{
	margin-bottom: 0px;
  animation-duration: 600ms;
  animation-name: showCloseP;
  animation-iteration-count: 1;
    animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}

.flower_submit{
	position: absolute;
    bottom: 0;
    right: 0;
}


.flower_submit a{
    transform: translate3d(-120%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    -webkit-transition: all 400ms cubic-bezier(.645, .045, .355, 1);
    transition: all 400ms cubic-bezier(.645, .045, .355, 1);
}

.flower_submit a:after{
   content: '';
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0px;
  height: 1px;
  background: #000;
  transition: all 0.45s;
}

.flower_submit a{
    transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition-delay: 500ms;
    width: 100%;
    left: 0;
      animation-duration: 600ms;
  animation-name: showCondSubmit;
  animation-iteration-count: 1;
    animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}

.flower_submit a:after{
	width: 0;
	left:50%;
    transition-delay: 500ms;
    transition-duration: 300ms;
/*      animation-name: hideCondSubmitLine;
  animation-delay: 50ms;
        animation-duration: 300ms;
*/
      transition-timing-function: cubic-bezier(.645, .045, .355, 1);

}

.flower_submit.shown a:after{
	width: 100%;
	left:0;
    transition-delay: 500ms;
}


.flower_submit a:hover:after{
    width: 20%;
    left: 80%;
    transition-delay: 50ms;
    transition-duration: 300ms;
/*      animation-name: hideCondSubmitLine;
  animation-delay: 50ms;
        animation-duration: 300ms;
*/
      transition-timing-function: cubic-bezier(.645, .045, .355, 1);
}

div.flowerButtons{
	width: 100%;
	font-weight: bold;
    margin-left: 0;
    font-family: 'Poppins', sans-serif;
}

div.moreFlowers{
    margin-top: 0px;
/*    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: inherit;
    font-weight: bold;*/
}

div.moreFlowers:hover{
	cursor: pointer;
}

div.moreFlowers .showFlowers{
	position: absolute;
    bottom: 3px;
}

#MyGoogleMap{
	border:none;
    margin-top: -54px;
    filter:grayscale(1);
    height: 320px;
}

div.content_block.contact_content{
	background-color: #000;
	min-height: 100vh;
	margin-bottom: 0px;
    margin-top: -1vh;
    padding-top:16px;
   min-height: calc(100vh - 320px);
}

div.content_block.contact_content.reps{
  padding-top: 90px;
}

div.contact_content .titleText{
	color:#fff;
  margin-bottom: calc(calc(100vh - 680px)/3);
  padding-top: 1vh;
}

div.contact_content .centerTextBlock{
	text-align: center;
	    font-size:14px;
	font-weight: 300;
}

div.contact_content .titleFrontText{
	color:#fff;
	float:none;
    font-size: 48px;
}

.stores, .staffMembers{
    position: relative;
    width: 80%;
    margin-left: 10%;
    display: inline-block;
    margin-right: 10%;
    padding-bottom: 56px;
}

.stores{
    margin-bottom: calc(calc(100vh - 680px)/3);
}

.store{
	    width: 25%;
    text-align: center;
    color: #fff;
    position: relative;
    float: left;
}

.storeName{
	margin-bottom: 6px;
    font-size: 18px;
    font-weight: 400;
}

.storeLocation{
    font-family: 'Poppins', sans-serif;
    font-size:12px;
    font-weight: 300;
}
.contact_content #phonebox{
	color:#fff;
	margin-top:20px;
	display: inline-block;
    position: relative;
    font-size: 20px;
    width: calc(100%/3);
    float:left;
    text-align: right;    
}



.centerTextBlock.contactMail a{
	    font-size: 16px;
    color: #926d14;
    margin-top: 36px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.contactMail a:after{
	   content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: #926d14;
  transition: all 0.45s;
}

.contactMail a:hover:after{
	left:50%;
	width: 0;
	cursor: pointer;
}

.contact_content #phonebox img{
	    height: 26px;
    margin-right: 26px;
    margin-bottom: -6px;
    width: 26px;
    filter: invert(1);
}

.contact_content .subTitleText{
    color: #fff;
    cursor: pointer;
    font-size: 32px;
    width: calc(100%/3);
    float: left;
    text-align: left;
    display: inline-block;
    margin-top: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 3px;
}

.contact_content .contactMail{
      display: inline-block;
    width: calc(100%/3);
    float: left;
    text-align: left;
    margin-left:0;
}


.contact_content .subTitleText svg{
	top:17px;
}

div.staffMember{
	position: relative;
	display: inline-block;
	width: calc(100% / 3);
}

div.staffMember img{
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 64px;
}

div.staffName{
	color: #fff;
    font-size: 24Px;
    margin-bottom: 8px;
}

div.staffData{
	color:#fff;
    font-family: 'Poppins', sans-serif;
	font-size: 12px;
	margin-bottom: 6px;
}

div.staffPhone img{
	width: 20px;
    height: 20px;
    filter: invert(1);
    margin: 0;
    margin-right: 16px;
    margin-bottom: -6px;
}


div.staffPhone{
	color:#fff;
    font-size:20px;
    margin-bottom: 8px;
}

div.staffMail a{
    font-family: 'Poppins', sans-serif;
    color:#926d14;
    cursor: pointer;
    position: relative;
}

div.staffMail a:after{
	   content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: #926d14;
  transition: all 0.45s;
}

div.staffMail a:hover:after{
	left:50%;
	width: 0;
	cursor: pointer;
}

div.contact_content .subTitleText img{
	    filter: invert(1);
	    top:19px;
}

div.contact_footer{
	width: 100%;
	float:left;
	display: inline-block;
	position: relative;
	background-color: #fff;
	height: 320px;
}

div.contactFooterLeft{
    width: 20%;
    /* display: flex; */
    position: absolute;
    font-size: 13px;
    left: 10%;
    color: #000;
    text-align: right;
    vertical-align: middle;
    bottom: 128px;
}


/* footer social icons */
div.contactIcons{
    margin: auto;
    float: none;
    width: auto;
    position: relative;
    margin-top: 120px;
}

div.contactIcons img{
    height: 40px;
    width: 40px;
    padding: 9px;
    margin: 5px;
    position: relative;
    filter:invert(1);
}

div.contactIcons a{
    width: 50px;
    height: 50px;
    margin-left:8px;
    border-radius: 100%;
      display: inline-block;
}

div.contactIcons a svg{
  position: absolute;
  top:0;
  width: 50px;
  height: 50px;
}

.contactIcons a::before{
    box-sizing: inherit;
    content: '';
    position: absolute;

}

div.contactIcons a path.hoverring{
  stroke-dasharray: 280 280;
  stroke-dashoffset: 280;
      opacity: 0;
  animation-duration: 600ms;
  animation-name: undraw;
  animation-iteration-count: 1;
  animation-direction: forwards;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}

div.contactIcons a:hover path.hoverring{
      stroke-dashoffset: 0;
  animation-duration: 800ms;
      opacity: 0.4;

  animation-name: draw;
  animation-iteration-count: 1;
  animation-direction: forwards;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
}

div.conditions{
	width: 20%;
    /* display: flex; */
    position: absolute;
    font-size: 13px;
    right: 10%;
    color: #000;
    text-align: left;
    bottom: 160px;
}

div.copyright{
    position: absolute;
    bottom: 0;
    font-size: 12px;
    text-align: center;
    width: 100%;
    color:#777;
}

div.conditions a{
	    font-family: 'Poppins', sans-serif;
	    position: relative;
	    cursor: pointer;
}

div.conditions a:after{
	   content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: #000;
  transition: all 0.45s;
  transition-delay: 50ms;
}

div.conditions a:hover:after{
	left:80%;
	width: 20%;
}

/* video preview in header */
div#companyVideoPreview img, div#mobileCompanyVideoPreview img{
  border: 1px solid #8d6b22;
  width:75%;
  margin-top: 18px;
  cursor:pointer;
}

  div#aanleveren{
    position: absolute;
    right: 7vw;
    text-align: right;
    color: #8d6b22;
    bottom: 16px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    border-bottom: 1px solid #8d6b22;
  }

  div#warmwelkom{
        position: absolute;
    left: 7vw;
    text-align: right;
    color: #8d6b22;
    bottom: 16px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    border-bottom: 1px solid #8d6b22;
  }

  div#fsLoader{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 5;
    display: none;
    align-content: center;

  }

  div#fsLoader h1{
    font-family: Sylfaen;
    color: #333;
  }

  div#fsLoader h2{
    color: #999;
  }

  div#fsLoader svg{
    width: 80%;
    max-width: 200px;
    fill: #999;
  }