/* GP MEDIA NIJMEGEN 2017 Cybox internet & communicatie - Boxmeer www.cybox.nl */ @import url('https://fonts.googleapis.com/css?family=Open Sans'); @font-face {font-family: 'Rotis'; src: url('../fonts/at_rotis_semiserif_65-webfont.woff2') format('woff2'), url('../fonts/at_rotis_semiserif_65-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face {font-family: 'Bodoni'; src: url('../fonts/bodoniflf-bold-webfont.woff2') format('woff2'), url('../fonts/bodoniflf-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* reset */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* clearfix */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } /* animate.css */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* // *************************** OWL CAROUSEL // *************************** */ /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{overflow: hidden; position: relative; float:left; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer; } .owl-controls {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing {cursor:url(../images/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .owl-theme .owl-controls{ text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{} .owl-buttons {position: absolute; left: -5%; bottom: 0px; width: 110%; height: 100%; z-index: 9999; box-sizing: border-box; font-size: 2em; color: #222; pointer-events: none; line-height: 1; } .owl-buttons .owl-prev {position: absolute; left: 40px; /* 1em zonder label */ top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: auto; } .owl-buttons .owl-next {position: absolute; right: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: auto; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{} /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{display: block; width: 10px; height: 10px; margin: 0 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #EDD36B; transition: background 70ms linear; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #C42026; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 15px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{/*background: url(AjaxLoader.gif) no-repeat center center */ background-image: url('../images/loading.gif?123'); background-position: 50% 50%; background-repeat: no-repeat; background-size: 30px 32px; background-repeat: no-repeat; background-position: center center; min-height: 200px; } .sponsors .owl-item.loading {background-image: url('../images/loading_invert.gif'); } #sfeer .owl-item.loading {background-image: url('../images/loading_red.gif'); } /* Futura font true cbx Typekit */ html, body { margin:0; padding:0; } body { font-family: futura-pt, sans-serif; font-style: normal; font-weight: 300; font-size: 1.2em; line-height: 1.7; background: #eee; color: #000; overflow-x: hidden; overflow-y: scroll; height: 100%; } body.noscroll { overflow: hidden; } body.agenda #kiek-container #kiek-left, body.agenda #kiek-container #kiek-right { display:none; } body.magazinearchive #kiek-container #kiek-left, body.magazinearchive #kiek-container #kiek-right { display:none; } a { color: #424c76; text-decoration: none; } a:hover { color: #666; text-decoration: none; } #kiek { top:0!important; height:100%!important; } #kiek iframe { width:100%!important; height:100%!important; } #kiek-close { display:block; top:65px; right:20px; bottom:auto!important; left:auto!important; width:auto!important; color:#fff; text-transform:uppercase; font-weight:bold; background-color:#000; } #kiek-close:hover { background-color:#444; } #kiek-close .kiek-close { display:block; padding:5px 30px 5px 15px; background-image:url(../images/icons/close.png); background-position:right 12px center; background-size:12px; background-repeat:no-repeat; } #kiek-close .kiek-close:hover { color:#fff!important; } /* loading */ #loading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #efefef; z-index: 2; background-image: url('../images/loading.gif'); background-size: 32px 32px; background-position: 50% 50%; background-repeat: no-repeat; transition: opacity 300ms; pointer-events: none; transition-delay: 300ms; } #loading.loaded { opacity: 0; } /* pos.classes */ .center { position: absolute; left: 50%; top: 50%; width:100%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .centerleft { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .centerright { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .centertop { position: absolute; left: 50%; top: 0%; -webkit-transform: translateX(-50%) ; transform: translateX(-50%); } #menu { position: fixed; left: 0; top: 0; height: 100vh; max-width: 90%; width: 300px; z-index: 4; background: #fff; transition: all 300ms; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #menu.center { width:100%; } #menu .center-container { position:relative; width:100%; height:100%; } #menu .center-container .center { height:100%; } #menu .center-container .center ul { position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } #menu.active { -webkit-transform: translateX(0%); transform: translateX(0%); } #menu .menu-logo { font-family: 'Rotis'; width: 100%; height: 120px; font-size: 1.5em; color: #ccc; text-align: center; line-height: 105px; position: absolute; left: 0; top: 85px; text-transform: lowercase; z-index: 1; transition: all 100ms; pointer-events: none; } #menu ul { width: 100%; border-top: 1px solid #efefef; } #menu ul li a { display: block; text-align: center; font-size: 1em; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #efefef; padding: 15px 0; } #menu ul li.active a, #menu ul li a:hover { color: #000; } #menu ul.last { margin-top:15px; border:none; } #menu ul.last li a { padding:12px 65px 10px 65px; font-size:18px; font-weight:normal; line-height:21px; text-transform:none; border:none; } #menu #langmenu { position: absolute; left: 0; bottom: 2em; text-align: center; width: 100%; } #menu #langmenu a { padding: 0 5px; opacity: 0.5; } #menu #langmenu a.active { opacity: 1; } #inactive-overlay, #inactive-search-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 3; opacity: 0; pointer-events: none; transition: 300ms; cursor: none; } #inactive-overlay.active, #inactive-search-overlay.active { opacity: 1; pointer-events: all; } #inactive-overlay .close, #inactive-search-overlay .close { width: 30px; height: 30px; position: fixed; margin-left: -15px; margin-top: 0px; font-size: 3em; color: #424c76; line-height: 30px; text-align: center; font-weight: bold; opacity: 0; transition: margin 200ms; } #inactive-overlay:hover .close, #inactive-search-overlay:hover .close { opacity: 1; margin-top: -15px; } #fontswitch { position: fixed; display: flex; top: 20px; right: 20px; line-height: 1; border-radius: 3px; overflow: hidden; opacity: 0; transition: all ease 0.15s; z-index: 1000; background-color: #000; } #fontswitch:hover { opacity: 1; } #fontswitch .toggle { padding: 9px 0 11px 0; width: 70px; text-align: center; cursor: pointer; } #fontswitch .toggle.old { font-family: futura-pt, sans-serif!important; font-weight: 400; } #fontswitch .toggle.new { font-family: kiro, sans-serif!important; font-weight: 700; } #fontswitch .toggle.old { color: rgba(255,255,255,1); background-color: #666; } #fontswitch .toggle.new { color: rgba(255,255,255,0.5); background-color: transparent; } body.newfonts #fontswitch .toggle.old { color: rgba(255,255,255,0.5); background-color: transparent; } body.newfonts #fontswitch .toggle.new { color: rgba(255,255,255,1); background-color: #666; } #header { position: fixed; top: 0; left: 0; width: 100%; height:145px; background: #fff; transition: all 300ms; z-index: 2; } #header:after { height: 21px; width: 50%; position: absolute; right: 0; bottom: -20px; background: #fff; transition: all 300ms; } #header #logo { font-family: 'Rotis'; width: 100%; height:145px; font-size: 4em; color: #f00; text-align: center; line-height: 105px; position: absolute; left: 0; top: 0; text-transform: lowercase; z-index: 1; transition: all 100ms; } #header #logo h1 { font-weight: initial; } #header #logo .subtitle { position:relative; display:block; color:#666; z-index: 999; font-family:futura-pt, sans-serif; font-size:21px; line-height:18px; text-transform:none; } #header #logo h1 .subtitle { font-weight: lighter; } #header #menu-mobile { position: absolute; width: 56px; height: 56px; background: #424c76; border-radius: 3px; top: 50%; left:2%; margin-top: -28px; z-index: 2; background-image: url('../images/icons/menu-mobile.png'); background-size: 20px 20px; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; } #header #menu-mobile:after { position:absolute; top:12px; left:70px; content:"Menu"; color:#424c76; text-transform:uppercase; font-weight:bold; } #header #read-online { right: 2em; font-weight: 400; text-transform: uppercase; margin-top: 30px; z-index: 2; height: 150px; transition: margin 300ms, opacity 300ms; opacity: 0; } #header #read-online.loaded { opacity: 1; } #header #read-online a .circle { position:relative; float:left; display: block; width:150px; height:150px; border-radius:50%; background-color:#ad9b97; color:#fff; font-size: 1.3em; font-weight: bold; text-align: center; line-height: 1; z-index:2; } #header #read-online a:hover .circle { background-color: #424c76; color: #fff; } #header #read-online .circle span { width: 100%; display: block; } #header #read-online .circle span.center span { margin: 4px 0; font-size: 16px; } #header #read-online a .cover { position:relative; float:left; display:block; top:-36px; left:30px; -webkit-transform:rotate(-10deg); transform:rotate(-10deg); transition:all ease 0.15s; z-index:1; } #header #read-online a .cover img { height:200px; border:3px solid #fff; box-sizing:border-box; transition:height ease 0.15s; } #header #read-online a:hover .cover { left:20px; -webkit-transform:rotate(-5deg); transform:rotate(-5deg); } #header.compact { height: 80px; } #header.compact:after { bottom: 0; } #header.compact #read-online { margin-top: 0; } #header.compact #logo { height: 80px; line-height: 67px; font-size: 3em; } #header.compact #logo .subtitle { display:none; } #header.compact #read-online a .cover { top:18px; left:15px; } #header.compact #read-online a .cover img { height:120px!important; } #header.compact #read-online a:hover .cover { left:10px; } #header.compact #read-online a:hover .cover img { height:120px!important; } /* svg in logo, like & (ampersand) for meat & co */ #header #logo svg { display: inline-block; height: 50px; transform: translateY(3px); margin-left: -22px; margin-right: -24px; transition: height 20ms, margin 20ms; } #header.compact #logo svg { height: 35px; margin-left: -16px; margin-right: -18px; transform: translateY(1px); } #header #logo a:hover svg { fill: #666666; } .menu-logo svg { display: inline-block; height: 19px; transform: translateY(1px); margin-left: -8px; margin-right: -8px; fill: #ccc; transition: height 20ms, margin 20ms; } .header-spacer { height:145px; background: #fff; } #content { min-height: 100vh; transition: all 300ms; position: relative; z-index: 1; } #content #content-content { max-width: 2000px; margin: 0 auto; } #content #latest { background: #424c76; position: relative; width:calc(100% - 4%); margin-left:2%; overflow: hidden; /* background-image: url('../images/loading.gif'); background-size: 32px 32px; background-position: 50% 50%; background-repeat: no-repeat;*/ } #content #latest .black { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.25); } #content #latest span.label { position: absolute; DISPLAY:NONE; left: 2em; top: 2em; color: #fff; z-index: 999; font-size: 1.1em; line-height: 1.3; text-shadow:1px 1px 1px rgba(0,0,0,0.5); } #content #latest .cycle-slideshow { z-index: 1; width:101%; left:-0.5%; position: relative; } #content #latest .slide { width: 100%; display: block; position: relative; z-index: 1; overflow: hidden; box-sizing: border-box; } #content #latest .slide:before { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ""; opacity: 0.75; opacity: 0; z-index: 2; background-color: #000; background: rgb(0,0,0); background: linear-gradient(135deg, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%); } #content #latest .cycle-slideshow a { display: block; height:100%; } #content #latest a img { width:100%; display: block; z-index: 1; transition: opacity 500ms; opacity: 0; position: relative; /*top:50%; left: 50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);*/ } #content #latest a img.headerbig { } #content #latest a img.headersmall { display:none; } #content #latest a img.loaded { opacity: 1; } #content #latest a:hover img.loaded { opacity: 0.9; } #content #latest a .caption { position: absolute; right: 0; bottom: 0em; color: #fff; font-size:2.6em; z-index: 2; text-transform: uppercase; padding:1.2em 1.3em; line-height:1.2; text-align: right; transition: transform 300ms; max-width:650px; } #content #latest a:hover .caption { -webkit-transform: translateY(-20%); transform: translateY(-20%); } #content #latest a .caption strong, #content #latest a .caption h1 { font-weight: normal; text-shadow:1px 1px 3px rgba(0,0,0,0.4); } #content #latest a .caption strong em, #content #latest a .caption h1 em { font-style:normal; } #content #latest a .caption strong u, #content #latest a .caption h1 u { text-decoration:none; font-weight:bold; } #content #latest a .caption span.read { position: absolute; right:3.3em; bottom: 0px; background: #424c76; padding: 10px 15px; font-size: 20px; -webkit-transform: translateX(200%); transform: translateX(200%); transition: transform 100ms; transition-delay: 300ms; border-radius: 3px; letter-spacing:1px; font-weight:500; } #content #latest a:hover .caption span.read { -webkit-transform: translateX(0%); transform: translateX(0%); } #content #latest .pager { position: absolute; left: 2em; bottom: 2em; z-index: 999; } #content #latest .pager span { display: inline-block; width: 10px; height: 10px; background: #fff; overflow: hidden; color: transparent; margin-right: 10px; border-radius: 10px; cursor: pointer; } #content #latest .pager span:hover, #content #latest .pager span.cycle-pager-active { background:#424c76; } #content #content-container { padding: 3em 0; } #content .page_content h1 { font-size: 2.5em; font-family: futura-pt, sans-serif; color: #000; font-weight: normal; } #content .page_content h1 u { display:block; font-family:"Bodoni"; font-size:84px; text-decoration:none; text-transform:none; } #content .page_content.search ul li a { display:block; padding:25px 0 20px 15px; color:#666; border-bottom:1px solid #ccc; } #content .page_content.search ul li a:hover { color:#000; } #content .page_content.search ul li a .title { font-weight:normal; } #content .page_content.search ul li a .title u { text-decoration:none; } #content .page_content.search ul li a .title em { font-style:normal; } #content .page_content.search ul li a .snippet { line-height:28px; } #content .home-content { padding: 0em 4em; clear: both; } #content .home-content ul { padding: .5em 1em; list-style: initial; } #content .home-content h2 { font-family: bebas-neue, sans-serif; font-size: 1.4em; line-height: 1.4em; font-weight: lighter; margin-bottom: .5em; } #content #content-container .page_content { width: 1100px; box-sizing: border-box; float: left; padding-left:2%; font-size: 1.1em; } #content #content-container .page_content.default { /*padding-left:220px; padding-right:180px;*/ } #content #content-container .page_content h1 { } #content #content-container .page_content.default h1 { margin:12px auto 25px auto; font-size:2.5em; line-height:38px; } #content #content-container .page_content.default h2 { margin-top:10px; margin-bottom:15px; font-family:futura-pt, sans-serif; font-size:21px; color:#424c76; font-weight:600; line-height:32px; text-transform:uppercase; } #content.agenda #content-container .page_content h1 { margin:12px auto 40px auto; font-size:2.5em; line-height:38px; } #content #content-container .page_content p { margin-bottom:20px; } #content #content-container .page_content.default p { margin-bottom:20px; font-family:'Merriweather', serif; font-size:16px; font-weight:300; line-height:38px; } #content #content-container .page_content.default ul { margin:15px auto; font-family:'Merriweather', serif; list-style:inside; font-size:16px; line-height:38px; } #content #content-container .page_content.default ul li {} /* Agenda */ #content #content-container .page_content .agenda { margin-top:19px; } #content #content-container .page_content .agenda .item { position:relative; float:left; margin-bottom:15px; width:100%; background-color:#fff; } #content #content-container .page_content .agenda .item .plusje { position:absolute; top:20px; right:20px; width:25px; height:25px; font-size:24px; color:#fff; font-weight:normal; line-height:25px; text-align:center; border-radius:50%; pointer-events:none; background-color:#333; } #content #content-container .page_content .agenda .item:hover .plusje { background-color:#333; } #content #content-container .page_content .agenda .item .day-month { position:relative; float:left; padding-bottom:150px; width:150px; height:0; color:#000; font-weight:500; text-align:center; border-right:1px solid #efefef; box-sizing:border-box; overflow:hidden; } #content #content-container .page_content .agenda .item .day-month .center { position:absolute; top:48%; left:0; width:100%; -webkit-transform:translateY(-48%); transform:translateY(-48%); } #content #content-container .page_content .agenda .item .day-month .center .day { display:block; font-size:60px; /*color:#424c76;*/ line-height:60px; } #content #content-container .page_content .agenda .item .day-month .center .month { display:block; font-size:21px; line-height:28px; letter-spacing:2px; text-transform:uppercase; } #content #content-container .page_content .agenda .item .day-month a { color:#fff; } #content #content-container .page_content .agenda .item .text { position:relative; float:left; padding:40px; width:calc(100% - 150px); box-sizing:border-box; } #content #content-container .page_content .agenda .item .text h2 { text-transform:uppercase; } #content #content-container .page_content .agenda .item .text .spec { float:left; margin-right:16px; padding-left:30px; font-weight:400; background-size:16px; background-position:center left; background-repeat:no-repeat; } #content #content-container .page_content .agenda .item .text .spec.date { text-transform:lowercase; background-image:url(../images/icons/date.png); } #content #content-container .page_content .agenda .item .text .spec.location { background-image:url(../images/icons/location.png); } #content #content-container .page_content .agenda .item .text .spec.time { background-image:url(../images/icons/time.png); } #content #content-container .page_content .agenda .item .toggle { /*position:absolute;*/ top:0; right:0; width:100%; height:100%; cursor:pointer; } #content #content-container .page_content .agenda .item .hoekje { position:absolute; DISPLAY:NONE; bottom:0; right:0; cursor:pointer; transition:all ease 0.25s; } #content #content-container .page_content .agenda .item .hoekje { border:15px solid #e2e2e2; border-right:15px solid #eee; border-bottom:15px solid #eee; } #content #content-container .page_content .agenda .item:hover .hoekje, #content #content-container .page_content .agenda .item .toggle.on + .hoekje { border:10px solid #fff; border-right:10px solid #f9f9f9; border-bottom:10px solid #f9f9f9; } #content #content-container .page_content .agenda .item .content { display:none; float:left; padding:40px; padding-left:190px; width:100%; border-top:1px solid #efefef; box-sizing:border-box; } #content #content-container .page_content .agenda .item .content .description { position:relative; float:right; top:-8px; width:calc(100% - 190px); font-family:'Merriweather', serif; font-size:16px; font-weight:300; line-height:38px; /*pointer-events:none;*/ } #content #content-container .page_content .agenda .item .content a.foto { position:relative; float:left; margin-right:40px; width:150px; z-index:1; } #content #content-container .page_content .agenda .item .content a img { width:100%; } /* Team */ #content.team #team { float:left; margin-top:5%; width:100%; } #content.team #team .lid { float:left; margin-bottom:40px; width:100%; } #content.team #team .lid .foto { position:relative; float:left; width:200px; opacity:1; overflow:hidden; } #content.team #team .lid .foto:after { position:absolute; bottom:0; left:0; width:50%; height:10px; content:""; background-color:#eee; } #content.team #team .lid .foto:hover { opacity:0.95; } #content.team #team .lid .foto a { padding-bottom:100%; width:100%; height:0; } #content.team #team .lid .foto a img { display:block; width:100%; } #content.team #team .lid .text { float:left; margin-top:-6px; padding-left:25px; width:calc(100% - 200px); font-size:18px; font-weight:500; line-height:normal; box-sizing:border-box; } #content.team #team .lid .text .naam { margin-bottom:5px; font-size:32px; font-weight:600; text-transform:uppercase; } #content.team #team .lid .text .functie { margin-bottom:12px; font-size:21px; } #content.team #team .lid .text .email { margin-bottom:17px; } #content.team #team .lid .text .social a { display:block; float:left; margin:8px 8px 0 0; width:40px; height:40px; border-radius:2px; background-color:#424c76; background-position:center; background-size:20px; background-repeat:no-repeat; } #content.team #team .lid .text .social a.email { background-image:url(../images/social/icon_newsletter.png); background-size:25px; } #content.team #team .lid .text .social a.linkedin { background-image:url(../images/social/icon_linkedin.png); } #content.team #team .lid .text .social a:hover { background-color:#666; } /* Vacatures */ #content.vacatures #content-container .page_content { margin-bottom:80px; padding-left:2em; padding-right:0; } #content.vacatures #content-container .page_content .items { float:left; margin-top:0; padding-top:15px; box-sizing:border-box; } #content.vacatures #content-container .page_content .item { float:left; margin-bottom:40px; padding-bottom:40px; width:100%; border-bottom:1px solid #ccc; list-style:none; } #content.vacatures #content-container .page_content .item:last-child { margin-bottom:0; } #content.vacatures #content-container .page_content .item a { display:block; float:left; width:100%; color:#000; } #content.vacatures #content-container .page_content .item .logo { position:relative; float:left; padding-bottom:200px; width:200px; height:0; background-color:#fff; } #content.vacatures #content-container .page_content .item .logo img { position:absolute; top:50%; left:50%; width: 80%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } #content.vacatures #content-container .page_content .item .functie { position:relative; display:block; float:left; margin-bottom:15px; padding-left:42px; padding-right:21px; width:calc(100% - 200px); font-family:futura-pt, sans-serif; font-size:38px; line-height:42px; font-weight:normal; text-transform:uppercase; box-sizing:border-box; overflow:hidden; } #content.vacatures #content-container .page_content .item .omschrijving { position:relative; display:block; float:left; padding-left:42px; padding-right:21px; width:calc(100% - 200px); box-sizing:border-box; } /* Sidebar */ #sidebar-wrapper { position:relative; width: calc(100% - 1100px); box-sizing: border-box; float: left; min-height: 400px; } #sidebar-wrapper #sidebar { } #sidebar .column { width: 100%; float: left; box-sizing: border-box; /*padding: 0 2em;*/ padding:0 4em; position: relative; padding-bottom: 3em; } #search-sidebar .column.search { display:none; } #content #content-container #sidebar .column.search { display:block; } #content #content-container #sidebar .column.search .search-query-btn { position:absolute; top:0; right:0; margin:10px 10px 0 0; padding:5px 15px; font-size:12px; color:#fff; font-weight:bold; text-transform:uppercase; border-radius:2px; cursor:pointer; background-color:#000; } #content #content-container #sidebar .column.search .search-query-btn:hover { opacity:0.8; } #content #content-container #sidebar .column.search .search-query-loader { display: none; position:absolute; top:0; right:0; height: 100%; transform: scale(0.5);} #content #content-container #sidebar .column.search .search-query-loader img { height: 100%; } /* sidebar: Nieuwsbrief */ #sidebar .column.nieuwsbrief { } #sidebar .column.nieuwsbrief .title { margin-top:0; padding-bottom:0; } #sidebar .column.nieuwsbrief .title a { display:block; padding:20px 25px; color:#424c76; border-radius:3px; background-image:url(../images/icons/read.png); background-color:#fff; background-position:right 20px center; background-size:auto 30px; background-repeat:no-repeat; } #sidebar .column.nieuwsbrief .title a:hover { color:#000; /*background-image:url(../images/icons/read.png);*/ } /* sidebar: Vacatures */ #sidebar .column.vacatures { } #sidebar .column.vacatures .title { margin-bottom:10px; } #sidebar .column.vacatures .item { position:relative; float:left; margin-bottom:25px; width:100%; border-radius:3px; box-sizing:border-box; } #sidebar .column.vacatures .item:hover:before { position:absolute; top:0; right:0; width:100px; height:100%; content:""; background-image:url(../images/icons/read.png); background-position:center; background-size:25px; background-repeat:no-repeat; background-color:#fff; /*background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );*/ } #sidebar .column.vacatures .item:after { position:absolute; bottom:-10px; left:0; width:50%; height:10px; content:""; background-color:#fff; } #sidebar .column.vacatures .item:last-of-type { margin-bottom:0; } #sidebar .column.vacatures .item { display:block; padding:25px 25px 20px 25px; color:#000; background-color:#fff; } #sidebar .column.vacatures .item a { color:#000; } #sidebar .column.vacatures .item a:hover { color:#666!important; } #sidebar .column.vacatures .item .functie { margin-bottom:5px; font-family:futura-pt, sans-serif; font-size:18px!important; /*color:#424c76;*/ font-weight:500; line-height:normal; letter-spacing:0.5px; text-transform:uppercase; } #sidebar .column.vacatures .item .omschrijving { font-family:'Merriweather', serif; font-size:14px; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } a.btn { position:relative; display:block; float:left; margin:0 auto; margin-top:25px; padding:10px 25px; /*width:200px;*/ color:#fff; text-transform:uppercase; text-align:center; border-radius:3px; background-color:#000; } a.btn:hover { background-color:#424c76; } /* sidebar: Uitgelicht */ #sidebar .column.uitgelicht { } #sidebar .column.uitgelicht a { position:relative; display:block; padding-bottom:56%; width:100%; height:0; overflow:hidden; background-color:#424c76; } #sidebar .column.uitgelicht a:after { position:absolute; top:0; right:0; width:50%; height:10px; content:""; background-color:#eee; } #sidebar .column.uitgelicht .image { position:absolute; top:0; left:0; width:100%; height:100%; } #sidebar .column.uitgelicht .image:after { position:absolute; bottom:0; left:0; width:100%; height:40%; content:""; pointer-events:none; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } #sidebar .column.uitgelicht a:hover .image { opacity:0.9; } #sidebar .column.uitgelicht .image iframe { position:absolute; /*top:50%;*/ width:100%; height:100%; /*transform:translateY(-50%);*/ } #sidebar .column.uitgelicht .image img { position:absolute; top:50%; width:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } #sidebar .column.uitgelicht .bottom { position: absolute; display: flex; flex-direction: column; bottom: 0; } #sidebar .column.uitgelicht .title { position: relative; padding: 28px 0 0 66px; font-size: 24px; color: #fff; font-weight: 600; /* transform: scale(0.75); */ /* transform-origin: bottom left; */ text-shadow: 1px 1px 3px rgba(0,0,0,0.4); background-image: url(../images/icons/flashlight.png); background-position: left 26px top 32px; background-size: 30px; background-repeat: no-repeat; } #sidebar .column.uitgelicht .text { position: relative; padding:30px; padding-top:0; width:100%; box-sizing:border-box; transition:padding 300ms; } #sidebar .column.uitgelicht .text h2 { font-family:futura-pt, sans-serif; font-size:24px; color:#fff; font-weight:500; line-height:normal; letter-spacing:0.5px; text-transform:uppercase; text-shadow:1px 1px 3px rgba(0,0,0,0.4); } #sidebar .column.uitgelicht .text .snippet { DISPLAY:NONE; font-family:'Merriweather', serif; font-size:14px; color:#fff; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #sidebar .column.uitgelicht a span.read { position:absolute; bottom:30px; left:30px; padding:4px 15px 5px 15px; font-size:16px; color:#fff; font-weight:500; pointer-events:none; text-transform:uppercase; letter-spacing:1px; border-radius:3px; opacity:0; -webkit-transform:translateX(-200%); transform:translateX(-200%); transition:transform 100ms, opacity 100ms; background:#424c76; } #sidebar .column.uitgelicht a .text:hover { padding-bottom:86px; } #sidebar .column.uitgelicht a .text:hover + span.read { -webkit-transform:translateX(0%); transform:translateX(0%); opacity:1; } /* sidebar: Agenda */ #sidebar .column.agenda .title { margin-bottom:10px; } #sidebar .column.agenda .item { position:relative; float:left; margin-bottom:15px; width:100%; background-color:#fff; } #sidebar .column.agenda .item a { display: flex; } #sidebar .column.agenda .item .day-month { position:relative; float:left; padding-bottom:100px; width:100px; height:0; color:#000; font-weight:500; text-align:center; border-right:1px solid #efefef; box-sizing:border-box; overflow:hidden; } #sidebar .column.agenda .item .day-month .center { position:absolute; top:46%; left:0; width:100%; -webkit-transform:translateY(-46%); transform:translateY(-46%); } #sidebar .column.agenda .item .day-month .center .day { display:block; font-size:30px; /*color:#424c76;*/ line-height:38px; } #sidebar .column.agenda .item .day-month .center .month { display:block; font-size:16px; line-height:18px; letter-spacing:2px; text-transform:uppercase; } #sidebar .column.agenda .item .day-month a { color:#fff; } #sidebar .column.agenda .item .text { display: flex; flex-direction: column; justify-content: center; float:left; padding: 0 30px; padding-bottom: 2px; width:calc(100% - 100px); font-size:18px!important; line-height:normal; box-sizing:border-box; } #sidebar .column.agenda .item .text .spec { color:#000; font-weight:400; } #sidebar .column.agenda .item .text .name { font-weight:bold; text-transform:uppercase; } #sidebar .column.agenda .item .text .date_time span { margin-right:15px; text-transform:lowercase; } #sidebar .column.agenda .item .text .date_time span.scheidingsteken { margin-left:-10px; margin-right:5px; } #sidebar .column.agenda .item .text .location { display:none; } #sidebar .column.agenda .item .text .time { } #sidebar .column.agenda .item .toggle { position:absolute; top:0; right:0; width:100%; height:100%; cursor:pointer; } #sidebar .column.agenda .item .hoekje { position:absolute; DISPLAY:NONE; bottom:0; right:0; cursor:pointer; transition:all ease 0.25s; } #sidebar .column.agenda .item .hoekje { border:15px solid #e2e2e2; border-right:15px solid #eee; border-bottom:15px solid #eee; } #sidebar .column.agenda .item:hover .hoekje, #sidebar .column.agenda .item .toggle.on + .hoekje { border:10px solid #fff; border-right:10px solid #f9f9f9; border-bottom:10px solid #f9f9f9; } #sidebar .column.agenda .item .content { display:none; float:left; padding:40px; padding-left:190px; width:100%; border-top:1px solid #efefef; box-sizing:border-box; } #sidebar .column.agenda .item .content .description { position:relative; float:right; top:-8px; width:calc(100% - 190px); font-family:'Merriweather', serif; font-size:16px; font-weight:300; line-height:38px; pointer-events:none; } #sidebar .column.agenda .item .content a { position:relative; float:left; margin-right:40px; width:150px; z-index:1; } #sidebar .column.agenda .item .content a img { width:100%; } #sidebar .column.agenda a.btn { margin-top:15px; } .show-hide { transition:left ease 0.15s; } #content #content-container #sidebar .column img { display: block; width:100%; max-width:748px; } .column input { display: block; width: 100%; border: 0; background: #fff; font-size: 1.2em; box-sizing: border-box; padding: 10px; font-family: inherit; margin-top: 0.3em; padding-left: 50px; } form[name="search"] { position:relative; } form[name="search"]:after { position:absolute; display:block; top:0; left:0; width:50px; height:50px; content:""; background-image:url('../images/icons/zoom.png')!important; background-size:30px 30px; background-repeat:no-repeat; background-position:10px 50%; } .column .tags { float:left; padding-top:20px; } /*#content #content-container #sidebar .column .tags a { float: left; border-radius: 3px; background: #ddd; margin-right: 2px; margin-bottom: 2px; padding: 3px 10px; color: #000; }*/ .column .tags a { float: left; border-radius: 1px; background: #ddd; margin-right: 3px; margin-bottom: 3px; padding:5px 12px 4px 12px; color: #333; font-size: 13px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } .column .tags a:hover { background: #424c76; color: #fff; } #content #content-container #sidebar-wrapper.homepage .column.banner { } #content #content-container #sidebar-wrapper.item, #content #content-container #sidebar-wrapper.default { margin-top:15px; } #content #content-container #sidebar-wrapper.item .column { } /* news items */ #content #content-container .page_content .news-overview { /* news overview */ } #content #content-container .page_content .news-overview .item { margin-bottom: 2em; } #content #content-container .page_content .news-overview .item .image { width: 40%; float: left; background: #424c76; } #content #content-container .page_content .news-overview .item .image.no_image a { position:relative; display:block; width:100%; } #content #content-container .page_content .news-overview .item .image.no_image a .default_image-text { position:absolute; top:48%; width:100%; font-size:18px; color:rgba(0,0,0,0.15); font-weight:bold; text-transform:uppercase; text-align:center; -webkit-transform:translateY(-48%); transform:translateY(-48%); z-index:1; } #content #content-container .page_content .news-overview .item .image.no_image a .default_image-text strong { display:block; font-family:'Rotis'; font-size:48px; line-height:60px; text-transform:lowercase; } #content #content-container .page_content .news-overview .item .image img { display: block; width: 100%; } #content #content-container .page_content .news-overview .item .image:hover img { opacity: 0.9; } #content #content-container .page_content .news-overview .item .content { width: 60%; float: left; box-sizing: border-box; padding-left: 2em; padding-top: 1em; } #content #content-container .page_content .news-overview .item .content h2 { position:relative; font-size: 1.8em; line-height: 1.1; font-weight: normal; max-width:100%; margin-bottom:15px; text-transform: uppercase; display: block; height:85px; } #content #content-container .page_content .news-overview .item .content h2 .overflow { height:100%; } #content #content-container .page_content .news-overview .item .content h2 .overflow a { float:left; height:100%; overflow-y:hidden; } /*#content #content-container .page_content .news-overview .item .content h2 span.boxfitted { line-height:110%!important; }*/ #content #content-container .page_content .news-overview .item .content h2 em { font-style:normal; } #content #content-container .page_content .news-overview .item .content h2 u { text-decoration:none; font-weight:bold; } #content #content-container .page_content .news-overview .item .content h2 a { color: #000; } #content #content-container .page_content .news-overview .item .content .snippet { font-family:'Merriweather', serif; font-size:16px; font-weight:300; line-height:38px; } #content #content-container .page_content .news-overview .item .content .tools { margin-top: 1.3em; } #content #content-container .page_content .news-overview .item .content .tools a { display:inline-block; float:none; margin-right:0; /*padding-left: 30px; padding-right:1em;*/ background-size: 16px 16px; background-position: center left; background-repeat: no-repeat; color: #999; } #content #content-container .page_content .news-overview .item .content .tools .tag_wrapper { float:left; padding-left:30px; background-image:url('../images/icons/tags.png'); background-size:16px; background-position:left center; background-repeat:no-repeat; } #content #content-container .page_content .news-overview .item .content .tools .tag_wrapper:hover .tag a { color:#777; } #content #content-container .page_content .news-overview .item .content .tools .tag { float:left; } #content #content-container .page_content .news-overview .item .content .tools .tag:after { margin-right:5px; content:","; } #content #content-container .page_content .news-overview .item .content .tools .tag:last-child:after { content:none; } #content #content-container .page_content .news-overview .item .content .tools a.comments { DISPLAY:NONE; background-image: url('../images/icons/comment.png'); } #content #content-container .page_content .news-overview .item .content .tools a.leesmeer { display:block; padding-left:30px; width:100%; font-family:futura-pt, sans-serif; color:#222!important; font-weight:bold; text-transform:uppercase; line-height:30px; box-sizing: border-box; background-image: url('../images/icons/read.png'); } #content #content-container .page_content .news-overview .item .content .tools a.leesmeer:hover { opacity:0.6; } #content #content-container .page_content .news-overview .item .content .tools a.tags { float:left; /*width:calc(100% - 140px);*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing:border-box; } /*#content #content-container .page_content .news-overview .item .content .tools:hover a { color:#777; }*/ #content #content-container .page_content .news-overview .item .content .tools a:hover { color:#000!important; } #content #content-container .page_content .news-overview a.archive-link { float: left; margin: 0; margin-left: calc(40% + 2em); display: block; width: auto; background: #000; color: #fff; padding: 8px 30px; text-align: center; text-transform: uppercase; border-radius: 3px; } #content #content-container .page_content .news-overview a.archive-link:hover { background: #424c76; } #content #content-container .page_content .news-overview a.archive-link br { display:none; } #content #content-container .page_content .news-overview .inserted_banner { margin-bottom:2em; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } #content #content-container .page_content .news-overview .inserted_banner a { display:inline-block; margin-top:20px; margin-bottom:10px; width:100%; max-width:746px; } #content #content-container .page_content .news-overview .inserted_banner img { display:block; width:100%; } #content #content-container .page_content .news-overview .pagination { } #content #content-container .page_content .news-overview .pagination ul li span { display:block; float:left; margin:1px; margin-right:5px; width:38px; height:38px; color:#fff; font-weight:normal; line-height:38px; text-align:center; background-color:#424c76; } #content #content-container .page_content .news-overview .pagination ul li a span { display:block; margin:0; margin-right:4px; padding:0; width:40px; height:40px; color:#000; font-weight:bold; line-height:40px; background-color:#fff; background-position:center; background-size:auto 35%; background-repeat:no-repeat; } #content #content-container .page_content .news-overview .pagination ul li a:hover span { color:#666; } #content #content-container .page_content .news-overview .pagination ul li.arrow.first a span { background-image:url(../images/icons/first-last.png); } #content #content-container .page_content .news-overview .pagination ul li.arrow.prev a span { background-image:url(../images/icons/prev_article.png); } #content #content-container .page_content .news-overview .pagination ul li.arrow.next a span { background-image:url(../images/icons/read.png); } #content #content-container .page_content .news-overview .pagination ul li.arrow.last a span { -webkit-transform:rotate(180deg); transform:rotate(180deg); background-image:url(../images/icons/first-last.png); } #content #content-container .page_content .news-overview .pagination ul li.arrow a:hover span { opacity:0.6; } /* news article */ #content #content-container .page_content.news_item .media-article { position: relative; } #content #content-container .page_content.news_item .media-article.top { margin-bottom:58px; } #content #content-container .page_content .media-article a, #content #content-container .page_content .media-article img { display:block!important; width:100%; } #content.vacatures #content-container .page_content.news_item .media-article.top { float:right; margin-top:10px; margin-left:50px; margin-bottom:20px; width:200px; height:200px; background-color:#fff; } #content.vacatures #content-container .page_content.news_item .media-article.top img { position:absolute; display:block; top:50%; left:50%; max-width: 80%; max-height: 80%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } #content #content-container .page_content.news_item .media-article img { margin-bottom:20px; } #content #content-container .page_content .media-article.bottom { margin-top:80px; padding-bottom:5px; border-bottom:4px solid #fff; } #content #content-container .page_content .media-article.bottom .title { margin: 0; margin-bottom: 25px; font-size: 1.1em; font-weight: bold; line-height: 1; float: left; width:100%; box-sizing: border-box; color: #000; border-bottom:4px solid #fff; } #content #content-container .page_content .media-article.bottom .title span { position:relative; display:block; bottom:-4px; float:left; padding:20px 40px 0 40px; text-transform:uppercase; border:4px solid #fff; border-bottom:0; background-color:#efefef; } #content #content-container .page_content .media-article.bottom img:first-of-type { display:none; } /* hide first */ #content #content-container .page_content .media-article .gallery-container { float:left; width:102%; margin-left:-1%; padding-bottom:20px; } #content #content-container .page_content .media-article .gallery a { position:relative; float:left; margin:1%; padding-bottom:calc(((100% / 3) - 2%) / 3 * 2); width:calc((100% / 3) - 2% - 1px); height:0; } #content #content-container .page_content .media-article .gallery a:hover { /*opacity: 0.8;*/ } #content #content-container .page_content .media-article .gallery img { position:absolute; display:block; float: left; margin-bottom:0; width:100%; height:100%; } #content #content-container .page_content .media-article .gallery a.kiek:hover:after { position:absolute; top:20px; right:20px; width:32px; height:32px; content:""; border-radius:50%; background-image:url(../images/icons/zoom.png); background-color:#fff; background-position:center; background-size:75%; background-repeat:no-repeat; } #content #content-container .page_content .media-article .gallery a.kiek-video.video { overflow:hidden; } #content #content-container .page_content .media-article .gallery a.kiek-video.video img { object-fit:cover; } #content #content-container .page_content .media-article .gallery a.kiek-video.video span.caption { position:absolute; bottom:0; padding:7px 10px 8px 10px; width:100%; font-size:16px; color:#fff; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box; transition:transform ease 0.08s; background-color:rgba(0,0,0,0.25); } #content #content-container .page_content .media-article .gallery a.kiek-video.video:hover span.caption { -webkit-transform:translateY(100%); transform:translateY(100%); } #content #content-container .page_content .media-article .gallery a.kiek-video.video:after { position:absolute; top:20px; right:20px; width:32px; height:32px; content:""; border-radius:50%; background-image:url(../images/icons/play.png); background-color:#fff; background-position:center; background-size:70%; background-repeat:no-repeat; } #content #content-container .page_content .media-article .gallery a.kiek-video.video:hover { opacity:1; } #kiek-title span { display:none!important; } #content #content-container .page_content.news_item .media-article .date { position: absolute; right: 0; bottom: 0; background: #EEEEEE; padding:17px 13px 13px 17px; line-height: 1; font-size: 1.1em; color: #999; width: calc(50% - 30px); } .lees_ook { margin-top:40px; padding-bottom:50px; border-bottom:4px solid #fff; } .lees_ook h3 { float:left; margin-bottom:5px; width:100%; font-weight:bold; text-transform:uppercase; font-size:24px; color:#000; } .lees_ook .items { } .lees_ook .items a { float:left; width:100%; font-size:24px; color:#000; line-height:36px; } .lees_ook .items a:before { } .lees_ook .items a:hover { opacity:0.6; } .lees_ook .items .item { float:left; margin:10px 0; width:100%; } .lees_ook .items .item .image { float:left; width:130px; } .lees_ook .items .item .image img { display:block; width:100%; } .lees_ook .items .item .content { float:left; padding-top:.9em; padding-left:1.5em; width:calc(100% - 130px); box-sizing:border-box; padding-right: 4em; } .lees_ook .items .item .content h2 a { position:relative; font-size:1.2em; line-height:1.1; font-weight:normal; max-width:100%; margin-bottom:15px; text-transform:uppercase; display:block; height:55px; overflow:hidden; } .lees_ook .items .item .content h2 u { text-decoration:none; } .lees_ook .items .item .content h2 em { font-style:normal; } #content.vacatures .date { display:none; } #content #content-container .page_content.news_item h1 { text-align:left; font-size:48px; line-height:1.2; text-transform:uppercase; /* max-width: 700px; */ margin:0 auto; padding-bottom: 1.5em; } #content #content-container .page_content.news_item h1 strong { } #content #content-container .page_content.news_item h1 em { display:block; margin:12px 0; color:#424c76!important; line-height:75px; font-style:normal; } #content #content-container .page_content.news_item h1 u { } #content #content-container .page_content .article { position:relative; margin:0 auto; max-width:700px; min-height:323px; } #content #content-container .page_content .article.empty { max-width:880px; } #content #content-container .page_content.news_item .article { font-family:'Merriweather', serif; font-size:16px; font-weight:300; line-height:38px; } #content #content-container .page_content.news_item .article img { /*width:141px;*/ max-width:100%; height:auto; } #content #content-container .page_content .article ul { margin-bottom:20px; } #content #content-container .page_content .article ul li { margin-left:20px; list-style:disc; list-style-position:outside; } /* STYLE VOOR INGEKADERDE TEKST (EVT BRUIKBAAR VOOR LATER) */ /*#content #content-container .page_content.news_item .article u { display:block; padding:50px 35px 55px 35px; text-decoration:none; box-sizing:border-box; border:2px solid #ccc; } #content #content-container .page_content.news_item .article u strong { color:#424c76; }*/ .article .article-container { float:left; margin-bottom:20px; width:100%; font-style:italic; OPACITY:0; } .article .eta { float:left; margin-right:5px; } .article .eta:before { content:"Lengte: "; } .article .word-count { float:left; } .article .word-count:before { content:"("; } .article .word-count:after { content:" woorden)"; } #share-buttons { position:absolute; top:10px; left:-50px; padding:2px 8px 2px 14px; background-color:#fff; -webkit-transform:rotate(90deg); transform:rotate(90deg); -webkit-transform-origin:top left; transform-origin:top left; } #share-buttons.sticky { position:fixed; } #share-buttons .label { float:left; margin-right:10px; left:-83px; top:-100px; z-index:1; font-family:futura-pt, sans-serif; font-size:18px; font-weight:bold; text-transform:uppercase; } #share-buttons a { position:relative; float:left; z-index:2; display:block; width:26px; height:26px; background-color:#424c76; background-size:18px; background-position:50%; background-repeat:no-repeat; border-radius:3px; margin-left:6px; margin-top:6px; border:0; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); } #share-buttons a.fb { background-image: url('../images/social/icon_facebook.png'); } #share-buttons a.tw { background-image: url('../images/social/icon_twitter.png'); } #share-buttons a.gp { background-image: url('../images/social/icon_googleplus.png'); } #share-buttons a.li { background-image: url('../images/social/icon_linkedin.png'); background-size:16px; } #share-buttons a:hover { background-color:#000; } .links { margin:75px calc((100% - 700px) /2); margin-top:50px; width:100%; max-width:700px; } .links a.file, .links a.link { position:relative; display:block; float:left; margin:15px 5px 0 0; padding:4px 15px 4px 35px; font-size:18px; color:#000; font-weight:normal; background-color:#fff; } .links a.file:hover, .links a.link:hover { opacity:0.8; } .links a.file:before, .links a.link:before { position:absolute; left:0; top:0; width:35px; height:100%; content:""; background-position:center; background-size:auto 12px; background-repeat:no-repeat; } .links a.file:before { -webkit-transform:rotate(-90deg); transform:rotate(-90deg); background-image:url(../images/icons/first-last.png); } .links a.link:before { background-image:url(../images/icons/link.png); background-size:auto 14px; } /*a.terug { display:block; float:left; margin-bottom:20px; padding-left:25px; width:100%; font-family:futura-pt, sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase; box-sizing:border-box; background-image:url(../images/icons/terug.png); background-position:left center; background-size:auto 16px; background-repeat:no-repeat; }*/ a.terug { position:fixed; top:0; left:0; /*left:220px;*/ z-index:10000; display:block; float:left; margin-bottom:20px; padding:10px 20px; padding-left:40px; font-family:futura-pt, sans-serif; font-size:16px; color:#000; font-weight:bold; text-transform:uppercase; transition:all ease 0.15s; box-sizing:border-box; background-color:#fff; background-image:url(../images/icons/prev_article.png); background-position:left 14px center; background-size:auto 15px; background-repeat:no-repeat; } a.terug:hover { padding-top:15px; padding-bottom:15px; color:#000; } #content #content-container .page_content.news_item .article p { } #content #content-container .page_content.news_item .article p:first-of-type { line-height:36px!important; } #content #content-container .page_content.news_item .article p:first-of-type strong { font-family:futura-pt, sans-serif; font-size:18px; font-weight:500; letter-spacing:0.5px; text-transform:uppercase; } #content #content-container .page_content.news_item .article h2 { margin-top:10px; margin-bottom:15px; width:100%; font-family:futura-pt, sans-serif; font-size:21px; color:#424c76; font-weight:600; line-height:32px; text-transform:uppercase; } #content #content-container .page_content.news_item .article strong { font-weight:500; } #content #content-container .page_content.news_item .nav { float:left; margin-top:3em; margin-bottom:3em; width:100%; } #content #content-container .page_content.news_item .nav a { color:#333; font-weight:bold; } #content #content-container .page_content.news_item .nav a:hover { color:#666; } #content #content-container .page_content.news_item .nav a img { vertical-align:middle; margin-right:20px; height:40px; } #content #content-container .page_content.news_item .nav a:hover img { opacity:0.6; } #content #content-container .page_content.news_item .nav a.meer { float:left; margin-right:25%; width:25%; } #content #content-container .page_content.news_item .nav a.vorige { float:left; width:25%; } #content #content-container .page_content.news_item .nav a.volgende { float:left; width:25%; } #content #content-container .page_content.news_item .nav a br { display:none; } /* UNUSED (COMMENTS BIJ POST) #content #content-container .page_content.news_item .comments { float:left; padding-top:40px; width:100%; border-top:4px solid #fff; box-sizing:border-box; } #content #content-container .page_content.news_item .comments .title { margin-bottom:40px; padding-left:45px; font-size:1.3em; color:#000; font-weight:bold; text-transform:uppercase; background-image:url(../images/icons/comment.png); background-position:left center; background-size:auto 55%; background-repeat:no-repeat; } #content #content-container .page_content.news_item .comments .reageren { float:left; margin:0 0 40px 0; width:100%; } #content #content-container .page_content.news_item .comments .reageren textarea { margin:0; padding:25px 30px 30px 30px; width:100%; margin-bottom:10px; font-family:'Merriweather', serif; font-size:16px; font-weight:300; line-height:32px; border:none; box-sizing:border-box; } #content #content-container .page_content.news_item .comments .comment { float:left; margin-bottom:20px; width:100%; } #content #content-container .page_content.news_item .comments .comment .photo { float:left; width:100px; } #content #content-container .page_content.news_item .comments .comment .photo img { width:100%; } #content #content-container .page_content.news_item .comments .comment .content { float:left; padding:35px 55px 40px 40px; width:calc(100% - 100px); box-sizing:border-box; background-color:#fff; } #content #content-container .page_content.news_item .comments .comment .content .text { margin-bottom:10px; font-family:'Merriweather', serif; font-size:16px; font-weight:300; line-height:32px; } #content #content-container .page_content.news_item .comments .comment .content .date { font-size:0.8em; color:#333; font-weight:bold; } #content #content-container .page_content.news_item .comments .reageer { float:left; margin-top:30px; margin-left:100px; color:#424c76; font-weight:bold; cursor:pointer; } #content #content-container .page_content.news_item .comments .reageer:hover { color:#666; } */ /* CONTACT */ form { position: relative; } #content #contact { } #content #contact form { width: 100%; } #content #contact h2 { margin-top:40px!important; } #content #contact form .field { padding: 10px 0; clear: both; position:relative; width: auto; } #content #contact form .field label { clear: both; display: block; margin: 0; padding: 0; font-weight: bold; } #content #contact form .field.radio label:nth-child(n+2) { float:left; clear:none; margin-top:5px; margin-right:25px; margin-bottom:13px; height:auto; font-family:futura-pt, sans-serif; font-size:21px; font-weight:400; line-height:38px; cursor:pointer; } #content #contact form .field.radio label:nth-child(n+2) label.error { bottom:auto; margin:4px 0 0 0; font-size:0.9em; line-height:1.2; } #content #contact form .field p label { float:left; clear:none; margin-top:5px; margin-right:25px; margin-bottom:13px; font-family:futura-pt, sans-serif; font-size:21px; font-weight:400; cursor:pointer; } /*#content #contact form .field.radio label,*/ #content #contact form .field.checkbox label { height:20px; line-height:20px; } #content #contact form input, #content #contact form textarea, #content #contact form select { padding:12px; font-family:'Merriweather', serif; font-size:16px; color: #333; font-weight:300; line-height:27px; border:none; width: 100%; float: left; margin-top:5px; border-radius:3px; box-sizing: border-box; } #content #contact form textarea { min-height: 150px; max-height: 300px; max-width: 100%; /* prevent freestyle scaling */ } #content #contact form input[type=checkbox] { } #content #contact form input[type=radio] { position:relative; display:inline; margin:5px 15px 0 0; padding:0; width:30px; height:30px; cursor:pointer; border:none; border-radius:50%; overflow:hidden; -webkit-appearance:none; background-color:#fff; } #content #contact form input[type=radio]:after { position:absolute; display:block; margin:30%; width:40%; height:40%; content:""; border-radius:50%; box-sizing:border-box; } #content #contact form input[type=radio]:checked:after { background-color:#424c76; } #content #contact form input.submit { clear: both; cursor: pointer; border: 0; -webkit-appearance: none; position:relative; display:block; float:left; margin:0 auto; margin-top:25px; padding:10px 0; width:200px; font-family:futura-pt, sans-serif; font-size:21px; color:#fff; font-weight:300; text-transform:uppercase; text-align:center; border-radius:3px; background-color:#424c76; } #content #contact form input.submit:hover { cursor: pointer; background-color:#666; } #content #contact form br { display: none; } #content #contact form label.error { background: #ed2024; background: rgba(237,32,36,0.9); color: #fff; font-size: .9em; width: auto; text-align: center; padding: 5px 10px!important; position: absolute; bottom:0; right: -4px; font-weight: normal!important; line-height:1.2; border-radius: 1px; /*box-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/ } #content #contact form p label.error { margin:0; font-size:19px; } #content #contact div.field.bc { display: none; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; box-shadow: 0 0 0px 1000px white inset; } #contact_thanks { float:left; font-family:'Merriweather', serif; font-size:16px; font-weight:300; line-height:38px; background-color:#fff; width:100%; box-sizing:border-box; margin-top:10px; padding:30px 40px 35px 40px; } #map_canvas { } /* FOOTER */ #footer { position: relative; /*min-height: 200px;*/ background: #fff; color: #000; transition: all 300ms; box-sizing: border-box; padding:2em 0em 2.5em 0em; z-index: 1; } #footer a { color:#000!important; } #footer #footer-content { max-width: 2000px; margin: 0 auto; padding:0 4% 0 2%; box-sizing:border-box; } /*#footer:before { height: 20px; width: 50%; position: absolute; right: 0; top: -20px; background: #fff; transition: all 300ms; }*/ #footer .column { width:25%; float: left; border-right: 2px solid #efefef; box-sizing: border-box; padding: 0 2em; min-height: 200px; } #footer .item { float:left; width:250px; font-weight:500; } #footer .item .title { color:#000; font-size:1.3em; font-weight:bold; } #footer .item .title a { color:#000; } #footer .item.voorwaarden { float:right; width:auto; max-width: 400px; font-size: 1em; font-weight: 400; } #footer .item.voorwaarden a { text-decoration: underline; } #footer .item.voorwaarden a:hover { /*opacity: 0.8;*/ text-decoration: none; } /* footer: Agenda */ #footer .column.agenda { } #footer .column.agenda .items { float:left; margin-top:5%; width:100%; } #footer .column.agenda .items .item { float:left; width:100%; } #footer .column.agenda .items .item a { color:#000; } #footer .column.agenda .items .item .day-month { position:relative; float:left; padding-bottom:35%; width:35%; height:0; color:#fff; font-weight:500; text-align:center; overflow:hidden; background-color:#222; } #footer .column.agenda .items .item .day-month:after { position:absolute; bottom:0; left:0; width:50%; height:10px; content:""; background-color:#fff; } #footer .column.agenda .items .item .day-month .center { position:absolute; top:48%; left:0; width:100%; -webkit-transform:translateY(-48%); transform:translateY(-48%); } #footer .column.agenda .items .item .day-month .center .day { display:block; font-size:60px; line-height:60px; } #footer .column.agenda .items .item .day-month .center .month { display:block; font-size:21px; line-height:28px; letter-spacing:2px; text-transform:uppercase; } #footer .column.agenda .items .item .day-month a { color:#fff; } #footer .column.agenda .items .item .text { float:left; margin-top:-5px; padding-left:25px; width:65%; font-size:18px; font-weight:500; line-height:26px; box-sizing:border-box; } #footer .column.agenda .items .item .text .name { margin-bottom:1px; font-size:21px; /*color:#424c76;*/ font-weight:600; text-transform:uppercase; } #footer .column.agenda .items .item .text .date_time span { display:block; } #footer .column.agenda .items .item .text .location { } #footer .column.agenda .items .item:hover .day-month { opacity:0.95; } #footer .column.agenda .items .item:hover .text { opacity:0.8; } /* footer: Team */ #footer .column.team { } #footer .column.team .items { float:left; margin-top:5%; width:100%; } #footer .column.team .items .item { float:left; width:100%; } #footer .column.team .items .item .foto { position:relative; float:left; width:35%; opacity:1; /*border-radius:50%;*/ overflow:hidden; } #footer .column.team .items .item .foto:after { position:absolute; bottom:0; left:0; width:50%; height:10px; content:""; background-color:#fff; } #footer .column.team .items .item .foto:hover { opacity:0.95; } #footer .column.team .items .item .foto a { padding-bottom:100%; width:100%; height:0; } #footer .column.team .items .item .foto a img { display:block; width:100%; } #footer .column.team .items .item .text { float:left; margin-top:-6px; padding-left:25px; width:65%; font-size:18px; font-weight:500; line-height:normal; box-sizing:border-box; } #footer .column.team .items .item .text .naam { margin-bottom:2px; font-size:21px; /*color:#424c76;*/ font-weight:600; text-transform:uppercase; } #footer .column.team .items .item .text .functie { margin-bottom:10px; } #footer .column.team .items .item .text .email { margin-bottom:17px; } #footer .column.team .items .item .text .social a { display:block; float:left; margin:8px 5px 0 0; width:30px; height:30px; border-radius:2px; background-color:#424c76; background-position:center; background-size:16px; background-repeat:no-repeat; } #footer .column.team .items .item .text .social a.email { background-image:url(../images/social/icon_newsletter.png); background-size:20px; } #footer .column.team .items .item .text .social a.linkedin { background-image:url(../images/social/icon_linkedin.png); } #footer .column.team .items .item .text .social a:hover { background-color:#666; } /* footer: Signature */ #footer .column.signature { } #footer .column.signature img { width:275px; display:block; margin:35px 20px 20px 20px; } /* footer: Contact */ #footer .column.contact { float:right; text-align:right; } #footer .column.contact ul { margin-top:15px; font-size:18px; font-weight:500; line-height:26px; } #footer .column.contact ul li:first-of-type { margin-bottom:1px; font-size:21px; /*color:#424c76;*/ font-weight:600; text-transform:uppercase; } #footer .column:last-of-type { /*width:50%;*/ border-right: 0; } #footer .column .title, .column .title { font-weight: bold; text-transform: uppercase; color: #000; padding-bottom: 0.1em; font-size: 1.3em; margin-top: -13px; /* uitlijnen met foto links. */ } #footer .column .title a, .column .title a { color:#000; } #copyright { text-align: center; background: #fff; border-top: 2px solid #efefef; font-family: 0.3em; padding: 1em 0; color: #999; } /* social media buttons (in #latest)*/ #social-media-buttons { position: absolute; right: 3em; top: 3.5em; z-index: 3; } #social-media-buttons a { display: block; width: 40px; height: 40px; background: #424c76; background-image: url('../images/social/icon_instagram.svg'); background-size: 20px 20px; background-position: 50% 50%; background-repeat: no-repeat; float: left; margin: 10px; margin-right: 0; border-radius: 3px; } #social-media-buttons a.tw { background-image: url('../images/social/icon_x.svg'); background-size: 14px; } #social-media-buttons a.fb { background-image: url('../images/social/icon_facebook.png'); } #social-media-buttons a.in { background-image: url('../images/social/icon_instagram.svg'); background-size: 16px; } #social-media-buttons a.yt { background-image: url('../images/social/icon_youtube.png'); } #social-media-buttons a.li { background-image: url('../images/social/icon_linkedin.png'); } #social-media-buttons a.gp { background-image: url('../images/social/icon_googleplus.png'); } #social-media-buttons a.newsletter { background-image: url('../images/social/icon_newsletter.png'); } #social-media-buttons a:hover { background-color: #000; } /* inactive fx */ .inactive { -webkit-transform: translateX(300px); transform: translateX(300px); } /* disable selection */ #menu, #header, #latest, #footer { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }