.cc-cookies {
    width: 100% !important;
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.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}

@charset "UTF-8";
/* RESET */
html, body {
  margin: 0;
  padding: 0;
  position: relative;
  height: 100%;
  color: #6d6f71;
}

*, *:before, *:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

main {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  position: relative;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  min-height: 0;
}

header, main {
  font-size: 18px;
  font-family: "MarselisWebW03-Regular";
}
header h1, header h2, header h3, header h5, header h6, main h1, main h2, main h3, main h5, main h6 {
  font-family: "MarselisWebW03-Bold";
}
header h4, main h4 {
  font-family: "ClarendonTLig";
}
@media (min-width: 768px) {
  header .section-project-list-slider h1, header .section-text h1, header .section-teaser-icon h1, header .section-project-text h1, header .news-section h1, header .full-width-teaser-section h1, header .full-teaser-content h1, header .section-projects h1, main .section-project-list-slider h1, main .section-text h1, main .section-teaser-icon h1, main .section-project-text h1, main .news-section h1, main .full-width-teaser-section h1, main .full-teaser-content h1, main .section-projects h1 {
    font-size: 50px;
  }
  header .section-project-list-slider h2, header .section-text h2, header .section-teaser-icon h2, header .section-project-text h2, header .news-section h2, header .full-width-teaser-section h2, header .full-teaser-content h2, header .section-projects h2, main .section-project-list-slider h2, main .section-text h2, main .section-teaser-icon h2, main .section-project-text h2, main .news-section h2, main .full-width-teaser-section h2, main .full-teaser-content h2, main .section-projects h2 {
    font-size: 40px;
  }
  header .section-project-list-slider h3, header .section-text h3, header .section-teaser-icon h3, header .section-project-text h3, header .news-section h3, header .full-width-teaser-section h3, header .full-teaser-content h3, header .section-projects h3, main .section-project-list-slider h3, main .section-text h3, main .section-teaser-icon h3, main .section-project-text h3, main .news-section h3, main .full-width-teaser-section h3, main .full-teaser-content h3, main .section-projects h3 {
    font-size: 30px;
  }
}
header h1, main h1 {
  font-size: 100px;
}
header h2, main h2 {
  font-size: 50px;
}
header h3, main h3 {
  font-size: 35px;
}
header h4, main h4 {
  font-size: 25px;
}
header h5, main h5 {
  font-size: 20px;
}
header h6, main h6 {
  font-size: 18px;
}
@media (max-width: 1200px) {
  header h1, main h1 {
    font-size: 50px;
  }
  header h2, main h2 {
    font-size: 25px;
  }
  header h3, main h3 {
    font-size: 20px;
  }
  header h4, main h4 {
    font-size: 18px;
  }
  header h5, main h5 {
    font-size: 16px;
  }
  header h6, main h6 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  header h1, main h1 {
    font-size: 25px;
  }
  header h2, main h2 {
    font-size: 18px;
  }
  header h3, main h3 {
    font-size: 16px;
  }
  header h4, main h4 {
    font-size: 15px;
  }
  header h5, main h5 {
    font-size: 14px;
  }
  header h6, main h6 {
    font-size: 12px;
  }
}
header form, main form {
  font-size: 16px;
  font-family: "MarselisWebW03-Regular";
}
header form label, main form label {
  font-size: 12px;
  font-family: "MarselisWebW03-Regular";
}

header .header-top .navbar-header .hamburger-menu div#navbar {
  position: fixed;
  left: 16.66667%;
  top: auto;
}
@media all and (max-width: 991px) {
  header .header-top .navbar-header .hamburger-menu div#navbar {
    margin-top: 0px !important;
  }
}

p {
  margin-bottom: 0px;
}

