.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } }.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }@keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } }@keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } }@keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } }.shake{-webkit-animation-name:shake;animation-name:shake}@-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); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }@keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } }.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }@keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } }.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } }@keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } }.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } }@keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }@keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }@keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } }@keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } }.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }@keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } }.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }@keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }@keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }@keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }@keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }@keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } }@keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } }.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } }@keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } }.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } }@keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } }.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }@keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } }@keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } }.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }@keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } }@keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } }.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }@keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }@keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } }.animated.flip{-webkit-backface-visibility:visible;-ms-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; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } }@keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } }.flipInX{-webkit-backface-visibility:visible!important;-ms-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; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } }@keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } }.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } }@keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-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;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } }@keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } }.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } }@keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); 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% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } }@keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) 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% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }@keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }@keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }@keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }@keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } }@keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } }.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } }@keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } }.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }@keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }@keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }@keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } }.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }@keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } }.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } }@keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } }@keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } }.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } }@keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } }.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } }@keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } }.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } }@keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } }.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; 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); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -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; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } }@keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } }.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } }@keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } }.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } }@keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } }.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}:root{--text-color:#444;--primary-color:#013555;--secondary-color:#837a18;--dark-color:#363636;--bg-color:#f2f2f2;--white:#fff;--black:#000;--warning:#d12929;--filter-primary:brightness(0) saturate(100%) invert(13%) sepia(88%) saturate(1624%) hue-rotate(181deg) brightness(89%) contrast(99%);--filter-secondary:brightness(0) saturate(100%) invert(46%) sepia(12%) saturate(4066%) hue-rotate(22deg) brightness(93%) contrast(81%);--filter-white:brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);--container-width:1320px;--rest-space:calc(100vw - var(--container-width));--half-space: calc(var(--rest-space) / 2);--font-awsome:"Font Awesome 6 Pro"}@media (min-width:1400px){.container{max-width:var(--container-width)}}*{outline:0!important}body{font-family:'Roboto',sans-serif;font-size:1.125rem;font-weight:400;font-style:normal;color:var(--text-color);line-height:1.5}h1{font-family:'Roboto',sans-serif;font-size:4.375rem;font-weight:700;font-style:normal;color:var(--white);line-height:1.1;margin:0 0 30px 0}h2{font-family:'Roboto',sans-serif;font-size:2.188rem;font-weight:700;font-style:normal;color:#000;line-height:1.1;margin:0 0 20px 0}h3{font-family:'Roboto',sans-serif;font-size:1.375rem;font-weight:700;font-style:normal;color:var(--primary-color);line-height:1.1;margin:20px 0 10px 0}h4{font-family:'Roboto',sans-serif;font-size:1rem;font-weight:400;font-style:normal;color:var(--primary-color);line-height:1.1;margin:15px 0 5px 0}.btn{text-transform:uppercase;padding:12px 40px;border-width:2px;font-weight:700;transition:all .5s}.btn.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)!important}.btn.btn-primary:hover{background-color:var(--white);border-color:var(--primary-color);color:var(--primary-color)!important}.btn.btn-primary:active{background-color:var(--white);border-color:var(--primary-color);color:var(--primary-color)!important}.btn.btn-secondary{background-color:var(--white);border-color:var(--secondary-color);color:var(--secondary-color)!important}.btn.btn-secondary:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--white)!important}.btn.btn-secondary:active{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--white)!important}.btn.btn-success{}.btn.btn-success:hover{}.btn.btn-success:active{}.btn.btn-warning{}.btn.btn-warning:hover{}.btn.btn-warning:active{}.btn.btn-info{color:var(--primary-color);background-color:var(--white);border:2px solid var(--primary-color)}.btn.btn-info:hover{color:var(--white);background-color:var(--primary-color);border-color:var(--white)}.btn.btn-info:active{}.btn.btn-default{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)!important}.btn.btn-default:hover{background-color:var(--white);border-color:var(--primary-color);color:var(--primary-color)!important}.btn.btn-default:active{background-color:var(--white);border-color:var(--primary-color);color:var(--primary-color)!important}.container-fluid.content a:not(.btn){}.container-fluid.content a:not(.btn):hover{}.container-fluid.content a:not(.btn):active{}.container-fluid.content ul{}.container-fluid.content ul li{list-style:none;position:relative}.container-fluid.content ul li:before{content:"\f105";font-family: var(--font-awsome);font-weight:400;font-style:normal;position:absolute;left:-20px}.container-fluid.content .image{overflow:hidden}.container-fluid.content .image img{border-radius:5px;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}.container-fluid.content .image:hover img{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);transform:scale(1.08)}.row>.container{width:100%;margin-right:auto;margin-left:auto}.container-fluid.notification{background:var(--warning);font-size:1rem;color:var(--white);text-align:center;text-transform:uppercase}.container-fluid.notification a{color:#fff;text-decoration:none}.container-fluid.notification a:hover{color:#fff;text-decoration:underline}.container-fluid.notification p{margin:5px 0}.container-fluid.top{}.container-fluid.navigatie{}.container-fluid.navigatie .navbar-brand{max-width:240px;width:100%}.container-fluid.navigatie .navbar-brand img{width:100%}.container-fluid.navigatie .navbar-nav{}.container-fluid.navigatie .navbar-nav .nav-item{}.container-fluid.navigatie .navbar-nav .nav-item .nav-link{}.container-fluid.navigatie .navbar-nav .dropdown.nav-item:hover .dropdown-menu{display:block}.navbar-toggler:focus{box-shadow:none!important}.container-fluid.navigatie .navbar-toggler{border:0;border-radius:0;padding-right:0}.container-fluid.slider .col-md-12{padding:0}.container-fluid.slider img{width:100%}.container-fluid.banner{padding:0}.container-fluid.banner img{width:100%}.container-fluid.content{}.container-fluid.breadcrumb{}.block.breadcrumb{padding:0;margin-bottom:0}.block.breadcrumb ul{padding-left:0;margin-bottom:0}.block.breadcrumb ul li{list-style:none;display:inline;color:#aaa}.block.breadcrumb ul li.breadcrumarrow:after{content:"\f105";font-family:'Font Awesome 6 Pro';font-weight:400;font-style:normal;margin:0 10px}.block.breadcrumb ul li a{font-weight:300;color:#aaa}.block.breadcrumb ul li:last-child a{font-weight:500;color:#aaa}.block.availability{position:relative;float:right}.block.availability .availa_column .available:before{content:'\f111';font-family:'Font Awesome 6 Pro';font-size:8px;font-weight:900;color:#41ab34;display:block;position:absolute;left:5px;top:0}.block.availability .availa_column .not_available:before{content:'\f111';font-family:'Font Awesome 6 Pro';font-size:8px;font-weight:900;color:#ff0004;display:block;position:absolute;left:5px;top:0}.block.availability .availa_column .available,.block.availability .availa_column .not_available{padding-left:25px}.block.list.input{}.block.list.input .col-md-6.col-lg-4{margin-bottom:30px}.block.list.input a{color:var(--text-color)}.block.list.input a:hover{color:var(--text-color);text-decoration:none}.block.list.input .item{position:relative;height:100%;border:1px solid #eee}.block.list.input .item .image{position:relative}.block.list.input .item .image img{}.block.list.input .item .content{padding:20px 20px 70px 20px}.block.list.input .item .content h3{margin-top:0}.block.list.input .item .content .text{}.block.list.input .item .content .btn.btn-primary{position:absolute;bottom:20px;right:20px}.block.list.news{}.block.list.news .col-md-6.col-lg-4{margin-bottom:30px}.block.list.news a{color:var(--text-color)}.block.list.news a:hover{color:var(--text-color);text-decoration:none}.block.list.news .item{position:relative;height:100%;border:1px solid #eee}.block.list.news .item .image{position:relative}.block.list.news .item .image img{}.block.list.news .item .image .overlay{position:absolute;bottom:10px;right:10px}.block.list.news .item .image .overlay span{background:#000;color:#fff;padding:5px}.block.list.news .item .content{padding:20px 20px 70px 20px}.block.list.news .item .content h3{margin-top:0}.block.list.news .item .content .text{}.block.list.news .item .content .btn.btn-primary{position:absolute;bottom:20px;right:20px}.block.list.logoslider{}.block.list.logoslider .item{padding:0}.block.list.vacatures{}.block.list.vacatures .col-md-6.col-lg-4{margin-bottom:30px}.block.list.vacatures a{color:var(--text-color)}.block.list.vacatures a:hover{color:var(--text-color);text-decoration:none}.block.list.vacatures .item{position:relative;height:100%;border:1px solid #eee}.block.list.vacatures .item .image{position:relative}.block.list.vacatures .item .image img{}.block.list.vacatures .item .image .overlay{position:absolute;bottom:10px;right:10px}.block.list.vacatures .item .image .overlay span{background:#000;color:#fff;padding:5px}.block.list.vacatures .item .content{padding:20px 20px 70px 20px}.block.list.vacatures .item .content h3{margin-top:0}.block.list.vacatures .item .content .text{}.block.list.vacatures .item .content .btn.btn-primary{position:absolute;bottom:20px;right:20px}.block.list.accordion{}.block.list.accordion .accordion-item{margin-bottom:20px;border:0}.accordion-item:first-of-type .accordion-button{border-top-left-radius:0;border-top-right-radius:0}.block.list.accordion .accordion-item h3{padding-bottom:0;border:0}.block.list.accordion .accordion-item h3.accordion-header{width:100%;margin:0}.block.list.accordion .accordion-item .accordion-header .accordion-button{background:#eee}.accordion-button:focus{border-color:transparent;box-shadow:none!important}.block.list.team{}.block.list.team .col-md-6.col-lg-4{margin-bottom:30px}.block.list.team a{color:var(--text-color)}.block.list.team a:hover{color:var(--text-color);text-decoration:none}.block.list.team .item{position:relative;height:100%;border:1px solid #eee}.block.list.team .item .image{position:relative}.block.list.team .item .image img{}.block.list.team .item .image .overlay{position:absolute;bottom:10px;right:10px}.block.list.team .item .image .overlay span{background:#000;color:#fff;padding:5px}.block.list.team .item .content{padding:20px}.block.list.team .item .content h3{margin-top:0}.block.list.team .item .content h4{margin-top:0}.block.list.team .item .content .functie{}.row.maps .col-lg-12{padding:0}.row.maps .block.html.map{margin-top:25px;margin-bottom:-59px}.block.gallery .item{position:relative;margin-bottom:30px}.block.gallery .item .text{position:absolute;bottom:0;left:20px;width:100%}.block.gallery .item .text .title{}.block.gallery .item .text .title h2{font-size:26px;font-weight:500;color:#fff;text-shadow:2px 2px 5px rgba(0,0,0,.8)}.block.gallery .item .overlay{visibility:hidden;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(66,66,66,.5);transition:all .2s ease-in-out}.block.gallery .item .overlay span{position:absolute;top:calc(50% - 15px);left:0;width:100%;text-align:center;font-size:30px;color:#fff}.block.gallery .item:hover .overlay{visibility:visible;opacity:1}.block.gallery .gallery_top{margin-bottom:20px}.block.calendar{}.block.calendar .col-md-6.col-lg-4{margin-bottom:30px}.block.calendar a{color:var(--text-color)}.block.calendar a:hover{color:var(--text-color);text-decoration:none}.block.calendar .item{position:relative;height:100%;border:1px solid #eee}.block.calendar .item .image{position:relative}.block.calendar .item .image img{}.block.calendar .item .image .date{position:absolute;bottom:10px;right:10px}.block.calendar .item .image .date span{background:#000;color:#fff;padding:5px}.block.calendar .item .content{padding:20px 20px 70px 20px}.block.calendar .item .content h3{margin-top:0}.block.calendar .item .content .text{}.block.calendar .item .content .btn.btn-primary{position:absolute;bottom:20px;right:20px}.block.product{}.block.product .col-md-6.col-lg-4{margin-bottom:30px}.block.product a{color:var(--text-color)}.block.product a:hover{color:var(--text-color);text-decoration:none}.block.product .item{position:relative;height:100%;border:1px solid #eee}.block.product .item .image{position:relative}.block.product .item .image img{}.block.product .item .image .overlay{position:absolute;bottom:10px;right:10px}.block.product .item .image .overlay span{background:#000;color:#fff;padding:5px}.block.product .item .content{padding:20px 20px 70px 20px}.block.product .item .content h3{margin-top:0}.block.product .item .content .text{}.block.product .item .content .btn.btn-primary{position:absolute;bottom:20px;right:20px}.slick-arrow{background:rgba(0,0,0,.5);text-align:center;padding:10px;width:60px;border:0;outline:0}.slick-arrow:hover{background:rgba(0,0,0,.8)}.slick-arrow:focus{border:0;outline:0}.slick-arrow i{font-size:30px;color:#fff;line-height:40px}.slick-prev{position:absolute;top:calc(50% - 30px);left:0;z-index:999}.slick-next{position:absolute;top:calc(50% - 30px);right:0;z-index:999}.slick-dots li:before{display:none}.slick-dots{margin-top:-30px;display:flex;justify-content:center;margin:0;padding:1rem 0;list-style-type:none}.slick-dots li{margin:0 .25rem}.slick-dots li:focus{border:0;outline:0}.slick-dots li button{display:block;width:12px;height:12px;padding:0;border:none;border-radius:100%;background-color:#ccc;text-indent:-9999px;cursor:pointer}.slick-dots li.slick-active button{background-color:#aaa}.container-fluid.footer{background:#2b2b2b;color:#fff;padding-top:25px;padding-bottom:25px}.container-fluid.footer h2{font-size:22px;color:#fff;line-height:30px;margin-top:0;margin-bottom:15px}.container-fluid.footer ul li{list-style:none;position:relative}.container-fluid.footer ul li:before{content:'\f105';font-family:'Font Awesome 6 Pro';position:absolute;left:-25px}.container-fluid.footer table tr td:nth-child(1){width:30px!important;vertical-align:top}.container-fluid.footer i{color:#cde200}.container-fluid.footer a{color:#fff}.container-fluid.endpage{background:#000;color:#fff;padding-top:3px;padding-bottom:3px}.container-fluid.endpage .col-md-4:nth-child(1){}.container-fluid.endpage .col-md-4:nth-child(2){text-align:center}.container-fluid.endpage .col-md-4:nth-child(3){text-align:right}.container-fluid.endpage .col-md-4:nth-child(3) img{max-width:30px}.container-fluid.endpage ul{margin-bottom:0;padding-left:0}.container-fluid.endpage ul li{list-style:none;display:inline}.container-fluid.endpage ul li:after{content:"|";margin:0 5px}.container-fluid.endpage ul li:last-child:after{content:"";margin:0}.container-fluid.endpage a{color:#fff}.modal.fixed-left{}.modal.fixed-left .modal-dialog-vertical{height:100%;width:100vw;max-width:none;margin:0;transition:transform .3s;transform:translateX(-100%)}.modal.fixed-left.show .modal-dialog-vertical{transform:translateX(0)}.modal.fixed-left .modal-content{border-radius:0;border:none;min-height:100%;background:var(--primary-color);justify-content:space-between;overflow:hidden}.modal.fixed-left .title-bar{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.modal.fixed-left .title-bar h5{text-align:center;margin-bottom:15px;color:#fff;min-width:200px}.modal.fixed-left .title-bar .button-filler,.modal.fixed-left .title-bar .close-btn-wrap{height:50px;width:50px;display:flex;justify-content:center;align-items:center;font-size:1.125rem;color:#fff;background:none;border:0}.modal.fixed-left .title-bar .close-btn-wrap:hover{cursor:pointer;opacity:.8}.modal.fixed-left .title-bar .close-btn-wrap:focus{box-shadow: 0 0px 0px 2px rgb(255 255 255 / 25%);border: 2px solid rgb(255 255 255 / 50%)}.modal.fixed-left .menu-content .main-menu .logo-wrap{margin:15px 0;display:flex;justify-content:center}.modal.fixed-left .menu-content .main-menu .section-title{padding:15px;margin-top:10px;margin-bottom:0;color:#fff}.modal.fixed-left .menu-content .main-menu .navbar-nav{padding:0;margin-bottom:25px;list-style:none}.modal.fixed-left .menu-content .main-menu .navbar-nav li{position:relative;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500;color:#fff;font-size:2rem;transition:transform .4s , opacity .4s;transform:translateX(-30px);opacity:0}.modal.fixed-left.show .menu-content .main-menu .navbar-nav li{transform:none;opacity:1}.modal.fixed-left.show .menu-content .main-menu .navbar-nav li:nth-child(1) {transition-delay:.1s}.modal.fixed-left.show .menu-content .main-menu .navbar-nav li:nth-child(2) {transition-delay:.2s}.modal.fixed-left.show .menu-content .main-menu .navbar-nav li:nth-child(3) {transition-delay:.3s}.modal.fixed-left.show .menu-content .main-menu .navbar-nav li:nth-child(4) {transition-delay:.4s}.modal.fixed-left.show .menu-content .main-menu .navbar-nav li:nth-child(5) {transition-delay:.5s}.modal.fixed-left.show .menu-content .main-menu .navbar-nav li:nth-child(6) {transition-delay:.6s}.modal.fixed-left.show .menu-content .main-menu .navbar-nav li:nth-child(7) {transition-delay:.7s}.modal.fixed-left.show .menu-content .main-menu .navbar-nav li:nth-child(8) {transition-delay:.8s}.modal.fixed-left.show .menu-content .main-menu .navbar-nav li:nth-child(9) {transition-delay:.9s}.modal.fixed-left.show .menu-content .main-menu .navbar-nav li:nth-child(10) {transition-delay:1s}.modal.fixed-left .menu-content .main-menu .navbar-nav li a{padding:8px 15px;font-weight:700;flex-grow:1;text-decoration:none;color:#fff;display:flex;align-items:center;transition:transform .3s}.modal.fixed-left .menu-content .main-menu .navbar-nav li a i{margin-right:10px;width:20px;display:inline-flex;justify-content:flex-end}.modal.fixed-left .menu-content .main-menu .navbar-nav li.dropdown::after{content:'\f054';font-family:'Font Awesome 6 Pro';margin-left:20px;padding-right:15px;transition:transform .3s}.modal.fixed-left .menu-content .main-menu .navbar-nav li.dropdown .dropdown-menu.show{display:none}.modal.fixed-left .menu-content .main-menu .navbar-nav li.dropdown .dropdown-menu.show{display:none}.modal.fixed-left .menu-content .main-menu .navbar-nav li:hover a{opacity:.8;transform:translateX(5px)}.modal.fixed-left .menu-content .main-menu .navbar-nav li.dropdown:hover::after{opacity:.8;transform:translateX(5px)}.modal.fixed-left .menu-content .main-menu .navbar-nav li .item.select-wrap{display:flex;align-items:center}.modal.fixed-left .menu-content .main-menu .navbar-nav li .item.select-wrap select{flex-grow:1}.modal.fixed-left .menu-content{overflow:hidden}.modal.fixed-left .menu-content nav{width:200%;display:flex;transition:transform .3s}.modal.fixed-left .menu-content nav>*{width:50%;flex-shrink:0}.modal.fixed-left .menu-content nav.open{transform:translateX(-50%)}.modal.fixed-left .menu-content nav .sub-menu{display:none}.modal.fixed-left .menu-content .first-sub{}.modal.fixed-left .menu-content .first-sub .sub-header{display:flex;align-items:center;cursor:pointer;border-bottom:2px solid #fff}.modal.fixed-left .menu-content .first-sub .sub-header:hover{background: rgb(0 0 0 / 5%)}.modal.fixed-left .menu-content .first-sub .sub-header .back-btn{height:50px;width:50px;display:flex;justify-content:center;align-items:center;color:#fff}.modal.fixed-left .menu-content .first-sub .sub-header h5{margin-bottom:0;line-height:1;color:#fff}.modal.fixed-left .menu-content .first-sub .submenu-items .dropdown-menu{display:block;padding:0;width:100%;margin:0;list-style:none;position:relative!important;transform:none!important;border:none;background:none;margin-top:15px}.modal.fixed-left .menu-content .first-sub .submenu-items .dropdown-menu li a{display:flex;cursor:pointer;padding:8px 15px;color:#fff;font-size:2rem;font-weight:700;transition:transform .3s}.modal.fixed-left .menu-content .first-sub .submenu-items .dropdown-menu li a i{margin-right:10px;font-size:1.25rem;margin-top:2px;width:40px;display:flex;align-items:center}.modal.fixed-left .menu-content .first-sub .submenu-items .dropdown-menu li a:hover{text-decoration:none;opacity:.8;transform:translateX(5px)}.modal.fixed-left .menu-footer{padding:15px;margin-top:25px;color:#fff;font-size:20px;transform:translateY(20px);opacity:0;transition:transform .5s , opacity .5s;transition-delay:.3s}.modal.fixed-left.show .menu-footer{transform:translateY(0);opacity:1}.modal.fixed-left .menu-footer .socials{font-size:1.875rem;display:flex;justify-content:center}.modal.fixed-left .menu-footer .socials a{color:#fff;margin:0 5px}.modal.fixed-left .menu-footer .socials a:hover{opacity:.8}.mt-6{margin-top:4rem!important}.mt-7{margin-top:5rem!important}.mt-8{margin-top:6rem!important}.mt-9{margin-top:7rem!important}.mt-10{margin-top:8rem!important}.me-6{margin-right:4rem!important}.me-7{margin-right:5rem!important}.me-8{margin-right:6rem!important}.me-9{margin-right:7rem!important}.me-10{margin-right:8rem!important}.mb-6{margin-bottom:4rem!important}.mb-7{margin-bottom:5rem!important}.mb-8{margin-bottom:6rem!important}.mb-9{margin-bottom:7rem!important}.mb-10{margin-bottom:8rem!important}.ms-6{margin-left:4rem!important}.ms-7{margin-left:5rem!important}.ms-8{margin-left:6rem!important}.ms-9{margin-left:7rem!important}.ms-10{margin-left:8rem!important}.my-6{margin-top:4rem!important;margin-bottom:4rem!important}.my-7{margin-top:5rem!important;margin-bottom:5rem!important}.my-8{margin-top:6rem!important;margin-bottom:6rem!important}.my-9{margin-top:7rem!important;margin-bottom:7rem!important}.my-10{margin-top:8rem!important;margin-bottom:8rem!important}.mx-6{margin-left:4rem!important;margin-right:4rem!important}.mx-7{margin-left:5rem!important;margin-right:5rem!important}.mx-8{margin-left:6rem!important;margin-right:6rem!important}.mx-9{margin-left:7rem!important;margin-right:7rem!important}.mx-10{margin-left:8rem!important;margin-right:8rem!important}.pt-6{padding-top:4rem!important}.pt-7{padding-top:5rem!important}.pt-8{padding-top:6rem!important}.pt-9{padding-top:7rem!important}.pt-10{padding-top:8rem!important}.pe-6{padding-right:4rem!important}.pe-7{padding-right:5rem!important}.pe-8{padding-right:6rem!important}.pe-9{padding-right:7rem!important}.pe-10{padding-right:8rem!important}.pb-6{padding-bottom:4rem!important}.pb-7{padding-bottom:5rem!important}.pb-8{padding-bottom:6rem!important}.pb-9{padding-bottom:7rem!important}.pb-10{padding-bottom:8rem!important}.ps-6{padding-left:4rem!important}.ps-7{padding-left:5rem!important}.ps-8{padding-left:6rem!important}.ps-9{padding-left:7rem!important}.ps-10{padding-left:8rem!important}.py-6{padding-top:4rem!important;padding-bottom:4rem!important}.py-7{padding-top:5rem!important;padding-bottom:5rem!important}.py-8{padding-top:6rem!important;padding-bottom:6rem!important}.py-9{padding-top:7rem!important;padding-bottom:7rem!important}.py-10{padding-top:8rem!important;padding-bottom:8rem!important}.px-6{padding-left:4rem!important;padding-right:4rem!important}.px-7{padding-left:5rem!important;padding-right:5rem!important}.px-8{padding-left:6rem!important;padding-right:6rem!important}.px-9{padding-left:7rem!important;padding-right:7rem!important}.px-10{padding-left:8rem!important;padding-right:8rem!important}@media only screen and (max-width:1399px){.row>.container{max-width:1140px}}@media only screen and (max-width:1199px){.row>.container{max-width:960px}}@media only screen and (max-width:991px){.row>.container{max-width:720px}}@media only screen and (max-width:767px){.row>.container{max-width:540px}.modal.fixed-left .menu-content .main-menu .navbar-nav li{font-size:1.875rem}.modal.fixed-left .menu-content .first-sub .submenu-items .dropdown-menu li a{font-size:1.875rem}}@media only screen and (max-width:575px){.row>.container{max-width:none}.modal.fixed-left .menu-content .main-menu .navbar-nav li{font-size:1.5rem}.modal.fixed-left .menu-content .main-menu .navbar-nav li a{padding:3px 12px}.modal.fixed-left .menu-content .first-sub .submenu-items .dropdown-menu li a{font-size:1.5rem}}@media only screen and (max-width:479px){.btn{width:100%}.modal.fixed-left .menu-content .main-menu .navbar-nav li{font-size:1.25rem}.modal.fixed-left .menu-content .first-sub .submenu-items .dropdown-menu li a{font-size:1.25rem}.container-fluid.endpage .col-md-4:nth-child(1){text-align:center}.container-fluid.endpage .col-md-4:nth-child(3){text-align:center}.container-fluid.endpage .col-md-4:nth-child(3) img{max-width:30px}}@media only screen and (min-width:1199px){.py-xl-6{padding-top:4rem!important;padding-bottom:4rem!important}}@media only screen and (min-width:991px){.py-lg-6{padding-top:4rem!important;padding-bottom:4rem!important}}a{color:var(--primary-color);text-decoration:none;transition:color .5s}a:hover{color:var(--secondary-color)}.bg-primary{background-color:var(--primary-color)!important}.bg-color{background-color:var(--bg-color)}.bg-primary *{color:var(--white)}.block.content ul{padding-left:0}.block.content ul li{padding-left:0}.block.content ul li::before{content:'\f00c';position:relative;left:0;display:inline-block;color:var(--secondary-color);padding-right:12px}.block.html>img{width:100%}.block.html:has(> img) {border-radius:5px;overflow:hidden}.container-fluid.top{background-color:var(--bg-color)}.container-fluid.top .block.html:has(>a) {height:100%;display:flex;align-items:center}.container-fluid.top .block.html.top-links{display:flex;justify-content:end;padding:12px 0}.container-fluid.top .block.html.top-links .item{display:flex;margin-left:50px}.container-fluid.top .block.html.top-links .item .icon{margin-right:15px}.container-fluid.top .block.html.top-links .item .icon i{color:var(--primary-color);transition:all .5s}.container-fluid.top .block.html.top-links .item .link{}.container-fluid.top .block.html.top-links .item .link a{color:var(--primary-color);font-weight:400}.container-fluid.top .block.html.top-links .item .link a:hover{color:var(--secondary-color)}.container-fluid.top .block.html.top-links .item:has(.link:hover) .icon i {transform:translateY(-5px)}.container-fluid.top .block.html.top-links .item .link a::after{content:'';display:block;width:0%;height:1px;background-color:var(--text-color);transition:width .5s ease-in-out}.container-fluid.top .block.html.top-links .item .link:hover a::after{width:100%}.container-fluid.navigatie{position:relative}.container-fluid.navigatie .navbar{}.container-fluid.navigatie .navbar .navbar-brand{}.container-fluid.navigatie .navbar .navbar-brand img{}.container-fluid.navigatie .navbar .navbar-collapse{justify-content:end}.container-fluid.navigatie .navbar-nav .nav-item{}.container-fluid.navigatie .navbar-nav .nav-item .nav-link{position:relative;color:var(--secondary-color);font-size:1.125rem;font-weight:500;margin:12px 15px}.container-fluid.navigatie .navbar-nav .nav-item:nth-last-child(1) .nav-link {margin-right:0}.container-fluid.navigatie .navbar-nav .nav-item.dropdown{transition:color .5s ease-in-out}.container-fluid.navigatie .navbar-nav .nav-item.dropdown>.nav-link::after{content:'\f078';font-family: var(--font-awsome);display:inline-block;margin-left:5px;transition:all .5s}.container-fluid.navigatie .navbar-nav .nav-item.dropdown>.nav-link{}.container-fluid.navigatie .navbar-nav .nav-item.dropdown > .nav-link:hover::after, .container-fluid.navigatie .navbar-nav .nav-item.dropdown:has(.show) > .nav-link::after {transform:rotate(180deg)}.container-fluid.navigatie .navbar-nav .nav-item:not(.dropdown) .nav-link::after {content:'';position:absolute;bottom:0;left:0;display:block;width:0%;height:2px;background-color:var(--text-color);transition:width .5s ease-in-out}.container-fluid.navigatie .navbar-nav .nav-item:not(.dropdown) .nav-link:hover::after {width:100%}.container-fluid.navigatie .navbar-nav .nav-item.active>.nav-link{color:var(--primary-color)}.container-fluid.navigatie .navbar-nav .nav-item:not(.dropdown).active > .nav-link::after {width:100%}.container-fluid.navigatie .navbar-nav .nav-item.dropdown .dropdown-menu{width:max-content;padding-top:0}.container-fluid.navigatie .navbar-nav .nav-item.dropdown .dropdown-menu .nav-link{font-size:1rem;width:fit-content;margin:12px;padding:0}.container-fluid.slider{}.container-fluid.slider .item{position:relative;height:490px;display:flex;justify-content:center;align-items:center;z-index:1}.container-fluid.slider .item::after{content:'';position:absolute;inset:0;width:100%;height:100%;background-color:#000;opacity:.2;z-index:1}.container-fluid.slider .item .image{position:absolute;width:100%;height:100%;z-index:1}.container-fluid.slider .item .image img{height:100%}.container-fluid.slider .item .content{position:relative;color:var(--white);z-index:2}.container-fluid.slider .item .content .title{max-width:530px}.container-fluid.slider .item .content .title h1{}.container-fluid.slider .item .content .text{}.container-fluid.slider .item .content .text ul{padding:0;display:flex;align-items:center}.container-fluid.slider .item .content .text ul li{list-style:'';text-transform:uppercase;font-weight:600;display:flex;align-items:center}.container-fluid.slider .item .content .text ul li::after{content:'\e122';font-family: var(--font-awsome);font-weight:700;font-size:8px;display:inline-block;padding:0 12px}.container-fluid.slider .item .content .text ul li:nth-last-child(1):after {display:none}.container-fluid.content>.row{margin-top:50px;margin-bottom:50px}.container-fluid.content > .row:nth-child(1) {margin-top:90px}.container-fluid.content > .row:nth-last-child(1) {margin-bottom:90px}.block.content p:has(.btn + .btn) {display:flex;gap:12px 20px}.block.list.usp{gap:24px 0}.block.list.usp .item{}.block.list.usp .item .image{text-align:center}.block.list.usp .item .image img{filter:var(--filter-secondary);scale:1!important;transform:scale(1)}.block.list.usp .item .content{text-align:center}.block.list.usp .item .content h3{}.block.list.usp .item .content p{text-wrap:balance}.block.product.projects{gap:12px 0;justify-content:start;margin-top:20px}.block.product.projects .item{background-color:transparent;border:none;overflow:hidden}.block.product.projects .item .image{border-radius:5px;overflow:hidden}.block.product.projects .item .image img{border-radius:unset}.block.product.projects .item .content{position:relative;padding:0 24px;top:-24px}.block.product.projects .item .content h3{color:var(--white);font-size:1.125rem;background-color:var(--dark-color);text-align:center;padding:15px 15px;position:relative}.block.product.projects .item .content .text{font-size:1.125rem;color:var(--primary-color);margin-bottom:30px}.block.product.projects .item .content .link{font-size:1.125rem;font-weight:700;color:var(--primary-color);width:fit-content}.block.product.projects .item .content .link::after{content:'';position:relative;display:block;width:100%;height:2px;background-color:var(--primary-color);transition:all .5s}.block.product.projects .item .content .link:hover::after{width: calc(100% + 12px)}.container-fluid.contact-bar{}.container-fluid.contact-bar .block.html{margin-top:35px;margin-bottom:35px}.container-fluid.contact-bar .block.html .content{}.container-fluid.contact-bar .block.html .content h3,.container-fluid.contact-bar .block.html .content p{margin:0!important}.container-fluid.contact-bar .block.html .row div{display:flex;flex-wrap:wrap;align-items:center}.container-fluid.contact-bar .block.html .row div:nth-child(1) {justify-content:start}.container-fluid.contact-bar .block.html .row div:nth-child(2) {justify-content:end}.container-fluid.footer-endpage{padding-top:50px}.container-fluid.footer-endpage .footer{}.container-fluid.footer-endpage .footer h3{margin-top:0}.container-fluid.footer-endpage .footer .block.html.logo{margin-bottom:100px}.container-fluid.footer-endpage .footer .block.html.footer-links{display:flex;flex-direction:column;justify-content:start;padding:0 0 12px 36px}.container-fluid.footer-endpage .footer .block.html.footer-links .item{display:flex;margin-bottom:20px}.container-fluid.footer-endpage .footer .block.html.footer-links .item .icon{margin-right:15px}.container-fluid.footer-endpage .footer .block.html.footer-links .item .icon i{color:var(--secondary-color);transition:all .5s}.container-fluid.footer-endpage .footer .block.html.footer-links .item .link{}.container-fluid.footer-endpage .footer .block.html.footer-links .item .link a{color:var(--primary-color);font-weight:400}.container-fluid.footer-endpage .footer .block.html.footer-links .item .link a:hover{color:var(--secondary-color)}.container-fluid.footer-endpage .footer .block.html.footer-links .item:has(.link:hover) .icon i {transform:translateY(-5px)}.container-fluid.footer-endpage .footer .block.html.footer-links .item .link a::after{content:'';display:block;width:0%;height:1px;background-color:var(--text-color);transition:width .5s ease-in-out}.container-fluid.footer-endpage .footer .block.html.footer-links .item .link:hover a::after{width:100%}.container-fluid.footer-endpage .footer .block.menuitem{}.container-fluid.footer-endpage .footer .block.menuitem ul{padding:0;display:flex;flex-direction:row;flex-wrap:wrap}.container-fluid.footer-endpage .footer .block.menuitem ul li{list-style:'';width:50%;display:flex;align-items:center}.container-fluid.footer-endpage .footer .block.menuitem ul li::before{content:'\f054';font-size:14px;display:inline-block;font-family: var(--font-awsome);color:var(--secondary-color);margin-right:15px;transition:all .5s}.container-fluid.footer-endpage .footer .block.menuitem ul li a{color:var(--primary-color);width:fit-content;padding:0}.container-fluid.footer-endpage .footer .block.menuitem ul li ul{display:none}.container-fluid.footer-endpage .footer .block.menuitem ul li a:hover{color:var(--secondary-color)}.container-fluid.footer-endpage .footer .block.menuitem ul li:has(a:hover)::before {transform:translateX(6px)}.container-fluid.footer-endpage .endpage{}.container-fluid.footer-endpage .endpage ul{display:flex;padding:0}.container-fluid.footer-endpage .endpage ul li{list-style:'';padding:0}.container-fluid.footer-endpage .endpage ul li::after{content:'|';padding:0 12px;color:var(--primary-color)}.container-fluid.footer-endpage .endpage ul li:nth-last-child(1)::after {display:none}.container-fluid.footer-endpage .endpage img:hover{filter:brightness(0) saturate(100%) invert(45%) sepia(16%) saturate(6998%) hue-rotate(2deg) brightness(100%) contrast(103%)}@media only screen and (max-width:1399px){.container-fluid.navigatie .navbar-nav .nav-item .nav-link{margin:12px}}@media only screen and (max-width:1199px){.container-fluid.top .block.html:not(.top-links) a {white-space:nowrap}.container-fluid.top .block.html.top-links .item{margin-left:24px}.container-fluid.top .block.html.top-links .item .icon{margin-right:0}.container-fluid.top .block.html.top-links .item .link{display:none}.container-fluid.navigatie .navbar-nav .nav-item{}.container-fluid.navigatie .navbar-nav .nav-item .nav-link{font-size:1rem;margin:12px}.block.product .item .image img{width:100%}.container-fluid.footer-endpage .footer .block.menuitem{max-width:500px}.container-fluid.footer-endpage .endpage{font-size:1rem}.container-fluid.footer-endpage .endpage ul li{font-size:1rem;display:flex}}@media only screen and (max-width:991px){.block.html>img{width:100%}.modal.fixed-left .title-bar h5{}.modal.fixed-left .title-bar h5 a{}.modal.fixed-left .title-bar h5 a img{filter:var(--filter-white);max-width:200px}.container-fluid.footer-endpage .footer .block.html.logo{text-align:center;margin-bottom:24px}.container-fluid.footer-endpage .footer .block.html.logo img{max-width:150px}.container-fluid.footer-endpage .footer .block.html.footer-links{padding-left:0}.container-fluid.footer-endpage .footer .block.menuitem{margin-bottom:24px}}@media only screen and (max-width:767px){.container-fluid.contact-bar .block.html .row div:nth-child(2) {justify-content:start;margin-top:12px}}@media only screen and (max-width:575px){h1{font-size:3.375rem}h2{font-size:2rem;text-wrap:balance;hyphens:auto}.container-fluid.content>.row{margin-top:24px;margin-bottom:24px}.container-fluid.content > .row:nth-child(1) {margin-top:24px}.container-fluid.content > .row:nth-last-child(1) {margin-bottom:24px}.container-fluid.footer-endpage{padding-top:24px}.container-fluid.footer-endpage .endpage{padding-bottom:12px}.container-fluid.footer-endpage .endpage{text-align:center}.container-fluid.footer-endpage .endpage ul{justify-content:center}}@media only screen and (max-width:479px){h1{font-size:2.375rem}.block.content p:has(.btn + .btn) {flex-direction:column}.container-fluid.slider .item .content .text ul li{font-size:.875rem}}