.line-red {
  height: 2px;
  width: 65px;
  background-color: #ff0000;
  margin-bottom: 30px;
  display: inline-block;
}
@media all and (max-width: 991px) {
  .line-red {
    margin-bottom: 5px;
  }
}
@media all and (max-width: 767px) {
  .line-red {
    width: 35px;
  }
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.section {
  /*&:not(.twow-social){
      img{
          width: 100%;
      }
  }*/
}
.section .btn-success {
  font-family: "MarselisWebW03-Regular";
  font-size: 20px;
  color: #fff;
  padding: 10px 25px;
  border: 0;
  border-radius: 0px;
  background: #00a844;
  box-shadow: inset 0 0 0 0 #027430;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
@media all and (max-width: 767px) {
  .section .btn-success {
    font-size: 12px;
  }
}
.section .btn-success:hover, .section .btn-success.active {
  box-shadow: inset 400px 0 0 0 #027430;
}
@media (max-width: 767px) {
  .section .expandable.active {
    max-height: 160px;
    padding-bottom: 20px;
    border-bottom: 15px solid #fff;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .section .expandable.active.expanded {
    max-height: 1000px;
  }
}
@media (max-width: 767px) {
  .section .expandable.active:after {
    content: "";
    height: 30px;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 10px;
    z-index: 9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
  }
}
@media all and (max-width: 360px) {
  .section .expandable.active:after {
    left: 0px;
    right: 0px;
  }
}
@media (max-width: 767px) {
  .section .expandable.active:before {
    content: "Toon meer";
    position: absolute;
    left: 15px;
    bottom: -10px;
    z-index: 99;
    color: #0c1365;
    cursor: pointer;
    font-family: "MarselisWebW03-Regular";
  }
}
@media all and (max-width: 360px) {
  .section .expandable.active:before {
    left: 0px;
    right: 0px;
  }
}
.section .expandable.active.expanded:before {
  content: "Toon minder";
}

.scroll-icon .wheel {
  -webkit-animation: mouse-wheel 1.2s ease infinite;
  -moz-animation: mouse-wheel 1.2s ease infinite;
}

.scroll-icon .wheel {
  height: 10px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
}

.scroll-icon .mouse {
  height: 55px;
  width: 35px;
  border-radius: 15px;
  transform: none;
  border: 2px solid white;
  top: 170px;
}
@media (max-width: 767px) {
  .scroll-icon .mouse {
    height: 40px;
    width: 25px;
  }
}

.section-header-slider .scrollSubSlider a span {
  bottom: -25px !important;
}

.wheel {
  -webkit-animation: mouse-wheel 1.2s ease infinite;
  -moz-animation: mouse-wheel 1.2s ease infinite;
}

@-webkit-keyframes "mouse-wheel" {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% {
    top: 1px;
  }
  80% {
    top: 20px;
  }
  100% {
    top: 1px;
  }
}
.full-teaser-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media all and (max-width: 767px) {
  .full-teaser-content {
    top: 40%;
  }
}

.parallax {
  background-repeat: no-repeat;
  background-position: 50% 0%;
  -webkit-transition: background-position 0.4s ease-in;
  -moz-transition: background-position 0.4s ease-in;
  -o-transition: background-position 0.4s ease-in;
  transition: background-position 0.4s ease-in;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 767px) {
  .parallax {
    min-height: 100vw;
  }
}

.list-block.animated {
  visibility: visible;
}

.list-block {
  visibility: hidden;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.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.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -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 {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -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 {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 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(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 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(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    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 {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    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 {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.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 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    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 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    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 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    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 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    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 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    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 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    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 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    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 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    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 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -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 {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -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);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -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);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  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 {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    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 {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  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: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 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% {
    -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: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.ccm-edit-mode .section-our-people .projects-list {
  z-index: 1 !important;
}

.ccm-toolbar-visible header .header-top.lines::before, .ccm-toolbar-visible header .header-top.lines::after {
  z-index: 0 !important;
}

#ccm-panel-overlay {
  display: none !important;
}

@media all and (max-width: 360px) {
  .text-left-block {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media all and (max-width: 768px) {
  .slick-dots {
    display: none !important;
  }
}

@font-face {
  font-family: "ClarendonTBol";
  src: url("/application/themes/vdr/fonts/ClarendonTBol.eot");
  src: url("/application/themes/vdr/fonts/ClarendonTBol.eot?#iefix") format("embedded-opentype"), url("/application/themes/vdr/fonts/ClarendonTBol.woff2") format("woff2"), url("/application/themes/vdr/fonts/ClarendonTBol.woff") format("woff"), url("/application/themes/vdr/fonts/ClarendonTBol.ttf") format("truetype"), url("/application/themes/vdr/fonts/ClarendonTBol.svg#ClarendonTBol") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ClarendonTLig";
  src: url("/application/themes/vdr/fonts/ClarendonTLig.eot");
  src: url("/application/themes/vdr/fonts/ClarendonTLig.eot?#iefix") format("embedded-opentype"), url("/application/themes/vdr/fonts/ClarendonTLig.woff2") format("woff2"), url("/application/themes/vdr/fonts/ClarendonTLig.woff") format("woff"), url("/application/themes/vdr/fonts/ClarendonTLig.ttf") format("truetype"), url("/application/themes/vdr/fonts/ClarendonTLig.svg#ClarendonTLig") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ClarendonTMed";
  src: url("/application/themes/vdr/fonts/ClarendonTMed.eot");
  src: url("/application/themes/vdr/fonts/ClarendonTMed.eot?#iefix") format("embedded-opentype"), url("/application/themes/vdr/fonts/ClarendonTMed.woff2") format("woff2"), url("/application/themes/vdr/fonts/ClarendonTMed.woff") format("woff"), url("/application/themes/vdr/fonts/ClarendonTMed.ttf") format("truetype"), url("/application/themes/vdr/fonts/ClarendonTMed.svg#ClarendonTMed") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "MarselisWebW03-Bold";
  src: url("/application/themes/vdr/fonts/MarselisWebW03-Bold.eot");
  src: url("/application/themes/vdr/fonts/MarselisWebW03-Bold.eot?#iefix") format("embedded-opentype"), url("/application/themes/vdr/fonts/MarselisWebW03-Bold.woff2") format("woff2"), url("/application/themes/vdr/fonts/MarselisWebW03-Bold.woff") format("woff"), url("/application/themes/vdr/fonts/MarselisWebW03-Bold.ttf") format("truetype"), url("/application/themes/vdr/fonts/MarselisWebW03-Bold.svg#MarselisWebW03-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "MarselisWebW03-Light";
  src: url("/application/themes/vdr/fonts/MarselisWebW03-Light.eot");
  src: url("/application/themes/vdr/fonts/MarselisWebW03-Light.eot?#iefix") format("embedded-opentype"), url("/application/themes/vdr/fonts/MarselisWebW03-Light.woff2") format("woff2"), url("/application/themes/vdr/fonts/MarselisWebW03-Light.woff") format("woff"), url("/application/themes/vdr/fonts/MarselisWebW03-Light.ttf") format("truetype"), url("/application/themes/vdr/fonts/MarselisWebW03-Light.svg#MarselisWebW03-Light") format("svg");
  font-weight: 350;
  font-style: normal;
}
@font-face {
  font-family: "MarselisWebW03-Regular";
  src: url("/application/themes/vdr/fonts/MarselisWebW03-Regular.eot");
  src: url("/application/themes/vdr/fonts/MarselisWebW03-Regular.eot?#iefix") format("embedded-opentype"), url("/application/themes/vdr/fonts/MarselisWebW03-Regular.woff2") format("woff2"), url("/application/themes/vdr/fonts/MarselisWebW03-Regular.woff") format("woff"), url("/application/themes/vdr/fonts/MarselisWebW03-Regular.ttf") format("truetype"), url("/application/themes/vdr/fonts/MarselisWebW03-Regular.svg#MarselisWebW03-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "fontello";
  src: url("/application/themes/vdr/fonts/fontello.eot?49302497");
  src: url("/application/themes/vdr/fonts/fontello.eot?49302497#iefix") format("embedded-opentype"), url("/application/themes/vdr/fonts/fontello.woff2?49302497") format("woff2"), url("/application/themes/vdr/fonts/fontello.woff?49302497") format("woff"), url("/application/themes/vdr/fonts/fontello.ttf?49302497") format("truetype"), url("/application/themes/vdr/fonts/fontello.svg?49302497#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'fontello';
        src: url('/application/themes/vdr/fonts/fontello.svg?49302497#fontello') format('svg');
    }
}
*/
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-left-open:before {
  content: "";
}

/* '' */
.icon-right-open:before {
  content: "";
}

/* '' */
.icon-left-open-1:before {
  content: "";
}

/* '' */
.icon-right-open-1:before {
  content: "";
}

/* '' */
.icon-right:before {
  content: "";
}

/* '' */
.icon-left:before {
  content: "";
}

/* '' */
.icon-search:before {
  content: "";
}

/* '' */
.icon-down-open-big:before {
  content: "";
}

/* '' */
.icon-play-outline:before {
  content: "";
}

/* '' */
.icon-right-open-mini:before {
  content: "";
}

/* '' */
.icon-left-open-mini:before {
  content: "";
}

/* '' */
.icon-up-open-mini:before {
  content: "";
}

/* '' */
.icon-search-1:before {
  content: "";
}

/* '' */
.icon-up:before {
  content: "";
}

/* '' */
.icon-arrow:before {
  content: "";
}

/* '' */
.icon-twitter:before {
  content: "";
}

/* '' */
.icon-facebook:before {
  content: "";
}

/* '' */
.icon-angle-left:before {
  content: "";
}

/* '' */
.icon-angle-right:before {
  content: "";
}

/* '' */
.icon-youtube:before {
  content: "";
}

/* '' */
.icon-linkedin:before {
  content: "";
}

/* '' */
body.vert-lines {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  overflow: auto;
}
body.vert-lines:before, body.vert-lines:after {
  content: "";
  background-color: rgba(212, 212, 212, 0.5);
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 50;
  top: 0;
  bottom: 0;
}
body.vert-lines:before {
  margin-left: 16.66666667%;
  left: 0;
}
body.vert-lines:after {
  margin-right: 16.66666667%;
  right: 0;
}
@media (max-width: 767px) {
  body.vert-lines:before, body.vert-lines:after {
    background-color: rgba(212, 212, 212, 0.25);
  }
}

header {
  width: 100%;
  height: auto;
  display: block;
}
header .container-fluid.no-pad {
  padding: 0 !important;
}
header .container-fluid .no-pad {
  padding: 0 !important;
}
header .container-fluid .row.no-margin {
  margin-left: 0;
  margin-right: 0;
}
header .header-top {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 998;
  margin-top: 80px;
  opacity: 0;
  transition: opacity ease 0.2s;
}
@media (max-width: 767px) {
  header .header-top {
    margin-top: 0;
  }
}
header .header-top.lines .horizontal-line1,
header .header-top.lines .horizontal-line2 {
  background-color: rgba(212, 212, 212, 0.5);
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  z-index: 99;
  left: 0;
  right: 0;
}
@media (max-width: 991px) {
  header .header-top.lines:before {
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    z-index: 999;
    top: 50%;
    background-color: rgba(212, 212, 212, 0.25);
  }
  header .header-top.lines:after {
    content: none;
  }
}
header .header-top .header-logo-block {
  position: fixed;
  left: 0;
  z-index: 999;
}
@media all and (max-width: 991px) {
  header .header-top .header-logo-block {
    position: static;
  }
}
header .header-top .header-logo {
  background: white;
  width: 100%;
  height: auto;
  min-height: 53px;
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  opacity: 0;
}
header .header-top .header-logo > img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 145px;
}
header .header-top .header-menu {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
header .header-top .buttons-conversion-block {
  position: fixed;
  z-index: 999;
}
header .hamburger-menu {
  float: right;
  width: 100%;
  max-width: 160px;
  height: auto;
  background-color: #0c1365;
}
header .hamburger-menu .c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  max-width: 160px;
  max-height: 160px;
  width: 100%;
  height: 100%;
  font-size: 13px;
  appearance: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  position: fixed;
  z-index: 999;
}
header .hamburger-menu .c-hamburger:focus {
  outline: none;
}
header .hamburger-menu .c-hamburger span {
  width: 38px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 3px;
  background: #fff;
}
@media (max-width: 767px) {
  header .hamburger-menu .c-hamburger span {
    width: 28px;
    height: 2px;
    margin-top: -3px;
  }
}
header .hamburger-menu .c-hamburger span::before {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  content: "";
  top: -10px;
}
@media (max-width: 767px) {
  header .hamburger-menu .c-hamburger span::before {
    height: 2px;
    top: -7px;
  }
}
header .hamburger-menu .c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: "";
  bottom: -10px;
}
@media (max-width: 767px) {
  header .hamburger-menu .c-hamburger span::after {
    height: 2px;
    bottom: -7px;
  }
}
header .hamburger-menu .c-hamburger .mobile-text {
  text-transform: lowercase;
  color: #fff;
  font-size: 17px;
  font-family: "MarselisWebW03-Light";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 67%;
  font-style: italic;
}
@media (max-width: 767px) {
  header .hamburger-menu .c-hamburger .mobile-text {
    font-size: 12px;
    top: 64%;
  }
}
header .hamburger-menu .c-hamburger--htx {
  background-color: #0c1365;
}
header .hamburger-menu .c-hamburger--htx span {
  -webkit-transition: background 0s 0.3s;
  -moz-transition: background 0s 0.3s;
  -o-transition: background 0s 0.3s;
  transition: background 0s 0.3s;
}
header .hamburger-menu .c-hamburger--htx span::before {
  -webkit-transition-property: top, transform;
  transition-property: top, transform;
}
header .hamburger-menu .c-hamburger--htx span::after {
  -webkit-transition-property: bottom, transform;
  transition-property: bottom, transform;
}
header .hamburger-menu .c-hamburger--htx span::before, header .hamburger-menu .c-hamburger--htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
  -moz-transition-duration: 0.3s, 0.3s;
  -o-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  -moz-transition-delay: 0.3s, 0s;
  -o-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
}
header .hamburger-menu .c-hamburger--htx.is-active span {
  background: none;
}
header .hamburger-menu .c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
header .hamburger-menu .c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
header .hamburger-menu .c-hamburger--htx.is-active span::before, header .hamburger-menu .c-hamburger--htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
  -moz-transition-delay: 0s, 0.3s;
  -o-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
}
header .conversion-block .cButton1,
header .conversion-block .cButton2 {
  background: #0c1365;
  width: 50%;
  overflow: hidden;
  text-align: center;
  overflow: hidden;
}
header .conversion-block .cButton1 a,
header .conversion-block .cButton2 a {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}
header .conversion-block .cButton1 > img,
header .conversion-block .cButton2 > img {
  display: inline-block;
  max-width: 100%;
  width: 100%;
  height: auto;
  float: left;
}
header .navigation-menu {
  background-color: #fff;
  width: 480px;
  height: auto;
  position: absolute;
  z-index: 800;
  top: 0;
  left: 100%;
}
header .navigation-menu.collapse {
  display: none;
}
header .navigation-menu.collapse.in {
  display: block;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
header .navigation-menu .nav {
  background-color: #fff;
  width: 100%;
  height: auto;
  max-height: 70%;
  max-height: 70vh;
  overflow: auto;
  float: left;
  margin: 0;
  padding: 50px 50px 10px;
  position: absolute;
}
@media (max-width: 767px) {
  header .navigation-menu .nav {
    padding: 8% 8% 10px;
  }
}
header .navigation-menu .nav li {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
header .navigation-menu .nav li > a {
  width: calc(100% - 40px);
  height: auto;
  display: block;
  float: left;
  position: relative;
  margin: 0;
  padding: 15px 10px;
  outline: none;
  text-decoration: none;
  font: 27px "MarselisWebW03-Regular";
  color: #0c1365;
}
@media (max-width: 767px) {
  header .navigation-menu .nav li > a {
    font: 17px/17px "MarselisWebW03-Regular";
  }
}
header .navigation-menu .nav li > a:hover, header .navigation-menu .nav li > a:focus, header .navigation-menu .nav li > a:active {
  background-color: #fff;
  outline: none;
  text-decoration: none;
  color: #ea0018;
}
header .navigation-menu .nav li > a .sub-menu {
  list-style-type: none;
}
header .navigation-menu .nav li.opened > a {
  color: #ea0018;
}
header .navigation-menu .nav li.opened > .drop-ico:before {
  background: white;
  color: #00a844;
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
header .navigation-menu .nav li .drop-ico {
  background: transparent;
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  width: 36px;
  height: 36px;
  border: 0;
  outline: none;
  margin-top: 12px;
}
@media (max-width: 767px) {
  header .navigation-menu .nav li .drop-ico {
    margin-top: 6px;
  }
}
header .navigation-menu .nav li .drop-ico:before {
  content: "︽";
  border: 2px solid #00a844;
  position: absolute;
  top: 50%;
  left: 50%;
  color: green;
  display: block;
  width: 30px;
  text-align: center;
  height: 25px;
  background-color: #00a844;
  color: white;
  line-height: 1;
  margin-top: -8px;
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  padding-bottom: 25px;
}
header .navigation-menu .nav li ul {
  width: 100%;
  height: auto;
  float: left;
  margin: 0;
}
header .navigation-menu .nav li ul.sub-menu:empty + .drop-ico {
  display: none;
}
header .navigation-menu .nav li ul.sub-menu li .drop-ico {
  margin-top: 5px;
}
@media (max-width: 767px) {
  header .navigation-menu .nav li ul.sub-menu li .drop-ico {
    margin-top: 0;
  }
}
header .navigation-menu .nav li ul > li {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
header .navigation-menu .nav li ul > li:first-child {
  margin-top: 20px;
}
@media (max-width: 767px) {
  header .navigation-menu .nav li ul > li:first-child {
    margin-top: 10px;
  }
}
header .navigation-menu .nav li ul > li:last-child {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  header .navigation-menu .nav li ul > li:last-child {
    margin-bottom: 12px;
  }
}
header .navigation-menu .nav li ul > li > a {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  position: relative;
  margin: 0;
  padding: 8px 10px;
  outline: none;
  font-weight: lighter;
  text-decoration: none;
  font: 25px/25px "MarselisWebW03-Light";
  color: #0c1365;
}
@media (max-width: 767px) {
  header .navigation-menu .nav li ul > li > a {
    font: 14px/18px "MarselisWebW03-Light";
  }
}
header .navigation-menu .nav li ul > li > a:hover, header .navigation-menu .nav li ul > li > a:focus, header .navigation-menu .nav li ul > li > a:active {
  background-color: #fff;
  outline: none;
  text-decoration: none;
  color: #ea0018;
}
header .navigation-menu .social-links-header {
  background-color: #fff;
  width: 100%;
  height: auto;
  display: block;
  float: left;
  padding: 15px 50px 40px;
  list-style: none;
  outline: none;
}
@media (max-width: 767px) {
  header .navigation-menu .social-links-header {
    padding: 15px 8% 100px;
  }
}
header .navigation-menu .social-links-header > li {
  width: auto;
  float: left;
  margin: 0;
  padding: 0 10px;
}
header .navigation-menu .social-links-header > li a {
  font-size: 34px;
  color: #0c1365;
  text-decoration: none;
}
@media (max-width: 767px) {
  header .navigation-menu .social-links-header > li a {
    font-size: 22px;
  }
}
header .navigation-menu .social-links-header > li a:hover, header .navigation-menu .social-links-header > li a:focus, header .navigation-menu .social-links-header > li a:active {
  outline: none;
  text-decoration: none;
  color: #ea0018;
}

main {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

.ccm-toolbar-visible header .header-top {
  top: 48px;
  /* pushing down everything in administration mode */
}

.conversion-block {
  padding-right: 0px;
  float: right;
}
.conversion-block .conversion-buttons {
  overflow: hidden;
}
.conversion-block .conversion-buttons .cButton1 {
  display: inline-block;
  float: right;
}
.conversion-block .conversion-buttons .cButton1 a {
  min-height: 160px;
  background-color: #020B66;
  overflow: hidden;
  display: block;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.conversion-block .conversion-buttons .cButton1 a:hover {
  outline-width: 0;
}
.conversion-block .conversion-buttons .cButton1 a img {
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: -webkit-transform 4s ease-out;
  transition: transform 4s ease-out;
  transition: transform 4s ease-out, -webkit-transform 4s ease-out;
}
.conversion-block .conversion-buttons .cButton1 a img:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  outline-width: 0;
}
.conversion-block .conversion-buttons .cButton2 {
  display: inline-block;
  float: right;
  height: 100%;
  background-color: #020B66;
}
.conversion-block .conversion-buttons .cButton2 a {
  min-height: 160px;
  background-color: #020B66;
  overflow: hidden;
  display: block;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.conversion-block .conversion-buttons .cButton2 a:hover {
  outline-width: 0;
}
.conversion-block .conversion-buttons .cButton2 a img {
  height: 100%;
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: -webkit-transform 4s ease-out;
  transition: transform 4s ease-out;
  transition: transform 4s ease-out, -webkit-transform 4s ease-out;
}
.conversion-block .conversion-buttons .cButton2 a img:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  outline-width: 0;
}

nav {
  font-size: 30px;
  font-family: "MarselisWebW03-Regular";
}

.nav-2 {
  font-size: 25px;
  font-family: "MarselisWebW03-Light";
}

.cta-fixed-menu-right {
  font-size: 17px;
  font-family: "MarselisWebW03-Light";
}

.ccm-edit-mode header .header-top {
  position: relative;
  top: 0;
  z-index: 0;
}
.ccm-edit-mode header .header-top .header-menu div {
  float: none;
}

.breadcrumbs {
  padding-top: 5px;
  text-transform: lowercase;
  color: #0c1365;
  font-size: 17px;
  padding-left: 50px;
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .breadcrumbs {
    font-size: 12px;
    padding-right: 16%;
    padding-left: 5px;
  }
}
.breadcrumbs a {
  font-style: italic;
  color: #77797a;
  padding: 10px;
}
.breadcrumbs a.current-page {
  color: #0c1365;
}

main :first-child.section-breadcrums {
  padding-top: 130px;
}

.contact-text .breadcrumbs {
  padding-left: 60px;
}

@media (max-width: 1366px) {
  .breadcrumbs {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .breadcrumbs {
    padding-left: 0px;
  }
}
.section-full-width-teaser {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .section-full-width-teaser {
    margin-bottom: 30px;
  }
}

.section-teaser-icon {
  color: #6d6f71;
  margin-bottom: 100px;
}
.section-teaser-icon h1, .section-teaser-icon h2, .section-teaser-icon h3, .section-teaser-icon h4, .section-teaser-icon h5 {
  color: #0c1365;
  font-family: "MarselisWebW03-Bold";
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 1366px) {
  .section-teaser-icon h1, .section-teaser-icon h2, .section-teaser-icon h3, .section-teaser-icon h4, .section-teaser-icon h5 {
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .section-teaser-icon h1, .section-teaser-icon h2, .section-teaser-icon h3, .section-teaser-icon h4, .section-teaser-icon h5 {
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 25px;
  }
}
@media all and (max-width: 991px) {
  .section-teaser-icon {
    margin-bottom: 25px;
  }
}
.section-teaser-icon .icon-teaser {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  margin-top: 45px;
}
.section-teaser-icon .icon-teaser a {
  background-color: #020B66;
  overflow: hidden;
  display: block;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.section-teaser-icon .icon-teaser a:hover {
  outline-width: 0;
}
@media (max-width: 767px) {
  .section-teaser-icon .icon-teaser + .icon-teaser {
    margin-bottom: 20px;
  }
}
.section-teaser-icon .icon-teaser a {
  width: auto;
  max-width: 50%;
  height: auto;
  overflow: hidden;
  display: block;
  margin: 0;
  float: left;
  margin-right: 50px;
}
@media all and (min-width: 991px) and (max-width: 1399px) {
  .section-teaser-icon .icon-teaser a {
    margin-right: 25px;
  }
}
@media (max-width: 991px) {
  .section-teaser-icon .icon-teaser a {
    float: none;
    display: inline-block;
    margin: 0 auto;
    padding: 0 4px;
    width: auto;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .section-teaser-icon .icon-teaser a {
    max-width: 26vw;
  }
}
.section-teaser-icon .icon-teaser a > img {
  width: auto;
  height: auto;
  display: block;
  float: left;
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: -webkit-transform 4s ease-out;
  transition: transform 4s ease-out;
  transition: transform 4s ease-out, -webkit-transform 4s ease-out;
}
.section-teaser-icon .icon-teaser a > img:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  outline-width: 0;
}
@media (max-width: 991px) {
  .section-teaser-icon .icon-teaser a > img {
    width: 100%;
    height: auto;
    display: inline-block;
    float: none;
  }
}
@media (max-width: 1199px) {
  .section-teaser-icon .icon-teaser {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .section-teaser-icon .icon-teaser {
    margin-top: 5px;
  }
}
.section-teaser-icon .left-block {
  padding-left: 50px;
}
@media (max-width: 1199px) {
  .section-teaser-icon .left-block {
    padding-left: 15px;
  }
}
@media all and (max-width: 360px) {
  .section-teaser-icon .left-block {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 1366px) {
  .section-teaser-icon .left-block .line-red {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .section-teaser-icon .left-block .line-red {
    margin-bottom: 5px;
  }
}
.section-teaser-icon .left-block p {
  font-size: 18px;
  font-family: "MarselisWebW03-Regular";
}
@media (max-width: 991px) {
  .section-teaser-icon .left-block p {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .section-teaser-icon .left-block p {
    font-size: 12px;
    line-height: 15px;
    font-family: "MarselisWebW03-Regular";
  }
}
@media all and (max-width: 480px) {
  .section-teaser-icon .left-block img {
    width: 100%;
  }
}
@media all and (max-width: 1199px) {
  .section-teaser-icon .left-block {
    text-align: center;
  }
}
.section-teaser-icon .right-block {
  padding-right: 50px;
}
@media (max-width: 1199px) {
  .section-teaser-icon .right-block {
    padding-right: 0;
  }
}
.section-teaser-icon .right-block img {
  float: right;
}
@media (max-width: 1199px) {
  .section-teaser-icon .right-block img {
    float: none;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .section-teaser-icon .right-block {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .section-teaser-icon .right-block {
    padding-right: 0;
    padding-left: 0;
  }
}

.section-full-width-teaser {
  margin-bottom: 0px;
}
@media (max-width: 991px) {
  .section-full-width-teaser {
    margin-bottom: 0px;
  }
}
.section-full-width-teaser .full-width-teaser {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  height: 60vw !important;
}
@media (max-width: 767px) {
  .section-full-width-teaser .full-width-teaser {
    width: 100%;
    height: 100vw !important;
  }
}
.section-full-width-teaser .full-width-teaser:before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
}
.section-full-width-teaser .full-teaser-image {
  position: relative;
}
.section-full-width-teaser .full-teaser-content h1, .section-full-width-teaser .full-teaser-content h2, .section-full-width-teaser .full-teaser-content h3, .section-full-width-teaser .full-teaser-content h4, .section-full-width-teaser .full-teaser-content h5, .section-full-width-teaser .full-teaser-content h6 {
  color: #fff;
  text-align: center;
  text-shadow: 0px 1px 0px black;
}
.section-full-width-teaser .full-teaser-content .subtitle {
  font-family: "ClarendonTBol";
}
@media all and (max-width: 767px) {
  .section-full-width-teaser .full-teaser-content .subtitle {
    font-size: 12px;
  }
}
.section-full-width-teaser .full-teaser-content .title {
  font-family: "MarselisWebW03-Bold";
  font-size: 75px;
}
@media all and (max-width: 991px) {
  .section-full-width-teaser .full-teaser-content .title {
    font-size: 50px;
  }
}
@media all and (max-width: 767px) {
  .section-full-width-teaser .full-teaser-content .title {
    font-size: 25px;
  }
}
.section-full-width-teaser .full-teaser-content .buttons {
  text-align: center;
}
.section-full-width-teaser .full-teaser-content .icons img {
  margin-right: 50px;
  display: inline-block;
}
@media all and (max-width: 767px) {
  .section-full-width-teaser .full-teaser-content .icons img {
    margin-right: 20px;
  }
}
.section-full-width-teaser .full-teaser-content .icons img:last-of-type {
  margin-right: 0px;
}
@media (max-width: 767px) {
  .section-full-width-teaser .full-teaser-content .icons .clear-pad {
    padding: 0 8px;
  }
}

.section-logo-slider h1, .section-logo-slider h2, .section-logo-slider h3, .section-logo-slider h4, .section-logo-slider h5, .section-logo-slider h6 {
  font-family: "MarselisWebW03-Bold";
  font-size: 50px;
  color: #0c1365;
}
@media all and (max-width: 767px) {
  .section-logo-slider h1, .section-logo-slider h2, .section-logo-slider h3, .section-logo-slider h4, .section-logo-slider h5, .section-logo-slider h6 {
    font-size: 25px;
  }
}
@media all and (max-width: 767px) {
  .section-logo-slider p {
    font-size: 12px;
  }
}

.section-three-columns {
  margin-top: 90px;
  margin-bottom: 90px;
}
@media (max-width: 1366px) {
  .section-three-columns {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .section-three-columns {
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.section-three-columns .laptop-padding-zero {
  width: 100%;
  padding: 0 15px;
  float: left;
}
@media (max-width: 767px) {
  .section-three-columns .laptop-padding-zero {
    padding: 0;
  }
}
@media all and (max-width: 480px) {
  .section-three-columns .one-third-block-left {
    margin-left: 0px;
    width: 100%;
  }
}
@media all and (max-width: 360px) {
  .section-three-columns .one-third-block-left {
    padding-left: 11px;
    padding-right: 11px;
  }
}
@media all and (max-width: 480px) {
  .section-three-columns .one-third-block-right {
    margin-left: 0px;
    width: 100%;
  }
}
@media all and (max-width: 360px) {
  .section-three-columns .one-third-block-right {
    padding-left: 11px;
    padding-right: 11px;
  }
}
.section-three-columns .one-third-block-middle img {
  width: 100%;
}
@media all and (max-width: 480px) {
  .section-three-columns .one-third-block-middle {
    margin-left: 0px;
    width: 100%;
  }
}
@media all and (max-width: 360px) {
  .section-three-columns .one-third-block-middle {
    padding-left: 11px;
    padding-right: 11px;
  }
}
@media (max-width: 1199px) {
  .section-three-columns .one-third-block {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .section-three-columns .one-third-block {
    margin-bottom: 15px;
  }
}
.section-three-columns .one-third-block .full-width-teaser-one-third, .section-three-columns .one-third-block .block-form, .section-three-columns .one-third-block .news-section {
  border: 1px solid #DDDADA;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section-three-columns .one-third-block .full-width-teaser-one-third:hover, .section-three-columns .one-third-block .block-form:hover, .section-three-columns .one-third-block .news-section:hover {
  -moz-box-shadow: 0 5px 15px #ccc;
  -webkit-box-shadow: 0 5px 15px #ccc;
  box-shadow: 0 5px 15px #ccc;
}
@media all and (max-width: 767px) {
  .section-three-columns .one-third-block #formblock78 {
    text-align: center;
  }
}
.section-three-columns .one-third-block .subtitle {
  color: #6d6f71;
  font-size: 18px;
  font-family: "MarselisWebW03-Regular";
}
@media all and (max-width: 767px) {
  .section-three-columns .one-third-block .subtitle {
    font-size: 12px;
    text-align: center;
  }
}
.section-three-columns .one-third-block form {
  padding: 30px 25px 50px 25px;
}
@media (max-width: 1366px) {
  .section-three-columns .one-third-block form {
    padding: 15px 20px 30px;
    margin: 0;
  }
}
.section-three-columns .one-third-block form .form-control.active + .placeholder {
  top: 0;
  font-size: 12px;
  color: #ccc;
}
@media all and (max-width: 767px) {
  .section-three-columns .one-third-block form .form-control.active + .placeholder {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .section-three-columns .one-third-block .form-title {
    text-align: center;
  }
}
.section-three-columns .one-third-block .form-title h1, .section-three-columns .one-third-block .form-title h2, .section-three-columns .one-third-block .form-title h3, .section-three-columns .one-third-block .form-title h4, .section-three-columns .one-third-block .form-title h5, .section-three-columns .one-third-block .form-title h6 {
  font-family: "MarselisWebW03-Bold";
  font-size: 25px;
  color: #0c1365;
  margin-bottom: 15px;
  margin-top: 0px;
}
@media (max-width: 1366px) {
  .section-three-columns .one-third-block .form-title h1, .section-three-columns .one-third-block .form-title h2, .section-three-columns .one-third-block .form-title h3, .section-three-columns .one-third-block .form-title h4, .section-three-columns .one-third-block .form-title h5, .section-three-columns .one-third-block .form-title h6 {
    font-size: 22px;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .section-three-columns .one-third-block .form-title h1, .section-three-columns .one-third-block .form-title h2, .section-three-columns .one-third-block .form-title h3, .section-three-columns .one-third-block .form-title h4, .section-three-columns .one-third-block .form-title h5, .section-three-columns .one-third-block .form-title h6 {
    font-size: 15px;
  }
}
.section-three-columns .one-third-block .line-red {
  margin-bottom: 10px;
}
@media all and (max-width: 767px) {
  .section-three-columns .one-third-block .line-red {
    text-align: center;
    display: inline-block;
  }
}
.section-three-columns .one-third-block .contact-form {
  padding-top: 20px;
}
.section-three-columns .one-third-block .contact-form > div {
  padding-left: 0;
  padding-right: 0;
}
.section-three-columns .one-third-block .contact-form .form-group {
  margin-bottom: 40px;
}
@media (max-width: 1366px) {
  .section-three-columns .one-third-block .contact-form .form-group {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .section-three-columns .one-third-block .contact-form .form-group {
    margin-bottom: 15px;
  }
}
@media all and (max-width: 767px) {
  .section-three-columns .one-third-block .contact-form .form-group textarea {
    padding-left: 4px;
  }
}
.section-three-columns .one-third-block .contact-form .form-group .form-control {
  border: none;
  border-bottom: 1px solid #ccc;
  box-shadow: none;
  border-radius: 0px;
  color: #6d6f71;
  font-family: "MarselisWebW03-Regular";
  font-size: 16px;
  line-height: 24px;
}
@media all and (max-width: 767px) {
  .section-three-columns .one-third-block .contact-form .form-group .form-control {
    font-size: 12px;
  }
}
@media all and (max-width: 767px) {
  .section-three-columns .one-third-block .contact-form .form-group .form-control::-webkit-input-placeholder, .section-three-columns .one-third-block .contact-form .form-group .form-control::-moz-placeholder, .section-three-columns .one-third-block .contact-form .form-group .form-control:-ms-input-placeholder, .section-three-columns .one-third-block .contact-form .form-group .form-control:-moz-placeholder {
    font-size: 12px;
  }
}
.section-three-columns .one-third-block .contact-form .form-group .form-control:focus {
  border-color: transparent;
  box-shadow: none;
  border-bottom: 1px solid #00a844;
}
.section-three-columns .one-third-block .contact-form .form-group .form-control:active {
  border-bottom: 1px solid #00a844;
}
.section-three-columns .one-third-block .contact-form .form-group .text-count-message {
  float: right;
  font-family: "MarselisWebW03-Regular";
  font-size: 12px;
  color: #999;
}
@media all and (max-width: 767px) {
  .section-three-columns .one-third-block .contact-form .form-group .text-count-message {
    font-size: 10px;
  }
}
.section-three-columns .one-third-block .contact-form .form-group textarea {
  resize: none;
}
.section-three-columns .one-third-block .teaser-one-third-block {
  padding: 30px 30px 40px 30px;
}
@media (max-width: 1366px) {
  .section-three-columns .one-third-block .teaser-one-third-block {
    padding: 0 20px 20px;
  }
}
@media all and (max-width: 767px) {
  .section-three-columns .one-third-block .teaser-one-third-block {
    padding: 0px 20px 15px 20px;
  }
}
.section-three-columns .one-third-block .teaser-one-third-block .title {
  font-family: "MarselisWebW03-Bold";
  font-size: 20px;
  color: #0c1365;
}
@media all and (max-width: 767px) {
  .section-three-columns .one-third-block .teaser-one-third-block .title {
    font-size: 15px;
  }
}
.section-three-columns .one-third-block .teaser-one-third-block p {
  font-family: "MarselisWebW03-Regular";
  font-size: 16px;
  color: #6d6f71;
}
@media all and (max-width: 767px) {
  .section-three-columns .one-third-block .teaser-one-third-block p {
    font-size: 12px;
  }
}
.section-three-columns .one-third-block .news-section {
  padding-right: 25px;
  padding-left: 25px;
}
@media (max-width: 1366px) {
  .section-three-columns .one-third-block .news-section {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.section-three-columns .one-third-block .news-section .news-block .title {
  display: block;
  font-family: "MarselisWebW03-Bold";
  color: #0c1365;
  text-transform: capitalize;
  text-decoration: none;
  font-size: 25px;
}
.section-three-columns .one-third-block .news-section .news-block .line-red {
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
}
.section-three-columns .one-third-block .news-section .news-block .description {
  font-family: "MarselisWebW03-Regular";
  font-size: 16px;
  color: #6d6f71;
  display: inline-block;
}
@media (max-width: 1366px) {
  .section-three-columns .one-third-block .news-section .news-block .description {
    font-size: 14px;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .section-three-columns .one-third-block .news-section .news-block .description {
    font-size: 12px;
  }
}
.section-three-columns .one-third-block .news-section .news-block .description p {
  font-family: "MarselisWebW03-Regular";
  font-size: 16px;
  color: #6d6f71;
  display: inline-block;
}
@media (max-width: 1366px) {
  .section-three-columns .one-third-block .news-section .news-block .description p {
    font-size: 14px;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .section-three-columns .one-third-block .news-section .news-block .description p {
    font-size: 12px;
  }
}
.section-three-columns .one-third-block .news-section .news-block .description a {
  color: #00a844;
}
@media (max-width: 1366px) {
  .section-three-columns .one-third-block .news-section .news-block .description a {
    font-size: 14px;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .section-three-columns .one-third-block .news-section .news-block .description a {
    font-size: 12px;
  }
}
.section-three-columns .one-third-block .news-section .news-block .description a.more {
  font-family: "MarselisWebW03-Bold";
  font-size: 16px;
  text-decoration: none;
}
@media all and (max-width: 767px) {
  .section-three-columns .one-third-block .news-section .news-block .description a.more {
    font-size: 12px;
  }
}
.section-three-columns .one-third-block .news-section .news-block.withPageList {
  border-bottom: 1px solid #DDDADA;
  padding-bottom: 25px;
  padding-top: 20px;
}
@media (max-width: 1366px) {
  .section-three-columns .one-third-block .news-section .news-block.withPageList {
    padding-bottom: 15px;
    padding-top: 10px;
  }
}
@media (max-width: 1366px) {
  .section-three-columns .one-third-block .news-section .news-block.withPageList:last-child {
    border: 0;
  }
}
.section-three-columns .one-third-block .news-section .news-block.withPageList a.more {
  color: #00a844;
}
@media (max-width: 1366px) {
  .section-three-columns .one-third-block .news-section .news-block.withPageList a.more {
    font-size: 14px;
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .section-three-columns .one-third-block .news-section .news-block.withPageList a.more {
    font-size: 12px;
  }
}
.section-three-columns .one-third-block .news-section .news-block.withPageList a.more.more {
  font-family: "MarselisWebW03-Bold";
  font-size: 16px;
  text-decoration: none;
}
@media all and (max-width: 767px) {
  .section-three-columns .one-third-block .news-section .news-block.withPageList a.more.more {
    font-size: 12px;
  }
}

@media all and (max-width: 376px) {
  .full-width-teaser-section.inverted .left-block-inverted {
    margin-left: 0px;
    padding-right: 0px;
  }
}
@media all and (max-width: 360px) {
  .full-width-teaser-section.inverted .left-block-inverted {
    margin-left: 0px;
    padding-right: 0px;
  }
}
@media all and (max-width: 376px) {
  .full-width-teaser-section.inverted .left-block-inverted .left-block {
    padding-left: 47px;
    padding-right: 5px;
  }
}
@media all and (max-width: 360px) {
  .full-width-teaser-section.inverted .left-block-inverted .left-block {
    padding-left: 47px;
    padding-right: 5px;
  }
}
@media all and (max-width: 376px) {
  .full-width-teaser-section.inverted .left-block-inverted .left-block .expandable:before {
    left: 47px;
  }
}
@media all and (max-width: 360px) {
  .full-width-teaser-section.inverted .left-block-inverted .left-block .expandable:before {
    left: 47px;
  }
}
@media all and (max-width: 376px) {
  .full-width-teaser-section.inverted .left-block-inverted .right-block {
    padding-left: 47px;
    padding-right: 5px;
  }
}
@media all and (max-width: 360px) {
  .full-width-teaser-section.inverted .left-block-inverted .right-block {
    padding-left: 47px;
    padding-right: 5px;
  }
}

.full-width-teaser-section {
  margin-bottom: 60px;
  position: relative;
  z-index: 99;
}
@media (max-width: 1199px) {
  .full-width-teaser-section {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .full-width-teaser-section .container-fluid {
    padding: 0 8.333333%;
  }
}
.full-width-teaser-section .full-width-teaser {
  position: relative;
}
@media (max-width: 767px) {
  .full-width-teaser-section .full-width-teaser {
    background-position: 35% center !important;
  }
}
.full-width-teaser-section .full-width-teaser:before {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
}
.full-width-teaser-section .left-block {
  margin-top: 20px;
  padding-left: 50px;
  padding-right: 50px;
  color: #6d6f71;
  font-size: 18px;
  font-family: "MarselisWebW03-Regular";
  line-height: 30px;
}
@media (max-width: 1366px) {
  .full-width-teaser-section .left-block {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 1199px) {
  .full-width-teaser-section .left-block {
    margin-top: 0px;
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .full-width-teaser-section .left-block {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media (max-width: 1366px) {
  .full-width-teaser-section .left-block {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 767px) {
  .full-width-teaser-section .left-block {
    line-height: 15px;
    font-size: 12px;
  }
}
@media all and (max-width: 376px) {
  .full-width-teaser-section .left-block .text-left-block {
    margin-left: 0px;
    width: 92%;
    padding-left: 14px;
  }
}
@media all and (max-width: 360px) {
  .full-width-teaser-section .left-block .text-left-block {
    margin-left: 12px;
    width: 92%;
  }
}
.full-width-teaser-section .left-block p {
  color: #6d6f71;
  font-size: 18px;
  font-family: "MarselisWebW03-Regular";
  line-height: 30px;
}
@media (max-width: 1366px) {
  .full-width-teaser-section .left-block p {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .full-width-teaser-section .left-block p {
    line-height: 15px;
    font-size: 12px;
  }
}
.full-width-teaser-section .left-block .title {
  color: #0c1365;
  font-family: "MarselisWebW03-Bold";
  font-size: 30px;
  margin-bottom: 30px;
  margin-top: 0px;
  text-indent: -2px;
}
.full-width-teaser-section .left-block .title.big {
  font-size: 40px;
}
@media (max-width: 1366px) {
  .full-width-teaser-section .left-block .title {
    margin-bottom: 15px;
    margin-top: 8px;
  }
}
@media (max-width: 991px) {
  .full-width-teaser-section .left-block .title {
    margin-top: 0px;
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .full-width-teaser-section .left-block .title {
    font-size: 20px;
  }
  .full-width-teaser-section .left-block .title.big {
    font-size: 25px;
  }
}
.full-width-teaser-section .left-block .subtitle {
  margin-top: 0;
  margin-bottom: 15px;
  color: #0c1365;
  font-family: "ClarendonTLig";
  font-size: 25px;
  line-height: 25px;
}
@media (max-width: 1366px) {
  .full-width-teaser-section .left-block .subtitle {
    font-size: 22px;
    line-height: 22px;
  }
}
@media (max-width: 1199px) {
  .full-width-teaser-section .left-block .subtitle {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .full-width-teaser-section .left-block .subtitle {
    font-size: 13px;
  }
}
.full-width-teaser-section .left-block .line-red {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .full-width-teaser-section .left-block .line-red {
    margin-bottom: 10px;
  }
}
@media (max-width: 1199px) {
  .full-width-teaser-section .right-block {
    margin-bottom: 30px;
  }
  .full-width-teaser-section .right-block img {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .full-width-teaser-section .right-block {
    padding-right: 50px;
    padding-left: 50px;
  }
}
.full-width-teaser-section .right-block .text-left-block {
  padding-top: 0px;
}
@media all and (max-width: 1366px) {
  .full-width-teaser-section .right-block .text-left-block {
    padding-top: 0px;
  }
}
@media all and (max-width: 1199px) {
  .full-width-teaser-section .right-block .text-left-block {
    padding-top: 0px;
  }
}
@media all and (max-width: 376px) {
  .full-width-teaser-section .right-block .text-left-block {
    margin-left: 0px;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media all and (max-width: 360px) {
  .full-width-teaser-section .right-block .text-left-block {
    margin-left: 10px;
    width: 92%;
  }
}
.full-width-teaser-section .left-block-img {
  margin-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 991px) {
  .full-width-teaser-section .left-block-img {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media (max-width: 1199px) {
  .full-width-teaser-section .left-block-img img {
    width: 100%;
  }
}
.full-width-teaser-section .right-block-text {
  margin-top: 20px;
  padding-left: 50px;
  padding-right: 50px;
}
@media all and (max-width: 1199px) {
  .full-width-teaser-section .right-block-text {
    margin-top: 0px;
    margin-bottom: 30px;
  }
}
@media all and (max-width: 991px) {
  .full-width-teaser-section .right-block-text {
    padding-right: 50px;
    padding-left: 50px;
  }
}
.full-width-teaser-section .right-block-text .title {
  color: #0c1365;
  font-family: "MarselisWebW03-Bold";
  font-size: 50px;
  margin-bottom: 30px;
  margin-top: 0;
  text-indent: -2px;
}
@media all and (max-width: 1199px) {
  .full-width-teaser-section .right-block-text .title {
    font-size: 40px;
  }
}
@media all and (max-width: 991px) {
  .full-width-teaser-section .right-block-text .title {
    margin-top: 0px;
    margin-bottom: 5px;
  }
}
@media all and (max-width: 767px) {
  .full-width-teaser-section .right-block-text .title {
    font-size: 25px;
  }
}
.full-width-teaser-section .right-block-text .subtitle {
  margin-top: 0px;
  margin-bottom: 15px;
  color: #0c1365;
  font-family: "ClarendonTLig";
  font-size: 25px;
  line-height: 25px;
}
@media all and (max-width: 1199px) {
  .full-width-teaser-section .right-block-text .subtitle {
    margin-top: 0px;
  }
}
@media all and (max-width: 767px) {
  .full-width-teaser-section .right-block-text .subtitle {
    font-size: 13px;
  }
}
.full-width-teaser-section .right-block-text .line-red {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  .full-width-teaser-section .right-block-text .line-red {
    margin-bottom: 10px;
  }
}
.full-width-teaser-section .right-block-text p {
  color: #6d6f71;
  font-size: 18px;
  font-family: "MarselisWebW03-Regular";
  line-height: 30px;
}
@media (max-width: 767px) {
  .full-width-teaser-section .right-block-text p {
    line-height: 15px;
    font-size: 12px;
  }
}

.inheritLink, .inheritLink:hover, .inheritLink:active, .inheritLink:visited {
  color: inherit;
  text-decoration: inherit;
  outline: inherit;
  border: inherit;
}

.section-contact .contact-img {
  padding-left: 0px;
  padding-right: 0px;
}
.section-contact .contact-text {
  padding-top: 320px;
}
@media (max-width: 1366px) {
  .section-contact .contact-text {
    padding-top: 250px;
  }
}
@media (max-width: 1199px) {
  .section-contact .contact-text {
    padding-top: 220px;
  }
}
@media (max-width: 767px) {
  .section-contact .contact-text {
    padding: 0 16.66667%;
    padding-top: 30px;
  }
}
.section-contact .contact-text .contactBlock {
  padding-left: 70px;
}
@media (max-width: 1366px) {
  .section-contact .contact-text .contactBlock {
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .section-contact .contact-text .contactBlock {
    padding: 0;
  }
}
.section-contact .contact-text .contactBlock h1, .section-contact .contact-text .contactBlock h2, .section-contact .contact-text .contactBlock h3, .section-contact .contact-text .contactBlock h4, .section-contact .contact-text .contactBlock h5, .section-contact .contact-text .contactBlock h6 {
  font-family: "MarselisWebW03-Bold";
  font-size: 50px;
  color: #0c1365;
  line-height: 50px;
  margin-top: 0px;
  margin-bottom: 5px;
}
@media (max-width: 1366px) {
  .section-contact .contact-text .contactBlock h1, .section-contact .contact-text .contactBlock h2, .section-contact .contact-text .contactBlock h3, .section-contact .contact-text .contactBlock h4, .section-contact .contact-text .contactBlock h5, .section-contact .contact-text .contactBlock h6 {
    font-size: 35px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .section-contact .contact-text .contactBlock h1, .section-contact .contact-text .contactBlock h2, .section-contact .contact-text .contactBlock h3, .section-contact .contact-text .contactBlock h4, .section-contact .contact-text .contactBlock h5, .section-contact .contact-text .contactBlock h6 {
    font-size: 25px;
    padding-left: 0px;
    line-height: 25px;
  }
}
.section-contact .contact-text .contactBlock .description {
  margin-bottom: 70px;
}
@media (max-width: 1366px) {
  .section-contact .contact-text .contactBlock .description {
    margin-bottom: 50px;
  }
}
@media all and (max-width: 767px) {
  .section-contact .contact-text .contactBlock .description {
    margin-bottom: 35px;
  }
}
.section-contact .contact-text .contactBlock .description p {
  padding-top: 40px;
  font-family: "MarselisWebW03-Regular";
  color: #6d6f71;
  font-size: 18px;
}
@media (max-width: 1366px) {
  .section-contact .contact-text .contactBlock .description p {
    padding-top: 20px;
    font-size: 16px;
    line-height: 18px;
  }
}
@media (max-width: 767px) {
  .section-contact .contact-text .contactBlock .description p {
    font-size: 12px;
    padding-top: 15px;
  }
}
.section-contact .contact-text .contactBlock .description p a {
  font-family: "MarselisWebW03-Regular";
  color: #6d6f71;
  font-size: 18px;
}
@media all and (max-width: 767px) {
  .section-contact .contact-text .contactBlock .description p a {
    font-size: 12px;
  }
}
.section-contact .contact-text .contactBlock .buttons {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 1366px) {
  .section-contact .contact-text .contactBlock .buttons {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .section-contact .contact-text .contactBlock .buttons {
    width: 100%;
  }
}
.section-contact .contact-text .contactBlock .buttons .contact-button:last-of-type {
  margin-right: 0px;
}
@media (max-width: 1366px) {
  .section-contact .contact-text .contactBlock .buttons .contact-button {
    font-size: 16px;
    line-height: 16px;
    padding: 10px 15px;
  }
}
@media (max-width: 767px) {
  .section-contact .contact-text .contactBlock .buttons .contact-button {
    font-size: 12px;
    padding: 10px 15px;
    margin-right: 10px;
  }
}
@media all and (max-width: 480px) {
  .section-contact .contact-text .contactBlock .buttons .contact-button {
    font-size: 11px;
    padding: 10px 2px;
    margin-right: 3px;
  }
}
.section-contact .contact-text .contactBlock .buttons .contact-button + .contact-button {
  margin-left: 15px;
}
@media (max-width: 1366px) {
  .section-contact .contact-text .contactBlock .buttons .contact-button + .contact-button {
    margin-left: 0;
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .section-contact .contact-text .contactBlock .buttons .contact-button + .contact-button {
    margin-left: 15px;
    margin-top: 0;
  }
}

.section-contact-form {
  padding-bottom: 80px;
}
@media all and (max-width: 767px) {
  .section-contact-form {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media all and (max-width: 360px) {
  .section-contact-form .contact-form-block {
    margin-left: 10px;
    width: 92%;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.section-contact-form .form-title {
  padding-top: 30px;
  text-align: center;
}
@media all and (max-width: 767px) {
  .section-contact-form .form-title {
    padding-top: 10px;
  }
}
.section-contact-form .form-title h1, .section-contact-form .form-title h2, .section-contact-form .form-title h3, .section-contact-form .form-title h4, .section-contact-form .form-title h5, .section-contact-form .form-title h6 {
  font-family: "MarselisWebW03-Bold";
  font-size: 50px;
  color: #0c1365;
  margin-bottom: 30px;
}
@media all and (max-width: 767px) {
  .section-contact-form .form-title h1, .section-contact-form .form-title h2, .section-contact-form .form-title h3, .section-contact-form .form-title h4, .section-contact-form .form-title h5, .section-contact-form .form-title h6 {
    font-size: 25px;
    margin-bottom: 15px;
  }
}
@media all and (max-width: 991px) {
  .section-contact-form .line-red {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 767px) {
  .section-contact-form .line-red {
    margin-bottom: 20px;
  }
}
.section-contact-form .contact-form {
  -moz-box-shadow: 0 5px 15px #ccc;
  -webkit-box-shadow: 0 5px 15px #ccc;
  box-shadow: 0 5px 15px #ccc;
  padding-left: 150px;
  padding-right: 150px;
  padding-top: 100px;
}
@media all and (max-width: 1199px) {
  .section-contact-form .contact-form {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media all and (max-width: 767px) {
  .section-contact-form .contact-form {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 30px;
  }
}
.section-contact-form .contact-form .form-group {
  margin-bottom: 40px;
}
@media all and (max-width: 767px) {
  .section-contact-form .contact-form .form-group {
    margin-bottom: 15px;
  }
}
@media all and (max-width: 767px) {
  .section-contact-form .contact-form .form-group textarea {
    padding-left: 4px;
  }
}
.section-contact-form .contact-form .form-group .form-control {
  border: none;
  border-bottom: 1px solid #ccc;
  box-shadow: none;
  border-radius: 0px;
  color: #6d6f71;
  font-family: "MarselisWebW03-Regular";
  font-size: 16px;
  line-height: 24px;
}
@media all and (max-width: 767px) {
  .section-contact-form .contact-form .form-group .form-control::-webkit-input-placeholder, .section-contact-form .contact-form .form-group .form-control::-moz-placeholder, .section-contact-form .contact-form .form-group .form-control:-ms-input-placeholder, .section-contact-form .contact-form .form-group .form-control:-moz-placeholder {
    font-size: 12px;
  }
}
.section-contact-form .contact-form .form-group .form-control:focus {
  border-color: transparent;
  box-shadow: none;
  border-bottom: 1px solid #00a844;
}
.section-contact-form .contact-form .form-group .form-control:active {
  border-bottom: 1px solid #00a844;
}
.section-contact-form .contact-form .form-group .text-count-message {
  float: right;
  font-family: "MarselisWebW03-Regular";
  font-size: 12px;
  color: #999;
}
@media all and (max-width: 767px) {
  .section-contact-form .contact-form .form-group .text-count-message {
    font-size: 10px;
  }
}
.section-contact-form .contact-form .form-group textarea {
  resize: none;
}
.section-contact-form .contact-form .form-actions {
  text-align: center;
}
.section-contact-form .contact-form .form-actions .form-button {
  font-family: "MarselisWebW03-Regular";
  font-size: 20px;
  color: #fff;
  background-color: #00a844;
  border-radius: 0px;
  margin-bottom: 65px;
}
@media all and (max-width: 767px) {
  .section-contact-form .contact-form .form-actions .form-button {
    font-size: 12px;
    margin-bottom: 20px;
    margin-top: 15px;
  }
}

form .form-group {
  position: relative;
}
form .form-control.active + span.placeholder {
  top: 0;
  font-size: 12px;
  color: #ccc;
}
form .form-control + span.placeholder {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 9;
  color: #6d6f71;
  pointer-events: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media all and (max-width: 767px) {
  form .form-control + span.placeholder {
    top: 50%;
    font-size: 12px;
  }
}

.section.full-width-teaser-section .text-left-block a.special-video-opener, .section.full-width-teaser-section .left-block-inverted a.special-video-opener {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
@media (max-width: 767px) {
  .section.full-width-teaser-section .text-left-block a.special-video-opener, .section.full-width-teaser-section .left-block-inverted a.special-video-opener {
    line-height: 65px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
  }
}
.section.full-width-teaser-section .text-left-block a.special-video-opener .fa, .section.full-width-teaser-section .left-block-inverted a.special-video-opener .fa {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .section.full-width-teaser-section .text-left-block a.special-video-opener .fa, .section.full-width-teaser-section .left-block-inverted a.special-video-opener .fa {
    margin: 0;
    font-size: 20px;
    line-height: 1;
    text-indent: 3px;
  }
}
.section.full-width-teaser-section .text-left-block .youtube-fixed-container, .section.full-width-teaser-section .left-block-inverted .youtube-fixed-container {
  position: absolute;
  padding: 30px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  max-height: 0px;
  max-width: 0px;
}
.section.full-width-teaser-section .text-left-block .youtube-fixed-container.active, .section.full-width-teaser-section .left-block-inverted .youtube-fixed-container.active {
  position: fixed;
  transform: none;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 100vh;
  max-width: 100vw;
  background: rgba(0, 0, 0, 0.25);
}
.section.full-width-teaser-section .text-left-block .youtube-fixed-container.active .close-iframe, .section.full-width-teaser-section .left-block-inverted .youtube-fixed-container.active .close-iframe {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 50px;
  top: 70px;
  background: transparent;
  border: none;
  padding: 0px;
}
.section.full-width-teaser-section .text-left-block .youtube-fixed-container.active .close-iframe:before, .section.full-width-teaser-section .text-left-block .youtube-fixed-container.active .close-iframe:after, .section.full-width-teaser-section .left-block-inverted .youtube-fixed-container.active .close-iframe:before, .section.full-width-teaser-section .left-block-inverted .youtube-fixed-container.active .close-iframe:after {
  content: "";
  height: 4px;
  background: #fff;
  position: absolute;
  width: 30px;
  left: 0;
}
.section.full-width-teaser-section .text-left-block .youtube-fixed-container.active .close-iframe:before, .section.full-width-teaser-section .left-block-inverted .youtube-fixed-container.active .close-iframe:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.section.full-width-teaser-section .text-left-block .youtube-fixed-container.active .close-iframe:after, .section.full-width-teaser-section .left-block-inverted .youtube-fixed-container.active .close-iframe:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .section.full-width-teaser-section .text-left-block .youtube-fixed-container.active, .section.full-width-teaser-section .left-block-inverted .youtube-fixed-container.active {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section.full-width-teaser-section .text-left-block .youtube-fixed-container.active .close-iframe, .section.full-width-teaser-section .left-block-inverted .youtube-fixed-container.active .close-iframe {
    top: 50px;
  }
}

.relative {
  position: relative;
}

.section-news-overview a, .section-news-overview a:hover, .section-news-overview a:active {
  color: inherit;
  outline: inherit;
  text-decoration: inherit;
}
.section-news-overview .content-block {
  text-align: center;
  margin-bottom: 60px;
}
.section-news-overview .content-block h1, .section-news-overview .content-block h2, .section-news-overview .content-block h3, .section-news-overview .content-block h4 {
  font-family: "MarselisWebW03-Bold";
  font-size: 50px;
  color: #0c1365;
  line-height: 50px;
  margin-top: 0px;
  margin-bottom: 30px;
}
.section-news-overview .content-block p {
  font-family: "MarselisWebW03-Regular";
  font-size: 18px;
  color: #6d6f71;
  line-height: 30px;
}
.section-news-overview .content-block .line-red {
  margin-bottom: 20px;
}
.section-news-overview .categories-news {
  color: #0c1365;
  font-family: "MarselisWebW03-Regular";
  text-align: center;
  line-height: 1.5em;
  padding-bottom: 50px;
}
.section-news-overview .categories-news span {
  display: inline-block;
  padding-right: 35px;
}
.section-news-overview .categories-news .categories-list {
  padding: 0px;
  display: inline-block;
}
.section-news-overview .categories-news li {
  list-style: none;
  display: inline-block;
  padding-right: 35px;
}
.section-news-overview .categories-news li a {
  color: #0c1365;
}
.section-news-overview .categories-news li.active a {
  color: #FE0000;
  text-decoration: underline;
}
.section-news-overview .categories-news .active {
  color: #FE0000;
  text-decoration: underline;
}
.section-news-overview .news-list li {
  list-style: none;
  padding-bottom: 30px;
}
.section-news-overview .news-list .news-block-list {
  padding-left: 0px;
}
.section-news-overview .news-article {
  background: #f6f6f6;
  margin: 0px;
}
.section-news-overview .news-article .col-sm-3 {
  padding-left: 0px;
}
.section-news-overview .news-article .col-sm-9 {
  line-height: 1.42857143;
  padding-top: 10px;
  padding-bottom: 30px;
  padding-right: 30px;
  font-family: "MarselisWebW03-Regular";
}
.section-news-overview .news-article .col-sm-9 .title {
  font-family: "MarselisWebW03-Light";
  font-size: 26px;
  color: #0c1365;
}
.section-news-overview .news-article .col-sm-9 .title strong {
  font-family: "MarselisWebW03-Bold";
  padding-right: 5px;
}
.section-news-overview .news-article .col-sm-9 i.public-date {
  font-size: 0.8em;
}
.section-news-overview .news-article .col-sm-9 .news-description {
  padding-top: 10px;
  overflow: hidden;
  max-height: 4.5em;
}
.section-news-overview .news-article .col-sm-9 .to-bottom-right {
  position: absolute;
  bottom: 5px;
  right: 30px;
  text-decoration: underline;
  color: #02AA39;
}
.section-news-overview .news-article .col-sm-9 .to-bottom-right a {
  text-decoration: underline;
  color: #02AA39;
}
.section-news-overview .news-article .col-sm-9 .to-bottom-right a:hover {
  text-decoration: underline;
  color: #02AA39;
}
.section-news-overview .news-article .col-sm-9 .to-bottom-right a:active {
  text-decoration: underline;
  color: #02AA39;
}
.section-news-overview .news-article .col-sm-9 .to-bottom-right a:visited {
  text-decoration: underline;
  color: #02AA39;
}
.section-news-overview .news-pagination {
  text-align: center;
  display: inline;
}
.section-news-overview .news-pagination span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #428bca;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.section-news-overview .news-pagination .active span {
  background-color: transparent;
  border-color: transparent;
  color: #0c1365;
  font-size: 20px;
  font-family: "MarselisWebW03-Regular";
  border-bottom: 2px solid #f00;
  margin-right: 15px;
}
.section-news-overview .news-pagination li.disabled {
  display: none;
}
.section-news-overview .news-pagination .sr-only {
  display: none !important;
}

.section-project-details {
  background-color: #0c1365;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media all and (max-width: 991px) {
  .section-project-details {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media all and (max-width: 767px) {
  .section-project-details {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.section-project-details .section-project-details-block p.title {
  min-height: 43px;
}
@media all and (max-width: 991px) {
  .section-project-details .section-project-details-block p.title {
    min-height: 1.5em;
  }
}
.section-project-details .project-details-item {
  color: #fff;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .section-project-details .project-details-item.item-3 {
    clear: left;
  }
}
@media all and (max-width: 991px) {
  .section-project-details .project-details-item {
    margin-bottom: 15px;
  }
}
.section-project-details .project-details-item .title {
  font-family: "MarselisWebW03-Bold";
  font-size: 18px;
  color: #fff;
}
@media all and (max-width: 767px) {
  .section-project-details .project-details-item .title {
    font-size: 12px;
  }
}
.section-project-details .project-details-item .subtitle {
  font-family: "MarselisWebW03-Regular";
  font-size: 18px;
  color: #fff;
}
@media all and (max-width: 767px) {
  .section-project-details .project-details-item .subtitle {
    font-size: 12px;
  }
}
@media all and (max-width: 991px) {
  .section-project-details .project-details-down {
    margin-top: 15px;
  }
}
@media all and (max-width: 767px) {
  .section-project-details .project-details-down {
    margin-top: 0;
    margin-bottom: 15px;
  }
}

.section-project-text {
  background-color: #0c1365;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media all and (max-width: 991px) {
  .section-project-text {
    padding-top: 30px;
  }
}
@media all and (max-width: 767px) {
  .section-project-text {
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.section-project-text .project-text-item {
  color: #fff;
}
@media all and (max-width: 767px) {
  .section-project-text .project-text-item {
    padding-bottom: 15px;
  }
}
.section-project-text .project-text-item h1, .section-project-text .project-text-item h2, .section-project-text .project-text-item h3, .section-project-text .project-text-item h4, .section-project-text .project-text-item h5, .section-project-text .project-text-item h6 {
  margin-top: 0px;
  /*font-size: 30px;*/
  font-family: "MarselisWebW03-Bold";
}
@media all and (max-width: 767px) {
  .section-project-text .project-text-item h1, .section-project-text .project-text-item h2, .section-project-text .project-text-item h3, .section-project-text .project-text-item h4, .section-project-text .project-text-item h5, .section-project-text .project-text-item h6 {
    /*font-size: 15px;*/
  }
}
.section-project-text .project-text-item .line-red {
  margin-top: 20px;
  margin-bottom: 15px;
}
.section-project-text .project-text-item p {
  font-family: "MarselisWebW03-Regular";
  font-size: 18px;
  line-height: 30px;
}
@media all and (max-width: 767px) {
  .section-project-text .project-text-item p {
    font-size: 12px;
    line-height: normal;
  }
}
.section-project-text .project-text-item iframe {
  width: 100%;
  max-width: 560px;
  max-height: 315px;
}
.section-project-text .project-text-item li {
  position: relative;
  padding-left: 20px;
  font-size: 18px;
  list-style: none;
}
.section-project-text .project-text-item li:before {
  content: "·";
  position: absolute;
  top: 0;
  left: 1px;
  line-height: 1.5em;
  /*margin-top: -0.37em;*/
  font-size: 1em;
}
@media all and (max-width: 767px) {
  .section-project-text .project-text-item li {
    font-size: 12px;
  }
}

.two-images-section {
  position: relative;
  z-index: 99;
}
.two-images-section .two-img-left {
  padding-right: 8px;
}
@media all and (max-width: 991px) {
  .two-images-section .two-img-left {
    padding-right: 50px;
    padding-left: 50px;
    margin-top: 20px;
  }
}
@media all and (max-width: 360px) {
  .two-images-section .two-img-left {
    padding-right: 60px;
    padding-left: 60px;
  }
}
.two-images-section .two-img-left img {
  width: 100%;
}
.two-images-section .two-img-right {
  padding-left: 8px;
}
@media all and (max-width: 991px) {
  .two-images-section .two-img-right {
    padding-right: 50px;
    padding-left: 50px;
    margin-top: 20px;
  }
}
@media all and (max-width: 360px) {
  .two-images-section .two-img-right {
    padding-right: 60px;
    padding-left: 60px;
  }
}
.two-images-section .two-img-right img {
  width: 100%;
}

.section-contact-teaser {
  padding-top: 45px;
  padding-bottom: 70px;
}
@media all and (max-width: 767px) {
  .section-contact-teaser {
    padding: 15px 35px;
  }
}
.section-contact-teaser .contact-teaser-block {
  -moz-box-shadow: 0 2px 5px #ccc;
  -webkit-box-shadow: 0 2px 5px #ccc;
  box-shadow: 0 2px 5px #ccc;
  background: #fff;
  position: relative;
  z-index: 99;
}
@media all and (max-width: 1199px) {
  .section-contact-teaser .contact-teaser-block {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media all and (max-width: 376px) {
  .section-contact-teaser .contact-teaser-block {
    margin-left: 13px;
    width: 90%;
  }
}
@media all and (max-width: 360px) {
  .section-contact-teaser .contact-teaser-block {
    margin-left: 10px;
    width: 92%;
  }
}
.section-contact-teaser .contact-teaser-block .contact-teaser-text {
  font-family: "MarselisWebW03-Light";
  font-size: 30px;
  color: #0c1365;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  min-height: 473px;
}
@media all and (max-width: 1199px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-text {
    justify-content: flex-start;
    margin-top: 20px;
    flex-direction: row;
    min-height: auto;
    text-align: left;
  }
}
@media all and (max-width: 767px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-text {
    font-size: 15px;
  }
}
.section-contact-teaser .contact-teaser-block .contact-teaser-text span {
  padding: 0 0 0 60px;
  text-align: left;
  display: block;
}
@media all and (max-width: 1600px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-text span {
    padding-left: 30px;
  }
}
@media all and (max-width: 1199px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-text span {
    padding-left: 0px;
  }
}
.section-contact-teaser .contact-teaser-block .contact-teaser-image {
  text-align: center;
}
@media all and (max-width: 1199px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-image img {
    text-align: center;
  }
}
@media all and (max-width: 991px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-image img {
    min-height: auto;
    display: inline-block;
  }
}
.section-contact-teaser .contact-teaser-block .contact-teaser-content {
  padding-top: 40px;
  padding-right: 30px;
  padding-bottom: 15px;
}
.section-contact-teaser .contact-teaser-block .contact-teaser-content h1, .section-contact-teaser .contact-teaser-block .contact-teaser-content h2, .section-contact-teaser .contact-teaser-block .contact-teaser-content h3, .section-contact-teaser .contact-teaser-block .contact-teaser-content h4, .section-contact-teaser .contact-teaser-block .contact-teaser-content h5, .section-contact-teaser .contact-teaser-block .contact-teaser-content h6 {
  font-family: "MarselisWebW03-Bold";
  font-size: 25px;
  color: #0c1365;
  margin-bottom: 0px;
}
@media all and (max-width: 767px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-content h1, .section-contact-teaser .contact-teaser-block .contact-teaser-content h2, .section-contact-teaser .contact-teaser-block .contact-teaser-content h3, .section-contact-teaser .contact-teaser-block .contact-teaser-content h4, .section-contact-teaser .contact-teaser-block .contact-teaser-content h5, .section-contact-teaser .contact-teaser-block .contact-teaser-content h6 {
    font-size: 14px;
  }
}
@media all and (max-width: 1199px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-content {
    padding-top: 0px;
    padding-right: 15px;
  }
}
@media all and (max-width: 991px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-content {
    padding-bottom: 25px;
  }
}
.section-contact-teaser .contact-teaser-block .contact-teaser-content .line-red {
  margin-bottom: 5px;
}
.section-contact-teaser .contact-teaser-block .contact-teaser-content p {
  font-family: "MarselisWebW03-Regular";
  font-size: 18px;
  color: #6d6f71;
  line-height: 30px;
}
@media all and (max-width: 767px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-content p {
    font-size: 12px;
    line-height: 15px;
  }
}
.section-contact-teaser .contact-teaser-block .contact-teaser-content .contact-function {
  font-family: "MarselisWebW03-Light";
  font-size: 18px;
}
@media all and (max-width: 767px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-content .contact-function {
    font-size: 12px;
  }
}
.section-contact-teaser .contact-teaser-block .contact-teaser-content span {
  font-family: "MarselisWebW03-Bold";
  font-size: 25px;
  color: #0c1365;
  padding-top: 30px;
  display: block;
}
@media all and (max-width: 991px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-content span {
    padding-top: 15px;
  }
}
@media all and (max-width: 767px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-content span {
    font-size: 14px;
  }
}
.section-contact-teaser .contact-teaser-block .contact-teaser-content .contact-phone {
  font-family: "MarselisWebW03-Regular";
  font-size: 18px;
}
@media all and (max-width: 767px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-content .contact-phone {
    font-size: 12px;
  }
}
.section-contact-teaser .contact-teaser-block .contact-teaser-content .contact-phone i {
  padding-right: 10px;
}
.section-contact-teaser .contact-teaser-block .contact-teaser-content .contact-email {
  font-family: "MarselisWebW03-Regular";
  padding-top: 0px;
}
.section-contact-teaser .contact-teaser-block .contact-teaser-content .contact-email i {
  padding-right: 10px;
}
.section-contact-teaser .contact-teaser-block .contact-teaser-content a {
  font-family: "MarselisWebW03-Regular";
  font-size: 18px;
  color: #0c1365;
}
@media all and (max-width: 767px) {
  .section-contact-teaser .contact-teaser-block .contact-teaser-content a {
    font-size: 12px;
  }
}

h1.project-text-item-header, h2.project-text-item-header, h3.project-text-item-header, h4.project-text-item-header, h5.project-text-item-header, h6.project-text-item-header {
  font-size: 50px;
}

@media (max-width: 1200px) {
  h1.project-text-item-header, h2.project-text-item-header, h3.project-text-item-header, h4.project-text-item-header, h5.project-text-item-header, h6.project-text-item-header {
    font-size: 25px;
  }
}
@media (max-width: 768px) {
  h1.project-text-item-header, h2.project-text-item-header, h3.project-text-item-header, h4.project-text-item-header, h5.project-text-item-header, h6.project-text-item-header {
    font-size: 18px;
  }
}
@media all and (max-width: 767px) {
  .section-projects {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.section-projects .content-block {
  text-align: center;
  margin-bottom: 60px;
}
@media all and (max-width: 991px) {
  .section-projects .content-block {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 360px) {
  .section-projects .content-block {
    margin-left: 0;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }
}
.section-projects .content-block h1, .section-projects .content-block h2, .section-projects .content-block h3, .section-projects .content-block h4, .section-projects .content-block h5, .section-projects .content-block h6 {
  font-family: "MarselisWebW03-Bold";
  color: #0c1365;
  line-height: 50px;
  margin-top: 0px;
  margin-bottom: 30px;
}
@media all and (max-width: 991px) {
  .section-projects .content-block h1, .section-projects .content-block h2, .section-projects .content-block h3, .section-projects .content-block h4, .section-projects .content-block h5, .section-projects .content-block h6 {
    margin-bottom: 15px;
    line-height: 25px;
  }
}
@media all and (max-width: 767px) {
  .section-projects .content-block h1, .section-projects .content-block h2, .section-projects .content-block h3, .section-projects .content-block h4, .section-projects .content-block h5, .section-projects .content-block h6 {
    font-size: 25px !important;
  }
}
.section-projects .content-block p {
  font-family: "MarselisWebW03-Regular";
  font-size: 18px;
  color: #6d6f71;
  line-height: 30px;
}
@media all and (max-width: 767px) {
  .section-projects .content-block p {
    font-size: 12px;
    line-height: 15px;
  }
}
.section-projects .content-block .line-red {
  margin-bottom: 20px;
}
@media all and (max-width: 991px) {
  .section-projects .content-block .line-red {
    margin-bottom: 30px;
  }
}
.section-projects .categories-projects {
  text-align: center;
  line-height: 15px;
}
.section-projects .categories-projects .title {
  line-height: 1.5;
  vertical-align: top;
  padding-right: 35px;
  font-family: "ClarendonTLig";
  font-size: 20px;
  color: #0c1365;
}
@media all and (min-width: 768px) and (max-width: 1399px) {
  .section-projects .categories-projects .title {
    display: inline-block;
    /*margin-bottom: 30px;*/
    padding: 0px;
  }
}
@media all and (max-width: 767px) {
  .section-projects .categories-projects .title {
    font-size: 12px;
    padding-right: 0px;
    display: block;
    /*margin-bottom: 20px;*/
  }
}
.section-projects .categories-projects .categories-list {
  line-height: 1.5;
  display: inline-block;
  text-align: center;
  margin-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
}
@media all and (max-width: 767px) {
  .section-projects .categories-projects .categories-list {
    text-align: center;
  }
}
.section-projects .categories-projects .categories-list li {
  line-height: 1.5;
  display: inline-block;
  /*float: left;*/
  padding-right: 35px;
}
.section-projects .categories-projects .categories-list li a {
  font-family: "MarselisWebW03-Regular";
  font-size: 20px;
  color: #0c1365;
  outline: none;
}
@media all and (max-width: 767px) {
  .section-projects .categories-projects .categories-list li a {
    font-size: 12px;
  }
}
.section-projects .categories-projects .categories-list li a:hover {
  color: red;
}
.section-projects .categories-projects .categories-list li:last-of-type {
  padding-right: 0px;
}
@media all and (max-width: 991px) {
  .section-projects .categories-projects .categories-list li {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 767px) {
  .section-projects .categories-projects .categories-list li {
    margin: 0;
    padding: 3px;
    float: none;
    display: inline-block;
  }
}
.section-projects .categories-projects .categories-list .active a {
  color: #ff0000;
}
.section-projects .projects-list {
  position: relative;
  z-index: 1;
  text-align: center;
}
.section-projects .projects-list .project-block-list {
  padding-left: 0px;
  display: block;
}
.section-projects .projects-list .project-block-list li {
  margin-top: 70px;
  list-style: none;
}
@media all and (max-width: 991px) {
  .section-projects .projects-list .project-block-list li {
    margin-top: 40px;
  }
}
@media all and (max-width: 767px) {
  .section-projects .projects-list .project-block-list li {
    margin-top: 15px;
  }
}
@media all and (max-width: 360px) {
  .section-projects .projects-list .project-block-list li {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.section-projects .projects-list .project-block-list .project-block {
  background-color: #f6f6f6;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section-projects .projects-list .project-block-list .project-block:hover {
  -moz-box-shadow: 0 5px 15px #ccc;
  -webkit-box-shadow: 0 5px 15px #ccc;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}
.section-projects .projects-list .project-block-list .project-block .link-block {
  outline: none;
}
.section-projects .projects-list .project-block-list .project-block .link-block:hover {
  text-decoration: none;
}
@media all and (max-width: 991px) {
  .section-projects .projects-list .project-block-list .project-block .link-block img {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .section-projects .projects-list .project-block-list .project-block .link-block img {
    padding-bottom: 10px;
  }
}
.section-projects .projects-list .project-block-list .project-block .link-block-content {
  text-align: left;
  padding: 30px;
}
@media all and (max-width: 1199px) {
  .section-projects .projects-list .project-block-list .project-block .link-block-content {
    padding: 15px;
  }
}
.section-projects .projects-list .project-block-list .project-block .link-block-content .bold {
  font-family: "MarselisWebW03-Bold";
  font-size: 26px;
  color: #0c1365;
}
@media all and (max-width: 1199px) {
  .section-projects .projects-list .project-block-list .project-block .link-block-content .bold {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .section-projects .projects-list .project-block-list .project-block .link-block-content .bold {
    font-size: 15px;
  }
}
.section-projects .projects-list .project-block-list .project-block .link-block-content .light {
  font-family: "MarselisWebW03-Light";
  font-size: 30px;
  color: #0c1365;
}
@media all and (max-width: 1199px) {
  .section-projects .projects-list .project-block-list .project-block .link-block-content .light {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .section-projects .projects-list .project-block-list .project-block .link-block-content .light {
    font-size: 15px;
  }
}
.section-projects .projects-list .project-block-list .project-block .link-block-content .link-block {
  display: flex;
  flex-direction: column;
}
.section-projects .projects-list .project-block-list .project-block .link-block-content .link {
  margin-top: 15px;
  display: block;
  font-family: "MarselisWebW03-Regular";
  font-size: 24px;
  color: #00a844;
  text-decoration: underline;
  outline: none;
}
@media all and (max-width: 767px) {
  .section-projects .projects-list .project-block-list .project-block .link-block-content .link {
    font-size: 12px;
  }
}
@media all and (max-width: 767px) {
  .section-projects .projects-list .project-block-list .project-block .link-block-content .link {
    margin-top: 10px;
    margin-bottom: 15px;
  }
}
.section-projects .projects-pagination .pagination-block {
  float: none;
  text-align: center;
}
@media all and (max-width: 767px) {
  .section-projects .projects-pagination .pagination-block .pagination {
    margin-top: 0px;
  }
}
.section-projects .projects-pagination .pagination-block .pagination .prev.disabled {
  display: none;
}
.section-projects .projects-pagination .pagination-block .pagination .next.disabled {
  display: none;
}
.section-projects .projects-pagination .pagination-block .pagination .active span {
  background-color: transparent;
  border-color: transparent;
  color: #0c1365;
  font-size: 20px;
  font-family: "MarselisWebW03-Regular";
  border-bottom: 2px solid #ff0000;
  margin-right: 15px;
}
@media all and (max-width: 767px) {
  .section-projects .projects-pagination .pagination-block .pagination .active span {
    font-size: 12px;
  }
}

div#ccm-notification-page-alert, div#ccm-notification-page-alert-workflow {
  z-index: 1000000 !important;
}

.section-text {
  padding-bottom: 90px;
}
@media (max-width: 991px) {
  .section-text {
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .section-text {
    padding: 15px 8.33333%;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 15px;
  }
}
@media (max-width: 767px) {
  .section-text h4 {
    font-size: 12px;
    line-height: normal;
  }
}
.section-text .title {
  color: #0c1365;
  font-family: "MarselisWebW03-Bold";
  margin-bottom: 30px;
  margin-top: 15px;
  text-indent: -2px;
  font-size: 30px;
}
.section-text .title.big {
  font-size: 40px;
}
@media (max-width: 991px) {
  .section-text .title {
    margin-top: 0px;
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .section-text .title {
    font-size: 20px;
  }
  .section-text .title.big {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .section-text .text-center {
    padding: 0 35px;
  }
}
@media all and (max-width: 376px) {
  .section-text .text-center {
    margin-left: 0px;
    width: 100%;
  }
}
@media all and (max-width: 360px) {
  .section-text .text-center {
    margin-left: 0px;
    width: 100%;
  }
}
.section-text blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 30px;
  border-left: 5px solid #eee;
}
@media (max-width: 1366px) {
  .section-text blockquote {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .section-text blockquote {
    line-height: 15px;
    font-size: 12px;
  }
}

@media all and (max-width: 767px) {
  .section-our-people {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.section-our-people .content-block {
  text-align: center;
  margin-bottom: 40px;
}
@media all and (max-width: 1199px) {
  .section-our-people .content-block {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 360px) {
  .section-our-people .content-block {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 10px;
    margin-right: 10px;
    width: 92%;
  }
}
.section-our-people .content-block h1, .section-our-people .content-block h2, .section-our-people .content-block h3, .section-our-people .content-block h4, .section-our-people .content-block h5, .section-our-people .content-block h6 {
  font-family: "MarselisWebW03-Bold";
  font-size: 50px;
  color: #0c1365;
  line-height: 50px;
  margin-top: 80px;
  margin-bottom: 30px;
}
@media all and (max-width: 991px) {
  .section-our-people .content-block h1, .section-our-people .content-block h2, .section-our-people .content-block h3, .section-our-people .content-block h4, .section-our-people .content-block h5, .section-our-people .content-block h6 {
    margin-top: 25px;
    margin-bottom: 15px;
  }
}
@media all and (max-width: 767px) {
  .section-our-people .content-block h1, .section-our-people .content-block h2, .section-our-people .content-block h3, .section-our-people .content-block h4, .section-our-people .content-block h5, .section-our-people .content-block h6 {
    font-size: 25px;
    line-height: 25px;
  }
}
.section-our-people .content-block p {
  font-family: "MarselisWebW03-Regular";
  font-size: 18px;
  color: #6d6f71;
  line-height: 30px;
  margin-bottom: 50px;
}
@media all and (max-width: 1199px) {
  .section-our-people .content-block p {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 991px) {
  .section-our-people .content-block p {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 767px) {
  .section-our-people .content-block p {
    font-size: 12px;
    line-height: 15px;
  }
}
.section-our-people .content-block .line-red {
  margin-bottom: 20px;
}
@media all and (max-width: 991px) {
  .section-our-people .content-block .line-red {
    margin-bottom: 15px;
  }
}
.section-our-people .categories-projects {
  text-align: center;
  line-height: 15px;
  margin-bottom: 45px;
}
@media all and (max-width: 1199px) {
  .section-our-people .categories-projects {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 991px) {
  .section-our-people .categories-projects {
    margin-bottom: 0px;
  }
}
@media all and (max-width: 360px) {
  .section-our-people .categories-projects {
    margin-left: 0px;
  }
}
.section-our-people .categories-projects .title {
  vertical-align: top;
  padding-right: 35px;
  font-family: "ClarendonTLig";
  font-size: 20px;
  color: #0c1365;
}
@media all and (max-width: 767px) {
  .section-our-people .categories-projects .title {
    font-size: 12px;
  }
}
@media all and (max-width: 767px) {
  .section-our-people .categories-projects .title {
    padding-right: 0px;
    display: block;
    margin-bottom: 0px;
  }
}
.section-our-people .categories-projects .categories-list {
  display: inline-block;
  margin-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
}
.section-our-people .categories-projects .categories-list li {
  float: left;
  padding: 0 15px;
}
@media all and (max-width: 1300px) {
  .section-our-people .categories-projects .categories-list li {
    padding: 0 10px;
  }
}
@media all and (max-width: 767px) {
  .section-our-people .categories-projects .categories-list li {
    margin-bottom: 7px;
  }
}
.section-our-people .categories-projects .categories-list li a {
  font-family: "MarselisWebW03-Regular";
  font-size: 20px;
  color: #0c1365;
  outline: none;
  padding-bottom: 5px;
  border-bottom: 1px solid transparent;
}
@media all and (max-width: 767px) {
  .section-our-people .categories-projects .categories-list li a {
    font-size: 12px;
    display: block;
  }
}
.section-our-people .categories-projects .categories-list li a:hover, .section-our-people .categories-projects .categories-list li a:focus {
  color: #ff0000;
  border-bottom: 1px solid #ff0000;
  text-decoration: none;
}
.section-our-people .categories-projects .categories-list li:last-of-type {
  padding-right: 0px;
}
@media all and (max-width: 767px) {
  .section-our-people .categories-projects .categories-list li {
    padding-right: 18px;
  }
}
.section-our-people .categories-projects .categories-list .active a {
  color: #ff0000;
  border-bottom: 1px solid #ff0000;
}
.section-our-people .projects-list {
  position: relative;
  z-index: 1;
  padding-left: 0px;
  padding-right: 0px;
}
@media all and (max-width: 360px) {
  .section-our-people .projects-list {
    margin-left: 2px;
    margin-right: 2px;
    width: 98%;
  }
}
.section-our-people .projects-list .project-block-list {
  padding-left: 0px;
  float: left;
  display: block;
  width: 100%;
}
.section-our-people .projects-list .project-block-list li {
  display: block;
  float: left;
  padding-right: 0px;
  padding-left: 0px;
  width: 20%;
  min-height: 360px;
  margin-top: 30px;
}
@media all and (max-width: 1400px) {
  .section-our-people .projects-list .project-block-list li {
    width: 25%;
  }
}
@media all and (max-width: 991px) {
  .section-our-people .projects-list .project-block-list li {
    margin-top: 10px;
    width: 50%;
  }
}
@media all and (max-width: 767px) {
  .section-our-people .projects-list .project-block-list li {
    min-height: 240px;
  }
}
@media all and (max-width: 480px) {
  .section-our-people .projects-list .project-block-list li {
    min-height: 150px;
  }
}
.section-our-people .projects-list .project-block-list li .list-block {
  margin-right: 7.5px;
  margin-left: 7.5px;
  text-align: center;
}
.section-our-people .projects-list .project-block-list li .list-block img {
  width: 100%;
}
.section-our-people .projects-list .project-block-list li .list-block .name {
  font-family: "MarselisWebW03-Bold";
  font-size: 25px;
  color: #0c1365;
  margin-top: 5px;
}
@media all and (max-width: 767px) {
  .section-our-people .projects-list .project-block-list li .list-block .name {
    font-size: 15px;
  }
}
.section-our-people .projects-list .project-block-list li .list-block .job-name {
  font-family: "MarselisWebW03-Regular";
  font-size: 16px;
  color: #6d6f71;
}
@media all and (max-width: 767px) {
  .section-our-people .projects-list .project-block-list li .list-block .job-name {
    font-size: 12px;
  }
}
.section-our-people .projects-list .project-block-list .project-block {
  background-color: #f6f6f6;
  display: inline-block;
  float: none;
}
.section-our-people .projects-list .project-block-list .project-block .link-block {
  outline: none;
  cursor: default;
}
.section-our-people .projects-list .project-block-list .project-block .link-block:hover {
  text-decoration: none;
}
.section-our-people .projects-list .project-block-list .project-block .link-block img {
  padding-bottom: 20px;
}
@media all and (max-width: 991px) {
  .section-our-people .projects-list .project-block-list .project-block .link-block img {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .section-our-people .projects-list .project-block-list .project-block .link-block img {
    padding-bottom: 10px;
  }
}
.section-our-people .projects-list .project-block-list .project-block .link-block-content {
  text-align: left;
  padding-left: 30px;
}
@media all and (max-width: 767px) {
  .section-our-people .projects-list .project-block-list .project-block .link-block-content {
    padding-left: 15px;
  }
}
.section-our-people .projects-list .project-block-list .project-block .link-block-content .bold {
  font-family: "MarselisWebW03-Bold";
  font-size: 30px;
  color: #0c1365;
}
@media all and (max-width: 767px) {
  .section-our-people .projects-list .project-block-list .project-block .link-block-content .bold {
    font-size: 15px;
  }
}
.section-our-people .projects-list .project-block-list .project-block .link-block-content .light {
  font-family: "MarselisWebW03-Regular";
  font-size: 30px;
  color: #0c1365;
}
@media all and (max-width: 767px) {
  .section-our-people .projects-list .project-block-list .project-block .link-block-content .light {
    font-size: 15px;
  }
}
.section-our-people .projects-list .project-block-list .project-block .link-block-content .link {
  margin-top: 15px;
  margin-bottom: 40px;
  display: block;
  font-family: "MarselisWebW03-Regular";
  font-size: 24px;
  color: #00a844;
  text-decoration: underline;
  cursor: default;
  outline: none;
}
@media all and (max-width: 767px) {
  .section-our-people .projects-list .project-block-list .project-block .link-block-content .link {
    font-size: 12px;
  }
}
@media all and (max-width: 767px) {
  .section-our-people .projects-list .project-block-list .project-block .link-block-content .link {
    margin-top: 10px;
    margin-bottom: 15px;
  }
}

.page-not-found h1, .page-not-found h2, .page-not-found h3, .page-not-found h4, .page-not-found h5, .page-not-found h6 {
  font-size: 50px;
  text-align: center;
  font-family: "MarselisWebW03-Bold";
  color: #0c1365;
  margin-top: 200px;
  margin-bottom: 180px;
}
@media (max-width: 991px) {
  .page-not-found h1, .page-not-found h2, .page-not-found h3, .page-not-found h4, .page-not-found h5, .page-not-found h6 {
    margin-top: 100px;
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .page-not-found h1, .page-not-found h2, .page-not-found h3, .page-not-found h4, .page-not-found h5, .page-not-found h6 {
    font-size: 25px;
    margin-top: 50px;
    margin-bottom: 30px;
  }
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  outline: medium none;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  outline: medium none;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
  outline: medium none;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  min-height: 0;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.section-header-slider {
  /*margin-bottom: 100px;*/
  position: relative;
}
.page-template-project-detail-template .section-header-slider {
  margin: 0;
}
@media (max-width: 767px) {
  .section-header-slider {
    margin-bottom: 25px;
  }
}
.section-header-slider .slick-slide {
  width: 100%;
  height: 100vh;
  position: relative;
  float: left;
  color: #fff;
}
.page-template-project-detail-template .section-header-slider .slick-slide {
  height: calc(100vh - 110px);
}
.section-header-slider .slick-slide .slide-item {
  width: 100%;
  height: 100vh;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .section-header-slider .slick-slide .slide-item {
    min-height: auto;
  }
}
.page-template-project-detail-template .section-header-slider .slick-slide .slide-item {
  height: calc(100vh - 110px);
}
.section-header-slider .slick-slide .slide-item video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.section-header-slider .slick-slide .slide-item:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.section-header-slider .slide-content {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translate(0, -45%);
  -o-transform: translate(0, -45%);
  -ms-transform: translate(0, -45%);
  -moz-transform: translate(0, -45%);
  -webkit-transform: translate(0, -45%);
}
@media (max-width: 767px) {
  .section-header-slider .slide-content {
    transform: translate(0, -75%);
    -o-transform: translate(0, -75%);
    -ms-transform: translate(0, -75%);
    -moz-transform: translate(0, -75%);
    -webkit-transform: translate(0, -75%);
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  .section-header-slider .slide-content {
    top: initial;
    bottom: 25%;
    transform: translate(0, 25%);
    -o-transform: translate(0, 25%);
    -ms-transform: translate(0, 25%);
    -moz-transform: translate(0, 25%);
    -webkit-transform: translate(0, 25%);
  }
}
.section-header-slider .slide-content h2 {
  font-size: 100px;
}
.section-header-slider .slide-content .section-header-slider .slide-content .title-custom-tag {
  font-size: 100px;
  font-family: "MarselisWebW03-Bold";
}
.section-header-slider .slide-content h1, .section-header-slider .slide-content h2, .section-header-slider .slide-content h3, .section-header-slider .slide-content h4, .section-header-slider .slide-content h5, .section-header-slider .slide-content h6 {
  text-shadow: 0px 0px 1px black;
}
.section-header-slider .slide-content h3 {
  font-family: "ClarendonTLig";
  letter-spacing: -1px;
}
@media (max-width: 767px) {
  .section-header-slider .slide-content h3 {
    font: 13px/13px "ClarendonTLig" !important;
    margin-top: 30px;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  .section-header-slider .slide-content h3 {
    margin-top: 60px;
  }
}
.section-header-slider .slide-content h2 {
  font-family: "MarselisWebW03-Bold";
  margin-top: 0;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .section-header-slider .slide-content h2 {
    font: 75px/85px "MarselisWebW03-Bold";
  }
}
@media (max-width: 767px) {
  .section-header-slider .slide-content h2 {
    font: 25px/27px "MarselisWebW03-Bold";
  }
}
.section-header-slider .slide-content .btn {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .section-header-slider .slide-content .btn {
    margin-top: 5px;
  }
}
.section-header-slider .slide-content .btn.btn-play {
  border-radius: 50%;
  padding: 12px 24px;
  font-size: 40px;
}
@media (max-width: 767px) {
  .section-header-slider .slide-content .btn.btn-play {
    width: 40px;
    height: 40px;
    padding: 0;
    margin-top: 5px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
  }
}
.section-header-slider .slide-content .btn.btn-play i.fa-play {
  padding-left: 4px;
}
.section-header-slider .watermark {
  max-width: 568px;
  right: 0;
  bottom: -165px;
  position: absolute;
}
@media (max-width: 767px) {
  .section-header-slider .watermark {
    max-width: 40vw;
    bottom: 0;
  }
}
.section-header-slider .navbt {
  width: auto;
  height: 50px;
  display: block;
  position: absolute;
  z-index: 5;
  top: 50%;
  text-align: center;
  margin-top: -25px;
  background: transparent;
  border: 0;
  outline: none;
}
.section-header-slider .navbt.slick-prev {
  left: 0;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .section-header-slider .navbt.slick-prev {
    margin-left: 0;
  }
}
.section-header-slider .navbt.slick-next {
  right: 0;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .section-header-slider .navbt.slick-next {
    margin-right: 0;
  }
}
.section-header-slider .navbt .icon {
  font-size: 40px;
  line-height: 40px;
  color: #fff;
}
@media (max-width: 767px) {
  .section-header-slider .navbt .icon {
    font-size: 30px;
  }
}
.section-header-slider .slick-dots {
  width: auto;
  height: auto;
  display: inline-block;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  z-index: 1;
  bottom: 0;
  list-style: none;
  margin-bottom: 14vh;
  padding: 0;
  transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
@media (max-width: 767px) {
  .section-header-slider .slick-dots {
    display: none !important;
  }
}
.section-header-slider .slick-dots > li {
  display: inline-block;
  width: 2px;
  height: 16px;
  background: #8589b2;
  text-indent: -9999px;
  overflow: hidden;
  margin: 12px 14px;
  cursor: pointer;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.section-header-slider .slick-dots > li.slick-active {
  background: #0c1365;
  height: 40px;
  margin: 0 14px;
}
.section-header-slider .scrollSubSlider {
  position: absolute;
  right: 0;
  margin-right: calc( 16.66666667% - 75px );
  bottom: 115px;
  z-index: 1;
  width: 33px;
  height: 53px;
  display: block;
  text-align: center;
}
@media (max-width: 767px) {
  .section-header-slider .scrollSubSlider {
    width: 24px;
    height: auto;
    right: calc( 50% - 12px);
    margin-right: 0;
    bottom: 90px;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  .section-header-slider .scrollSubSlider {
    right: calc( 25% - 45px);
    bottom: 60px;
  }
}
.section-header-slider .scrollSubSlider a img {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  margin-top: -30px;
}
@media (max-width: 767px) {
  .section-header-slider .scrollSubSlider a img {
    margin-top: -65px;
  }
}
.section-header-slider .scrollSubSlider a span {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  color: #dadddf;
  font-size: 20px;
  line-height: 1;
}
@media (max-width: 767px) {
  .section-header-slider .scrollSubSlider a span {
    font-size: 10px;
    display: none;
  }
}
.section-header-slider .slide-footer {
  background: rgba(12, 19, 101, 0.75);
  width: 100%;
  min-height: 75px;
  display: block;
  position: absolute;
  z-index: 6;
  text-align: center;
  bottom: 0;
  margin: 0;
  padding: 13px 0;
}
@media (max-width: 767px) {
  .section-header-slider .slide-footer {
    min-height: auto;
    padding: 5px 0;
  }
}
@media (max-width: 767px) {
  .section-header-slider .slide-footer .btn {
    margin: 5px;
  }
}
.section-header-slider .js-headerSlider:after {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.menu-active .section-header-slider .js-headerSlider:after {
  opacity: 1;
  z-index: 99;
}

.section-project-list-slider {
  padding: 30px 0 220px;
  background-color: #f9f9f9;
}
.section-project-list-slider h2 {
  font-size: 40px;
}
@media (max-width: 1199px) {
  .section-project-list-slider {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  .section-project-list-slider {
    padding: 20px 0 20px;
  }
}
.section-project-list-slider .no-pad {
  padding: 0;
}
.section-project-list-slider .slick-slide:not(.slick-active) {
  position: relative;
}
.section-project-list-slider .slick-slide:not(.slick-active):after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 1199px) {
  .section-project-list-slider .slick-slide:not(.slick-active):after {
    background: rgba(0, 0, 0, 0);
  }
}
.section-project-list-slider .slick-slide:not(.slick-active) .slick-active:after {
  content: "";
  background: rgba(0, 0, 0, 0);
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.section-project-list-slider .content-block {
  color: #6d6f71;
  margin-bottom: 30px;
  text-align: center;
  padding-left: 50px;
}
@media (max-width: 1366px) {
  .section-project-list-slider .content-block {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .section-project-list-slider .content-block {
    margin-bottom: 10px;
  }
}
.section-project-list-slider .content-block h1, .section-project-list-slider .content-block h2, .section-project-list-slider .content-block h3, .section-project-list-slider .content-block h4, .section-project-list-slider .content-block h5, .section-project-list-slider .content-block h6 {
  font-size: 50px;
  text-align: center;
  font-family: "MarselisWebW03-Bold";
  color: #0c1365;
}
@media (max-width: 767px) {
  .section-project-list-slider .content-block h1, .section-project-list-slider .content-block h2, .section-project-list-slider .content-block h3, .section-project-list-slider .content-block h4, .section-project-list-slider .content-block h5, .section-project-list-slider .content-block h6 {
    font-size: 25px;
    margin: 0;
  }
}
@media all and (max-width: 360px) {
  .section-project-list-slider .content-block h1, .section-project-list-slider .content-block h2, .section-project-list-slider .content-block h3, .section-project-list-slider .content-block h4, .section-project-list-slider .content-block h5, .section-project-list-slider .content-block h6 {
    font-size: 22px;
  }
}
.section-project-list-slider .content-block .description p {
  font-size: 18px;
  text-align: left;
  display: block;
}
@media all and (max-width: 767px) {
  .section-project-list-slider .content-block .description p {
    display: none;
  }
}
.section-project-list-slider .content-block .description p .line-red {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media all and (max-width: 767px) {
  .section-project-list-slider .content-block .description p .line-red {
    display: block !important;
  }
}
.section-project-list-slider .projectSlider {
  position: relative;
}
.section-project-list-slider .projectSlider .icon-left,
.section-project-list-slider .projectSlider .icon-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  cursor: pointer;
  font-size: 30px;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 1199px) {
  .section-project-list-slider .projectSlider .icon-left,
.section-project-list-slider .projectSlider .icon-right {
    top: 0;
  }
}
@media (max-width: 767px) {
  .section-project-list-slider .projectSlider .icon-left,
.section-project-list-slider .projectSlider .icon-right {
    font-size: 16px;
  }
}
.section-project-list-slider .projectSlider .icon-left {
  left: 0;
  margin-left: 2%;
}
@media (max-width: 767px) {
  .section-project-list-slider .projectSlider .icon-left {
    margin-left: 7px;
  }
}
.section-project-list-slider .projectSlider .icon-right {
  right: 0;
  margin-right: 2%;
}
@media (max-width: 767px) {
  .section-project-list-slider .projectSlider .icon-right {
    margin-right: 7px;
  }
}
.section-project-list-slider .projectSlider .content-slide {
  font-family: "MarselisWebW03-Regular";
  color: #6d6f71;
  font-size: 18px;
  line-height: 30px;
  padding-right: 2%;
  padding-left: 8.33333333%;
}
@media (max-width: 1366px) {
  .section-project-list-slider .projectSlider .content-slide {
    font-size: 16px;
    line-height: 22px;
    padding-left: 4%;
  }
}
@media all and (max-width: 360px) {
  .section-project-list-slider .projectSlider .content-slide {
    margin-left: 40px;
    width: 75%;
  }
}
.section-project-list-slider .projectSlider .content-slide .title {
  font-family: "MarselisWebW03-Light";
  font-size: 35px;
  color: #0c1365;
  margin-bottom: 10px;
  margin-top: 30px;
  line-height: 50px;
}
@media (max-width: 1366px) {
  .section-project-list-slider .projectSlider .content-slide .title {
    font-size: 25px;
  }
}
@media (max-width: 1199px) {
  .section-project-list-slider .projectSlider .content-slide .title {
    margin-top: 110px;
  }
}
@media (max-width: 767px) {
  .section-project-list-slider .projectSlider .content-slide .title {
    margin-top: 15px;
    font-size: 18px;
    line-height: normal;
  }
}
.section-project-list-slider .projectSlider .content-slide .title span {
  font-family: "MarselisWebW03-Bold";
}
@media (max-width: 767px) {
  .section-project-list-slider .projectSlider .content-slide p {
    font-size: 12px;
  }
}
.section-project-list-slider .projectSlider .content-slide .qualifications {
  width: 100%;
  height: auto;
  display: block;
  margin: 15px 0;
  float: left;
}
.section-project-list-slider .projectSlider .content-slide .qualifications img {
  float: left;
  margin-right: 30px;
}
.section-project-list-slider .projectSlider .content-slide .qualifications-btn {
  margin-top: 35px;
}
@media (max-width: 1199px) {
  .section-project-list-slider .projectSlider .content-slide.no-pad,
.section-project-list-slider .projectSlider .image-slide.no-pad {
    padding: 0 30px;
  }
}
@media all and (max-width: 360px) {
  .section-project-list-slider .projectSlider .content-slide.no-pad,
.section-project-list-slider .projectSlider .image-slide.no-pad {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1199px) {
  .section-project-list-slider .projectSlider .slick-slide:not(.slick-active) .image-slide.no-pad:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.75);
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
  }
}
.section-project-list-slider .projectSlider .slick-dots {
  width: auto;
  height: auto;
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  margin: 0 auto;
  padding: 0;
  transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
.section-project-list-slider .projectSlider .slick-dots li {
  display: inline-block;
  width: 2px;
  height: 16px;
  background: #8589b2;
  text-indent: -9999px;
  overflow: hidden;
  margin: 12px 14px;
  cursor: pointer;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
.section-project-list-slider .projectSlider .slick-dots li.slick-active {
  background: #0c1365;
  height: 40px;
  margin: 0 14px;
}

@media all and (min-width: 768px) {
  .section-over-vdr-slider .col-sm-offset-2.col-sm-8.content-block h1 {
    font-size: 40px;
  }
}
.section-over-vdr-slider.section-project-list-slider .content-block {
  padding-left: 30px;
  padding-right: 30px;
}
.section-over-vdr-slider .content-block {
  color: #6d6f71;
  margin-bottom: 30px;
  text-align: center;
}
.section-over-vdr-slider .content-block h1, .section-over-vdr-slider .content-block h2, .section-over-vdr-slider .content-block h3, .section-over-vdr-slider .content-block h4, .section-over-vdr-slider .content-block h5, .section-over-vdr-slider .content-block h6 {
  font-size: 50px;
  text-align: center;
  font-family: "MarselisWebW03-Bold";
  color: #0c1365;
}
@media all and (max-width: 767px) {
  .section-over-vdr-slider .content-block h1, .section-over-vdr-slider .content-block h2, .section-over-vdr-slider .content-block h3, .section-over-vdr-slider .content-block h4, .section-over-vdr-slider .content-block h5, .section-over-vdr-slider .content-block h6 {
    font-size: 25px;
  }
}
@media all and (max-width: 360px) {
  .section-over-vdr-slider .content-block h1, .section-over-vdr-slider .content-block h2, .section-over-vdr-slider .content-block h3, .section-over-vdr-slider .content-block h4, .section-over-vdr-slider .content-block h5, .section-over-vdr-slider .content-block h6 {
    font-size: 22px;
  }
}
.section-over-vdr-slider .content-block .description {
  font-size: 18px;
}
.section-over-vdr-slider .content-block .description p {
  font-size: 18px;
  text-align: left;
  display: block;
}
@media all and (max-width: 767px) {
  .section-over-vdr-slider .content-block .description p {
    display: none;
  }
}
.section-over-vdr-slider .content-block .description .line-red {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media all and (max-width: 767px) {
  .section-over-vdr-slider .content-block .description .line-red {
    display: block !important;
  }
}

.logoSlider {
  position: relative;
  margin-top: 90px;
  padding: 0 40px;
}
@media (max-width: 767px) {
  .logoSlider {
    padding: 0 16.66667%;
  }
}
.logoSlider .slick-list {
  overflow: hidden;
}
.logoSlider .slick-slide {
  position: relative;
}
.logoSlider .slick-slide a {
  text-align: center;
}
.logoSlider .slick-slide a > img {
  display: inline-block;
  margin: 0 auto;
}
.logoSlider .navbt {
  border: 0;
  outline: medium none;
  background: transparent;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -20px;
  font-size: 30px;
  line-height: 40px;
}
.logoSlider .navbt.slick-prev {
  left: 0;
}
@media (max-width: 767px) {
  .logoSlider .navbt.slick-prev {
    left: 2.5%;
  }
}
.logoSlider .navbt.slick-next {
  right: 0;
}
@media (max-width: 767px) {
  .logoSlider .navbt.slick-next {
    right: 2.5%;
  }
}
.logoSlider .navbt .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.projectImageSlider {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 60;
  overflow-x: hidden;
}
.projectImageSlider .custom-padding {
  padding: 0 8.33333333%;
}
@media all and (max-width: 767px) {
  .projectImageSlider .custom-padding {
    padding: 0 45px;
  }
}
.projectImageSlider .custom-padding > img {
  width: 100%;
  height: auto;
}
.projectImageSlider:before {
  content: "";
  background: #0c1365;
  width: 100%;
  height: 160px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .projectImageSlider:before {
    height: 50px;
  }
}
.projectImageSlider .navbt {
  border: 0;
  outline: medium none;
  background: transparent;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -116px;
  font-size: 40px;
  line-height: 40px;
  color: #0c1365;
}
@media (max-width: 767px) {
  .projectImageSlider .navbt {
    font-size: 20px;
    top: 50%;
    margin-top: -20px;
  }
}
.projectImageSlider .navbt.slick-prev {
  left: 0;
  margin-left: 3.5%;
}
@media (max-width: 767px) {
  .projectImageSlider .navbt.slick-prev {
    left: 2%;
    margin-left: 0;
  }
}
.projectImageSlider .navbt.slick-next {
  right: 0;
  margin-right: 3.5%;
}
@media (max-width: 767px) {
  .projectImageSlider .navbt.slick-next {
    right: 2%;
    margin-right: 0;
  }
}
.projectImageSlider .navbt .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.projectImageSlider .slick-dots {
  width: auto;
  height: auto;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  left: 50%;
  z-index: 1;
  bottom: 0;
  list-style: none;
  margin-bottom: 80px;
  margin-top: 50px !important;
  padding: 0;
  transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
@media (max-width: 767px) {
  .projectImageSlider .slick-dots {
    margin-bottom: 10px;
    margin-top: 10px !important;
  }
}
.projectImageSlider .slick-dots > li {
  display: inline-block;
  width: 2px;
  height: 16px;
  background: #8589b2;
  text-indent: -9999px;
  overflow: hidden;
  margin: 12px 14px;
  cursor: pointer;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
}
@media (max-width: 767px) {
  .projectImageSlider .slick-dots > li {
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -webkit-transform: scale(0.6);
  }
}
.projectImageSlider .slick-dots > li.slick-active {
  background: #0c1365;
  height: 40px;
  margin: 0 14px;
}

footer {
  background-color: #0c1365;
  font: italic 18px/25px "MarselisWebW03-Light";
  width: 100%;
  height: auto;
  display: block;
  float: left;
  position: relative;
  z-index: 60;
  margin: 0;
}
@media (max-width: 991px) {
  footer {
    font: italic 14px/21px "MarselisWebW03-Light";
    margin-top: 86px;
  }
}
@media (max-width: 767px) {
  footer {
    font: italic 11px/15px "MarselisWebW03-Light";
    text-align: center;
    margin-top: 60px;
  }
}
footer .footer-linkblock,
footer .copy {
  width: 100%;
  height: auto;
  display: block;
  float: left;
}
footer .footer-linkblock {
  padding: 50px 0 40px;
}
@media (max-width: 991px) {
  footer .footer-linkblock {
    padding: 50px 0 20px;
  }
}
@media (max-width: 767px) {
  footer .footer-linkblock {
    padding: 15px 0;
  }
}
footer .footer-linkblock .custom-padding {
  padding: 0 30px;
}
footer .footer-linkblock .custom-padding.footer-img a {
  outline: none;
}
footer .footer-linkblock .custom-padding.footer-img img,
footer .footer-linkblock .custom-padding.footer-img .svg-image {
  width: 190px;
  height: auto;
}
@media (max-width: 767px) {
  footer .footer-linkblock .custom-padding.footer-img img,
footer .footer-linkblock .custom-padding.footer-img .svg-image {
    width: 164px;
    height: auto;
  }
}
@media (max-width: 991px) {
  footer .footer-linkblock .custom-padding.footer-img {
    text-align: center;
  }
  footer .footer-linkblock .custom-padding.footer-img a {
    width: auto;
    display: inline-block;
    margin: -15px auto 30px;
  }
  footer .footer-linkblock .custom-padding.footer-img a > img {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    max-height: 60px;
  }
}
@media (max-width: 767px) {
  footer .footer-linkblock .custom-padding.footer-img a {
    margin: 5px auto 15px;
  }
  footer .footer-linkblock .custom-padding.footer-img a > img {
    max-height: 40px;
  }
}
@media (max-width: 767px) {
  footer .footer-linkblock .custom-padding.mobile-hidden-nav .nav {
    display: none;
  }
}
footer .copy {
  padding: 15px 0;
  border-top: solid 1px #232973;
}
footer .to-top-btn {
  background: #00a844;
  width: 100px;
  height: 100px;
  display: block;
  color: #fff;
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  margin: -100px 38px 0 0;
  cursor: pointer;
}
@media (max-width: 991px) {
  footer .to-top-btn {
    width: 76px;
    height: 76px;
    margin: -76px 15px 0 0;
  }
}
@media (max-width: 767px) {
  footer .to-top-btn {
    width: 50px;
    height: 50px;
    margin: -50px 15px 0 0;
  }
}
footer .to-top-btn .icon-up {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
footer .footer-content {
  color: #fff;
}
footer .footer-content a {
  color: #fff;
}
footer .footer-content a:hover, footer .footer-content a:focus {
  background-color: transparent;
}
footer .footer-content .nav > li > a {
  padding: 0;
}
footer .footer-content .social-links {
  width: auto;
  height: auto;
  display: inline-block;
  margin: 20px auto 0;
  list-style: none;
  outline: medium none;
  padding: 0;
}
footer .footer-content .social-links > li {
  width: auto;
  display: inline-block;
  margin: 0;
  padding: 0 18px 0 0;
}
@media (max-width: 767px) {
  footer .footer-content .social-links > li {
    padding: 0 9px 5px;
  }
}
footer .footer-content .social-links > li a .fa {
  font-size: 20px;
}
@media (max-width: 767px) {
  footer .footer-content .social-links > li a .fa {
    font-size: 24px;
  }
}
footer .footer-copyright-area {
  color: #fff;
  font-size: 12px;
  font-family: "MarselisWebW03-Light";
}
footer .footer-copyright-area p, footer .footer-copyright-area a {
  font-size: 12px;
  font-family: "MarselisWebW03-Light";
}
footer .footer-copyright-area a {
  color: #fff;
  text-decoration: none;
}

html.ccm-edit-mode header .header-top,
html.ccm-edit-mode footer {
  position: relative;
  z-index: 0 !important;
}

.cc-cookies {
  background: rgba(12, 19, 101, 0.75) !important;
}

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
  font-family: "MarselisWebW03-Regular" !important;
  font-size: 18px !important;
  color: #fff !important;
  padding: 5px 25px !important;
  border: 0 !important;
  border-radius: 0px !important;
  background: #00a844 !important;
  box-shadow: inset 0 0 0 0 #027430 !important;
  -webkit-transition: all 0.6s ease !important;
  -moz-transition: all 0.6s ease !important;
  -o-transition: all 0.6s ease !important;
  transition: all 0.6s ease !important;
}

.cc-cookies a.cc-cookie-accept:hover, .cc-cookies-error a.cc-cookie-accept:hover, .cc-cookies a.cc-cookie-decline:hover, .cc-cookies-error a.cc-cookie-decline:hover, .cc-cookies a.cc-cookie-reset:hover {
  box-shadow: inset 400px 0 0 0 #027430 !important;
}

html.ccm-edit-mode .cookie {
  position: relative;
  z-index: 0;
  float: left;
  width: 100%;
  height: 50px;
  display: block;
  margin-bottom: 50px;
}

/*# sourceMappingURL=style.css.map */