/*-------------------- /projects/189/templates/style/animate.min.css --------------------*/ @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 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}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-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%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-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{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-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)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-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);-ms-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)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,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) 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)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-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);-ms-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);-ms-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);-ms-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);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-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(.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)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-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)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-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)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-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)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-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)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-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) 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(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-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) rotate3d(0,1,0,-360deg);-ms-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);-ms-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);-ms-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(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-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);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-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);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-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-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-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}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-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);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-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}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-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%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-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}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-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) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{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{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-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{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);-ms-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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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)}100%{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);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-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)}100%{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);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /*-------------------- /projects/189/templates/style/base.css --------------------*/ /* project : winkel: 3 Grad colors: blue/türkis: #0993b8 rgba(9,147,184,0.7) mit 70% opacity lila #842290 rgba(132,34,144,0.7) */ html, body {margin:0 ; padding:0; height:100%; } body { overflow-x: hidden;font-family: 'Oswald', arial, Tahoma, sans-serif; font-size:14px; background: #fff url(../images/kachel.jpg); color: #000; height:100%;} img { outline:none; border:none;} a { outline:none; color: #000;} a:hover, a:active, a:focus { outline:none; } /*------------------------------------------------------------------------------ Allgemein ------------------------------------------------------------------------------*/ #responsivehelper {display:none;position: fixed; z-index: 10000; top:0;left:0; width:10px; height:10px;} /* Page Animated item Styles */ .animated { visibility:hidden;} .visible { visibility:visible !important;} /* bg fix und covering */ .coverbg {-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;} .fixbg { background-attachment: fixed; } /*------------------------------------------------------------------------------ Menü, Logo, Header ------------------------------------------------------------------------------*/ #MobileMenu { display:none; position: fixed; top:0;width:100%;z-index:10000;} h1#MobileLogo {display:none; position:fixed; top:5px;left:15px;z-index:10001; margin:0;padding:0;} /* */ #MainNav { color: #fff; position: fixed; z-index:1001; top: 0; right: 0% ; width:40%; background: rgba(0,0,0,0.9); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } #MainNav.menu-visible { right:0 ; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #MainNav ul.links {position:absolute; left:0; top:70px;width:250px;font-size:22px; list-style:none;} #MainNav ul.links li { text-align: right;text-transform: uppercase; line-height: 22px; letter-spacing: 3px; padding: 9px 0 6px 0; } #MainNav ul.links a {color: #fff;text-decoration: none; text-transform: uppercase; display:block;padding-right:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #MainNav ul.links a:hover {color: #842290; color: #aaa;padding-right:10px;} #MainNav ul.links .sub {color: #842290;padding: 2px 0 1px 0; color: #aaa;} #MainNav ul.links .sub::first-child {padding-top:4px;} #MainNav ul.links .sub a {color: #842290; color: #aaa;font-size:16px; margin-right:-5px; } #MainNav ul.links .sub a:hover { color: #FFF; } #MainNav ul.links .icon::before { font-size:20px; width:0.9em;} #MainNav .buttons { position:absolute; left:0; bottom:40px;width:250px;} #MainNav .buttons p { float:right; padding-bottom:15px;} /* Hauptmenübutton */ #menu-button { position: fixed; z-index:1010; top: 42px; right:50%; margin-right:-570px; } #menu-button .but { overflow:hidden; position: relative; display: block; vertical-align: middle; margin:0; padding: 8px 15px; line-height: 1.125em; cursor: pointer; text-decoration:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #0993b8; background-color: #ccc; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } #menu-button .but:hover { background-color: #000;} #menu-button .txt { display: block; font-size:16px; height:16px; line-height: 16px;float: right; color: #FFF; font-weight: normal;} #menu-button .icon { float: right; margin: 2px 0.438em 0 0; } #menu-button .icon-bar { display: block; width: 1.125em; height: 2px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;background-color: #f5f5f5; } #menu-button .icon-bar + .icon-bar { margin-top: 4px} /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px){ #menu-button { margin-right:-470px;} } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px){ #menu-button { margin-right:-360px;} } /* Small Devices, Tablets */ @media only screen and (max-width : 768px){ #menu-button , #LogoArea, #MainNav, #LogoAreaBg { display:none; } #MobileMenu, h1#MobileLogo { display:block;} } #closeMainNav { color: #fff; position:absolute; left:20px; top:20px; width:20px; height:20px; cursor:pointer; font-size:30px;} /*------------------------------------------------------------------------------ skew - trapez ------------------------------------------------------------------------------*/ .skew-outer { -webkit-transform: skew(0deg, -3deg) scale(0.9999); -moz-transform: skew(0deg, -3deg) scale(0.9999); -ms-transform: skew(0deg, -3deg) scale(0.9999); -o-transform: skew(0deg, -3deg) scale(0.9999); transform: skew(0deg, -3deg) scale(0.9999); -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; -o-transform-origin: left bottom 0; transform-origin: left bottom 0; transform-style: preserve-3D; } .skew-inner { -webkit-transform: skew(0deg, 3deg) scale(0.9999); -moz-transform: skew(0deg, 3deg) scale(0.9999); -ms-transform: skew(0deg, 3deg) scale(0.9999); -o-transform: skew(0deg, 3deg) scale(0.9999); transform: skew(0deg, 3deg) scale(0.9999); -webkit-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; -o-transform-origin: left bottom 0; transform-origin: left bottom 0; transform-style: preserve-3D; } /*------------------------------------------------------------------------------ Sections + Content ------------------------------------------------------------------------------*/ #sections { width:100%; height:auto !important; height:100%; min-height:100%; } #slideshow_section { position:fixed; top:0; left:0; z-index:7 ; width:100%; height:100%; min-height:100%; height:100vh; -webkit-backface-visibility: hidden; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; outlineX:1px solid #f00; } #section2 { padding-top:0px; padding-bottom:130px; z-index:1;position:relative; margin-top:100vh; min-height:850px; background-color: #211D2B; background-image: url(../images/kachel.jpg); background-position: 50% 50%;} #section3 { padding-top:0px; padding-bottom:130px; margin-top:-1px; z-index:2;position:relative; min-height:850px; background-color: #000; background-image: url(../images/bg_blur.jpg); background-position: 50% 0%;} #section4 { padding-top:20px; padding-bottom:80px; margin-top:-1px; z-index:3;position:relative; background-color: #4486aa; min-height:250px; background-image: url(../images/bootshaus_hintergrund_slideshow.jpg); background-position: 50% 50%;} #section5 { padding-top:0px; padding-bottom:130px; margin-top:-1px; z-index:4;position:relative; min-height:750px; background-color: #776673; background-image: url(../images/bg_blur.jpg); background-position: 50% 50%;} #section5X { padding-top:0px; padding-bottom:130px; margin-top:-1px; z-index:4;position:relative; min-height:750px; } #section6 { padding-top:0px; padding-bottom:50px; margin-top:-1px; z-index:5;position:relative; min-height:650px; background-color: #211D2B; background-image: url(../images/kachel.jpg); background-position: 50% 50%;} @media screen and (max-width: 768px) { #section2, #section3, #section4, #section5, #section6 { padding-top: 20px; } } .ContentArea { z-index:5; position: relative; padding-top:150px; padding-bottom:50px;} /*------------------------------------------------------------------------------ Das Logo ------------------------------------------------------------------------------*/ .stickylogo { opacity:1; z-index:1001; position:absolute; left:50%; top:38%; margin: 0px 0 0 -162px; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .stickylogo img {width:325px; height:auto;} #LogoArea { z-index:1001;position:absolute ; top:auto; bottom:0; left:0; width:100%; height:230px; border-top:0px solid rgba(9,147,184,0.9); } #LogoArea .content { position:relative; z-index:1001;width:100%; height:100px; background-color: rgba(9,147,184,0); overflow:hidden; background-repeat: no-repeat; background-size: 517px 96px; background-position: 50% 50px;-webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #LogoArea .logo { width:330px;position:absolute; z-index:1001;left:50%; top:38px; margin-left: -165px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #LogoArea .logo img {width:325px; height:auto;} /* */ #LogoArea .triangleX { position: relative; z-index: 1000; width: 0; height: 0; border-style: solid ; border-width: 80px 500px 0 0; border-color: rgba(9,147,184,0.7) transparent transparent transparent; -webkit-transformX: rotate(360deg) translateZ(0) scale(0.9999); -moz-transformX: rotate(360deg) translateZ(0) scale(0.9999); /* sharp edge in FF */ -ms-transformX: rotate(360deg) translateZ(0) scale(0.9999); /* sharp edge in FF */ -o-transformX: rotate(360deg) translateZ(0) scale(0.9999); transformX: rotate(360deg) translateZ(0) scale(0.9999); } #LogoArea.LogoAreaOtherSites { top:0; bottom:auto; position: fixed; } #LogoAreaBg {background-image: url(../images/bootshaus_hintergrund_slideshow.jpg); background-size: 50% auto; background-position: 50% -200px; height:150px; width:100%; position: fixed; z-index:6; top:0; left:0;} #LogoArea .container {position:relative;} .sticky #LogoArea .LogoAreaKachel {position:absolute; top:0; left:0; width:100%; height: 100%; overflow:hidden;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sticky #LogoArea .LogoAreaKachel > div {position:absolute; top:0; left:0; width:100%; height: 100%; background-image: url(../images/bootshaus_hintergrund_slideshow.jpg); background-size: 50% auto; background-position: 50% -200px; } /* .sticky #LogoArea .content { height:100px; } .sticky #LogoArea .logo { left:0; margin-left: 20px;width:250px;} .sticky #LogoArea .logo img {width:250px; height:auto;} */ @media screen and (max-width:768px) { .stickylogo { opacity:0; } } /*------------------------------------------------------------------------------ Section Header ------------------------------------------------------------------------------*/ .section-header { overflow:hidden; margin: 80px 0 20px 0; border:0px solid #fff; position: relative;} .fbbut { background: #3b5998 ; color: #fff; display:block; position:absolute; right: 0; bottom:13px; padding:5px 0px; text-decoration:none; width:112px; text-align: center;} .fbbut:hover {color:#fff;} .section-header .title { line-height:54px; font-size:50px; color:#fff; text-transform: uppercase; font-weight:bold; float:left; margin: 0 20px 0 0 ; padding:0;} .section-header .subtitle {font-size:28px;} .section-header .subtitle2 {font-size:28px; color:#fff; text-transform: uppercase; font-weight:bold; clear:left;} .section-header .middle {position: relative; display:block; padding-top:26px; z-index:10;} .section-header hr { border:none;border-top:2px solid #fff; margin: 0; padding:0;} .section-header .action { float:right; margin-left:20px;position: relative; z-index:11; } .section-header.without-action hr {margin-right:0;} @media screen and (max-width: 768px) { .section-header { margin: 30px 0; } .section-header .title { margin-right: 0px; } .section-header .middle { display:none; } .section-header .action { margin-left: 0px;} } /*------------------------------------------------------------------------------ Event Item ------------------------------------------------------------------------------*/ .event-item { width:100%; height:100%; position: relative; margin-bottom:20px; display:block; overflow: hidden; } .event-item .event-date { width:125px; height:125px; font-size: 62px; position: absolute; top:0; right:0; color:#fff; background: #aaaaaa; line-height:1; text-align: center; font-weight:bold;} .event-item .event-date:hover {background: #000000; background: rgba(0,0,0,0.7); } .event-item .event-date > div { display:block; text-transform: uppercase;} .event-item .event-date .day-str {margin-top: 4px; font-size: 24px; line-height:1; height:26px; } .event-item .event-date .day-no {font-size: 45px; line-height:1; height:45px; } .event-item .event-date .month {margin-top: 3px; font-size: 22px;line-height:1; height:24px; } .event-item .event-date .time { font-size: 20px; } .event-item img.image { width:100%; height:auto;} .event-item .hover { position: absolute; width: 100%; bottom: -100%; left: 0; background: rgba(0, 0, 0, 0.75); color: #fff; text-align: center; font-size: 24px; padding-top: 20px; padding-bottom: 20px; } /* */ .event-item-big img.image { width:560px; height:560px;} @media only screen and (max-width : 1200px){ .event-item-big img.image { width:460px; height:460px;} } @media only screen and (max-width : 992px){ .event-item img.image { width:100%; height:auto;} } @media screen and (max-width: 768px) { .event-item .event-date { width:auto; height: 30px; padding-right: 5px;} .event-item .event-date > div { float:left ;font-size: 20px !important; line-height:1; margin-top: 5px !important; padding-left:5px;} } /*------------------------------------------------------------------------------ News ------------------------------------------------------------------------------*/ .HomeListe { padding-top:50px; } /*--- Sly slider -----------------------------------------------*/ #HomeSliderFrame { padding: 0; width: 560px; height: 560px; } .NewsListe { margin:0; padding:0; list-style:none; width: 100%; cursor: ns-resize;} .NewsItem { float: left; display:block; width:100%; height:182px; position: relative; margin:0 0 5px 0; padding:0; list-style:none; color: #fff; } .NewsItem span { display:block;} .NewsItem .image { width: 182px; height:182px; float:left; } .NewsItem .image img {width:100%; height: auto;} .NewsItem .data { margin-left: 187px; height:182px;background:#000; background: rgba(0,0,0,0.6);} .NewsItem .data > div { display: table-cell; vertical-align: middle; height:182px; padding: 10px 10px 10px 20px ;} .NewsItem .data h3 {font-size: 20px; font-weight: bold; margin: 0 ;padding: 0 0 5px 0; text-transform: uppercase; line-height:1.3em; } .NewsItem .data h3 a { color: #fff; text-decoration:none;} .NewsItem .data .text {font-size: 18px; line-height:24px; font-weight: 300;} .NewsItem:hover .data { color: #fff; text-decoration:none; } .NewsItem:hover .dataX { background: #0993b8; background: rgba(9,147,184,0.7) } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px){ #HomeSliderFrame { width: 460px;} } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px){ #HomeSliderFrame { width: 720px;} } /* Small Devices, Tablets */ @media only screen and (max-width : 768px){ .HomeListe { padding-top: 0px; } #HomeSliderFrame { width: 100%; height: auto;} .NewsItem { height:120px;float:none; } .NewsItem .image { width: 120px; height:120px; } .NewsItem .data { margin-left: 125px; height:120px;} .NewsItem .data > div { height:120px; } .NewsItem .data h3 { font-size:15px;} .NewsItem .data .text { font-size:15px; line-height:20px; } } /*------------------------------------------------------------------------------ Podcast Item ------------------------------------------------------------------------------*/ .PodcastItem { width:100%; height:100%; position: relative; margin-bottom:10px;line-height:0.5em;} .PodcastItem img { width:100%; height: auto; } .PodcastItem .player { position:absolute; bottom:0; left:0; width:100%;} /*------------------------------------------------------------------------------ Album Item, Galerie Item ------------------------------------------------------------------------------*/ .ContentItem { width:100%; height:100%; position: relative; margin-bottom:13px; } .ContentItem a {display: block; position: relative;} .ContentItem img { width:100%; height: auto; } .ContentItem .overlay-title { display:block; width:100%; position:absolute; bottom:0; left:0; background-color: #000; background-color: rgba(0,0,0,0.7); color: #fff; text-align:center; font-size:18px; font-weight: 300; } .ContentItem .overlay-title > span { display: table; width:100%; height:100%;} .ContentItem .overlay-title > span > span { display: table-cell; vertical-align: middle; width:100%;text-align:center; padding: 20px 10px; text-transform:uppercase;} .ContentItem:hover .overlay-title { background: #ccc;} .ContentItem .overlay {opacity: 0; width:100%; height: 100%; position:absolute; top:0; left:0; background-color: #000; background-color: rgba(0,0,0,0.7); background-image: url(../images/lupe.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 60px 60px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .ContentItem .overlay .date { text-align: center; font-size: 24px; color: #fff; position: absolute; bottom: 15%; width: 100%; } .ContentItem:hover .overlay {opacity: 0.99; } /*------------------------------------------------------------------------------ Bootstrap Style überschreiben ------------------------------------------------------------------------------*/ /* Buttons stylen */ .btn-default, .btn-primary { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;color: #fff; text-transform: uppercase; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .btn-default:hover, .btn-primary:hover { color: #fff;} /* türkiser button */ .btn-default {background-color: #ccc; border:2px solid #ccc; } .btn-default:hover { background-color: transparent; border:2px solid #fff; } /* lila button */ .btn-lila {background-color: #ccc;background-color: #cccccc; border:2px solid #842290; border:2px solid #cccccc; } .btn-lila:hover { background-color: transparent; border:2px solid #fff; } /* transparent mit schwarzen rahmen - türkiser hover */ .btn-primary { background-color: transparent; border:2px solid #fff; color: #fff; } .btn-primary:hover { background-color: #ccc; border:2px solid #ccc; } /* transparent mit schwarzen rahmen - türkiser hover */ .btn-primary2 { background-color: transparent; border:2px solid #fff; color: #fff; } .btn-primary2:hover { background-color: #ccc; border:2px solid #ccc; } .btn-lg { font-size: 22px; line-height: 1.33333; padding: 10px 16px;font-weight: normal; } .btn-default, .btn-lila, .btn-primary:hover { background-color: #aaa; border:2px solid #aaa; } /* GRID */ .row { margin-left: -10px; margin-right: -10px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; } .smallrow { margin-left: -5px; margin-right: -5px; } .smallrow .col-md-1, .smallrow .col-md-6 { padding-left: 5px; padding-right: 5px;} .smallrow .col-sm-3 { padding-left: 7px; padding-right: 7px;} .rowmargin {padding-top:50px;} /* Small Devices, Tablets */ @media only screen and (max-width : 768px){ .rowmargin {padding-top:0px;} } @media only screen and (max-width : 500px){ .mobile2colrow .col-xs-6, #section2X .col-xs-6, #section3 .col-xs-6, #section5X .col-xs-6 { width:100%;} } /*------------------------------------------------------------------------------ Footer ------------------------------------------------------------------------------*/ #footer { margin-top:0; border:0px solid #ff0; color: #fff;position:relative; overflow:hidden;} #footer a { color: #fff; text-decoration: none; } #footer > div { margin-top:105px;margin-bottom:-150px;padding-bottom:200px;z-index:6;position:relative; min-height:500px; background-color: #322267; background-image: url(../images/bg_blur.jpg); background-position: 50% 100%;} #footer .container { padding-top:40px; } #footer h4 {font-size:22px; font-weight:bold; overflow:hidden;margin:0 0 20px 0; padding:0; } #footer h4 .txt { float:left; } #footer h4 .linie {position: relative; display:inline; } #footer h4 hr { border:none;border-top:1px solid #fff; margin: 13px 20px 0 20px; padding:0;} #footer .socialicons { padding:5px 0 25px 0; } #footer .socialicons .icon { float:left; margin: 0 18px 0 0; color: #fff; font-size:30px; width:50px; height: 50px; border:2px solid #fff;} .icon-instagram::before { left:3px;position: relative;} .icon-youtube::before { left:1px;position: relative;} .icon-facebook:hover { color: #3b5998; } .icon-twitter:hover { color: #00aced; } .icon-youtube:hover { color: #bb0000; } .icon-instagram:hover { color: #517fa4; } .icon-soundcloud:hover { color: #ff5500 ; } .icon-vimeo:hover { color: #20B9EB; } .icon-snapchat:hover { color: #ede012; } .icon-spotify-circled:hover { color: #64ad44; } #footer ul.linkliste {font-size:15px; line-height:25px;font-weight:normal; margin:0; padding:0; list-style:none; text-transform: uppercase;} #footer ul.linkliste li {margin:0 0 0px 0; padding:0; list-style:none; } #footer ul.linkliste li a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #footer ul.linkliste li a:hover { color: #ccc; } #footer .footerlogo { width:140px; height:auto; margin-top:0px; margin-bottom:5px;} #footer .text { font-size:14px; font-weight:normal; width:200px;} #footer .buttons .btn-default {margin-right:10px;} #toTop { font-size:28px; line-height:1 ;position: absolute; z-index:1000;right: 25px; bottom:0; cursor:pointer; border: 4px solid #fff; width:40px; height: 40px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #toTop i::before {position: relative; top:-1px; left:-3px; } #toTop:hover { color: #ccc; border-color: #ccc; ;} @media only screen and (max-width : 768px){ #footer > div { background-position: 50% 150%; } #footer .socialicons .icon { width:44px; height: 44px; margin: 0 10px 0 0; font-size:26px;} #footer .btn-lg { padding: 10px 12px; } #footer .buttons .btn-default {margin-right: 0px;} } /*------------------------------------------------------------------------------ animations ------------------------------------------------------------------------------*/ .transition-short {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /*------------------------------------------------------------------------------ transforms ------------------------------------------------------------------------------*/ .rotateLeftOnHover:hover { transform: translateZ(0) rotate(-3deg) scale(1.2); -webkit-transform: translateZ(0) rotate(-3deg) scale(1.2); -moz-transform: translateZ(0) rotate(-3deg) scale(1.2); -o-transform: translateZ(0) rotate(-3deg) scale(1.2); -ms-transform: translateZ(0) rotate(-3deg) scale(1.2); } .rotateRightOnHover:hover { transform: translateZ(0) rotate(3deg) scale(1.2); -webkit-transform: translateZ(0) rotate(3deg) scale(1.2); -moz-transform: translateZ(0) rotate(3deg) scale(1.2); -o-transform: translateZ(0) rotate(3deg) scale(1.2); -ms-transform: translateZ(0) rotate(3deg) scale(1.2); } /*------------------------------------------------------------------------------ Sonstiges ------------------------------------------------------------------------------*/ #mapwrapper {height: 100vh; min-height:900px; margin-top:0px;padding-top: 0px; padding-bottom: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mapbubble { min-width:228px; } .mapbubble a {color: #333;} iframe.youtube {width:1140px; height:641px;} /*--------------------------------------------------------------------------- -----------------------------------------------------------------------------*/ .MsgBoxInfo, .MsgBoxNotify, .MsgBoxOk, .MsgBoxError, .MsgBoxWarn , .errorMsg, .okMsg{ font-weight:300; position: relative; margin: 5px 0 15px 0; padding: 0; border: 1px solid; display:block; background-repeat: no-repeat !important; font-size: 13px; font-style:normal; padding: 10px ; line-height: 1.5em; } .MsgBoxInfo {background: #EAF0F6 url('/img/silk/information.png') 10px 11px; padding-left:35px;border-color: #BCC6D0;color: #404040;} .MsgBoxNotify {background: #fffbcc url('/img/silk/bell.png') 10px 11px; padding-left:35px; border-color: #e6db55;color: #666452;} .MsgBoxOk,.okMsg { background: #d5ffce url('/img/silk/accept.png') 10px 11px ; padding-left:35px; border-color: #9adf8f;color: #556652;} .MsgBoxError,.errorMsg {background: #ffcece url('/img/icons/error_16x16.png') 10px 11px ; padding-left:35px; border-color: #df8f8f;color: #665252;} .MsgBoxWarn { background: #fffbcc url('/img/silk/error.png') 10px 11px; padding-left:35px; border-color: #e6db55; color: #666452; } #ErrorMsg404 {text-align: center; width:400px; margin: 0 auto; padding-top: 200px; padding-bottom:50px; font-size: 24px; font-weight: bold; color: #2f2f2f; background: url('/img/caution_icon_125x125.png') no-repeat 50% 60px ;} /*------------------------------------------------------------------------------ Event Details ------------------------------------------------------------------------------*/ .EventDetails { overflow: hidden; position: relative; color: #fff;} .EventDetails a { color: #ccc; color: rgba(9,147,184,0.7);} .EventDetails .flyerX { float:right; width:370px; position: relative; line-height:0.5em;} .EventDetails .flyer img {width:100%; height:auto; margin: 0 0 20px 0px;} .EventDetails h2 { } .EventDetails .text { font-weight:300; font-size:18px;} .EventDetails .text h2 { font-size:24px;} .EventDetails .text h3 { font-size:20px;} .EventDetails .text strong { font-weight:normal; font-size:17px;} .EventDetails .minipics { overflow: hidden;} .EventDetails .minipics .minipic { float:left; width:80px; height:80px; margin: 0 10px; line-height:0.5em;} .EventImages img { width:100%; height:auto; margin-top:10px;} /*------------------------------------------------------------------------------ Event Details - Facebook Box ------------------------------------------------------------------------------*/ .fbuser { background: #fff; background: rgba(255,255,255,0.9); margin: 22px 0; padding: 20px 17px 20px 20px; line-height:1 ;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fbuser .users { overflow:hidden; width:100%;} .fbuser .users a {float:left; margin: 0 6px 6px 0; line-height:0.5em; border:1px solid #666; } .fbuser .header-buttons {height:35px;} .fbuser .header-buttons .fb-buttons {float:left; width:310px; margin-bottom:10px;} .fbuser .header-buttons .fb-btn-attending-event {float:left; margin-right:20px;} .fb-like-wrapper {position:absolute;left:0;top:0; background: rgba(0,0,0,0.8); padding:10px;} .fbuser h3 {float:left;margin:0 20px 14px 0; padding:0; font-size:20px; text-transform: uppercase; line-height:19px; color: #3A5897; overflow:hidden;font-weight:normal;} .fbuser h3 a { color: #3A5897; text-decoration: none;} .fbuser h3 img {float:left;margin-right:10px; color: #3A5897;} .fbButton {border: medium none;border-radius: 2px;color: #FFFFFF;font-weight: bold;height: 20px;line-height: 20px;padding: 0; white-space: nowrap;font-size:11px;display:inline-block;font-family: 'Helvetica Neue',Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;text-decoration:none;vertical-align: top;padding: 0 5px 0 5px;overflow:hidden;} .fbButton span {width:14px; height:14px; margin: 3px 3px 0 0;float:left;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANdJREFUeNqUUkEOgkAM3C1EQI3xoCcTY+JB38iJI8/ZH+hbvHqQmAjBLKstKYYgFG0ypJ120m2pVkoBwmeQL5lDWIaa5Hl+ev1oVEsajZ8pxg+xjXN3AFg0sdZ6BtLzsiwzaZruPc/bxHF8aKVqzXzoWUmS7Hj2ELFqeNKIQi4Iq6q6dfmxLdbbw/mW3USvEIdfIyJ0nwTyiSvL8iIKewyMMccgCLYN4fdV4RhX7hxx/PW7/JFOg3ngM/rXHAltURRnYau2TXCt1cKRW95qfc+c/xz5W4ABAJHCrpLBCIc7AAAAAElFTkSuQmCC');} .fbButton:hover { color:#fff !important; text-decoration: none;} a.fbEventAttendingBtn {background: #4c69ba;background: -moz-linear-gradient(top, #4c69ba 0%, #3b55a0 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c69ba), color-stop(100%,#3b55a0)); background: -webkit-linear-gradient(top, #4c69ba 0%,#3b55a0 100%); background: -o-linear-gradient(top, #4c69ba 0%,#3b55a0 100%);background: -ms-linear-gradient(top, #4c69ba 0%,#3b55a0 100%); background: linear-gradient(to bottom, #4c69ba 0%,#3b55a0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c69ba', endColorstr='#3b55a0',GradientType=0 );cursor: pointer;} a.fbEventAttendingBtn:hover{background: #5b7bd5; background: -moz-linear-gradient(top, #5b7bd5 0%, #4864b1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b7bd5), color-stop(100%,#4864b1)); background: -webkit-linear-gradient(top, #5b7bd5 0%,#4864b1 100%); background: -o-linear-gradient(top, #5b7bd5 0%,#4864b1 100%); background: -ms-linear-gradient(top, #5b7bd5 0%,#4864b1 100%); background: linear-gradient(to bottom, #5b7bd5 0%,#4864b1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b7bd5', endColorstr='#4864b1',GradientType=0 ); box-shadow:inset 0 0 1px #607fd6; } a.fbEventDeclineBtn { color:#fff; background: #ff3019; background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%);background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); cursor: pointer;} a.fbEventDeclineBtn:hover { color:#fff;background: #ff3019; background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );} .fbEventIsAttendingBtn { background: #666; } /*------------------------------------------------------------------------------ ------------------------------------------------------------------------------*/ .NewsletterWrapper { padding-top:50px; padding-bottom:50px;} .NewsletterWrapper .title { float:left;font-size:36px; line-height: 1; color: #fff; text-transform: uppercase; padding-right:30px;font-weight:bold;} .newsletterjoin { } .newsletterjoin input[type=text] { background: rgba(255,255,255,0.7);border:none; height: 35px; padding: 0 10px;font-family: 'Oswald', arial, sans-serif;width:100%; font-size:16px; font-weight:normal; color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .newsletterjoin .required { display:none; } .newsletterjoin form {overflow:hidden; display: block;} .newsletterjoin .fields {float:left; overflow: hidden; } .newsletterjoin .element.first { width:390px;float:left;padding-left:30px; } .newsletterjoin .element.second { width:390px; float:left;padding-left:30px; } .newsletterjoin .buttonwrapper { float:right; text-align:center; } .newsletterjoin .buttonwrapper input { text-transform: uppercase; font-size: 16px; line-height: 1.33333; padding: 5px 16px;font-weight: normal;background-color: transparent; border:2px solid #fff; color: #fff; } .newsletterjoin .buttonwrapper input:hover { background-color: #ccc; border:2px solid #ccc; } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px){ .newsletterjoin .element {width:300px !important; padding-left:15px !important; } } @media only screen and (max-width : 992px){ .NewsletterWrapper .title { font-size:30px; padding-top:2px; } .newsletterjoin .element {width:207px !important; padding-left:10px !important; } } @media only screen and (max-width : 768px){ .NewsletterWrapper .title, .newsletterjoin input { float:none;margin-bottom:10px; } .newsletterjoin .fields {float:none; } .newsletterjoin .element {width:100% !important; padding-left:0px !important; } } .blurbgX { background: radial-gradient(circle at 66.00% 94.05%, #f078ef, transparent 52%),radial-gradient(circle at 89.72% 42.96%, #4546c5, transparent 63%),radial-gradient(circle at 21.02% 9.03%, #91d01e, transparent 76%),radial-gradient(circle at 10.22% 78.08%, #ffec42, transparent 21%),radial-gradient(circle at 50.89% 49.8%, #2b0aff, transparent 6%),radial-gradient(circle at 84.2% 7.24%, #ff0000, transparent 37%),radial-gradient(circle at 50% 50%, #9f40ff, #9f40ff 100%) } .blurbgX { background: radial-gradient(circle at 10.36% 17.50%, #daff61, transparent 13%), radial-gradient(circle at 90.66% 17.66%, rgba(100,100,100,0.5), transparent 10%), radial-gradient(circle at 30.99% 15.44%, #ff7f0f, transparent 32%), radial-gradient(circle at 82.91% 75.52%, #f7ff00, transparent 59%), radial-gradient(circle at 29.34% 37.27%, rgba(255,255,255,0.5), transparent 19%), radial-gradient(circle at 23.38% 4.13%, #ff8e1c, transparent 9%), radial-gradient(circle at 74.77% 1.97%, #ffad1f, transparent 29%), radial-gradient(circle at 19.54% 82.69%, #9670ff, transparent 15%), radial-gradient(circle at 50% 50%, #961df2, #961df2 100%) } .fancybox-overlay-fixed { z-index: 999999; } .share_bar a { display: block; } .share_bar a img { max-width: 100%; } .share_bar a:after { clear: both; } .share_bar a.share_facebook { margin-left: 0px !important; } .share_bar a:last-child { margin-right: 0px !important; } .blog-filter { margin-top: 15px; margin-bottom: 30px; } .blog .ContentItem { overflow: hidden; } .blog .ContentItem img { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .blog .ContentItem img:hover { -webkit-transform: scale(1.15) rotate(5deg); -moz-transform: scale(1.15) rotate(5deg); -ms-transform: scale(1.15) rotate(5deg); -o-transform: scale(1.15) rotate(5deg); transform: scale(1.15) rotate(5deg); } /*-------------------- /projects/189/templates/style/css_hacks.css --------------------*/ /* Document : css_hacks Created on : 20.03.2015, 11:21:48 Author : thomas Description: Purpose of the stylesheet follows. */ /* Antialiasing für Webkit Browser wie Chrome und Safari */ html {-webkit-font-smoothing: antialiased;} /* Disable Image Smoothing in Modern Web Browsers http://nullsleep.tumblr.com/post/16417178705/how-to-disable-image-smoothing-in-modern-web */ img { image-rendering: optimizeSpeed; /* FUCK SMOOTHING, GIVE ME SPEED */ image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */ image-rendering: optimize-contrast; /* CSS3 Proposed */ -ms-interpolation-mode: nearest-neighbor; /* IE8+ */ } /*-------------------- /projects/189/templates/style/kontakt.css --------------------*/ /*---------------------------------------------------------------------------- ----------------------------------------------------------------------------*/ .contactform {margin:0; color: #fff;} .contactform ul { margin:0; padding:0; list-style:none;} .contactform ul li { margin:0; padding:0; list-style:none;} .contactform .marginbottom {margin-bottom:15px;} .contactform input[type=text] { background: rgba(255,255,255,0.9);border:none; height: 40px; padding: 0 10px;font-family: 'Oswald', arial, sans-serif;width:100%; font-size:18px; font-weight:300; color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .contactform textarea { background: rgba(255,255,255,0.9);border:none; padding: 10px;font-family: 'Oswald', arial, sans-serif;width:100%; height:260px; font-size:18px; font-weight:300; color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .contactform textarea.drinks { height:95px; } .contactform .buttonwrapper { text-align:center; padding-bottom:38px; } .contactform .buttonwrapperX input {cursor: pointer; border:none; font-weight:bold; text-align:center;display:inline-block; padding: 0 10px;position:relative; font-size:18px; text-transform:uppercase; background: #e60000; height:40px; color: #fff; text-decoration: none; } .contactform label {font-weight:300;font-size:18px; text-transform:uppercase; } .contactform .error { background: #FFCECE !important;} .contactform input[type=text]:focus, .contactform textarea:focus { background: #fff !important;} .contact-text { color:#fff; font-size: 18px; line-height: 1.40em;; font-weight: 300;} /*-------------------- /projects/189/templates/style/prettyPhoto.css --------------------*/ div.light_rounded .pp_top .pp_left{background:url(/img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_middle{background:#fff} div.light_rounded .pp_top .pp_right{background:url(/img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_content{background-color:#fff} div.light_rounded .pp_content a.pp_next:hover{background:url(/img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_previous:hover{background:url(/img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_expand{background:url(/img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_expand:hover{background:url(/img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_contract{background:url(/img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_contract:hover{background:url(/img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_content a.pp_close{width:75px;height:22px;background:url(/img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .currentTextHolder{color:#333} div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(/img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(/img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_bottom .pp_left{background:url(/img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_middle{background:#fff} div.light_rounded .pp_bottom .pp_right{background:url(/img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.light_rounded .pp_loaderIcon{background:url(/img/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_left{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_middle{background:url(/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .pp_top .pp_right{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content{background:url(/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .pp_content a.pp_next:hover{background:url(/img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_previous:hover{background:url(/img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_expand{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_expand:hover{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_contract{background:url(/img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_contract:hover{background:url(/img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_content a.pp_close{width:75px;height:22px;background:url(/img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .currentTextHolder{color:#c4c4c4} div.dark_rounded p.pp_description{color:#fff} div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(/img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.dark_rounded .pp_bottom .pp_left{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_middle{background:url(/img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .pp_bottom .pp_right{background:url(/img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(/img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_top .pp_left,div.dark_square .pp_top .pp_middle,div.dark_square .pp_top .pp_right,div.dark_square .pp_bottom .pp_left,div.dark_square .pp_bottom .pp_middle,div.dark_square .pp_bottom .pp_right,div.dark_square .pp_content{background:url(/img/prettyPhoto/dark_square/contentPattern.png) top left repeat} div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_square p.pp_description{color:#fff} div.dark_square .pp_loaderIcon{background:url(/img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_content a.pp_expand{background:url(/img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_expand:hover{background:url(/img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_contract{background:url(/img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_contract:hover{background:url(/img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_close{width:75px;height:22px;background:url(/img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(/img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(/img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.dark_square .pp_content a.pp_next:hover{background:url(/img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_content a.pp_previous:hover{background:url(/img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_top .pp_left,div.light_square .pp_top .pp_middle,div.light_square .pp_top .pp_right,div.light_square .pp_bottom .pp_left,div.light_square .pp_bottom .pp_middle,div.light_square .pp_bottom .pp_right,div.light_square .pp_content{background:#fff} div.light_square .pp_content a.pp_expand{background:url(/img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_content a.pp_expand:hover{background:url(/img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_content a.pp_contract{background:url(/img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_content a.pp_contract:hover{background:url(/img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_content a.pp_close{width:75px;height:22px;background:url(/img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous{background:url(/img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next{background:url(/img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_square .pp_content a.pp_next:hover{background:url(/img/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_content a.pp_previous:hover{background:url(/img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%} div.pp_pic_holder{position:absolute;z-index:10000;width:100px} div.pp_pic_holder .pp_top{position:relative;height:20px} * html div.pp_pic_holder .pp_top{padding:0 20px} div.pp_pic_holder .pp_top .pp_left{position:absolute;left:0;width:20px;height:20px} div.pp_pic_holder .pp_top .pp_middle{position:absolute;left:20px;right:20px;height:20px} * html div.pp_pic_holder .pp_top .pp_middle{position:static;left:0} div.pp_pic_holder .pp_top .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px} div.pp_pic_holder .pp_content{position:relative;text-align:left;width:100%;height:40px} div.pp_pic_holder .pp_content .pp_details{display:none;margin:10px 15px 2px 20px} div.pp_pic_holder .pp_content .pp_details p.pp_description{display:none;float:left;margin:0} div.pp_pic_holder .pp_content .pp_details .pp_nav{float:left;margin:3px 0 0 0} div.pp_pic_holder .pp_content .pp_details .pp_nav p{float:left;margin:2px 4px} div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next{float:left;display:block;width:14px;height:15px;overflow:hidden;text-indent:-10000px;margin-top:3px} div.pp_pic_holder .pp_content div.pp_hoverContainer{position:absolute;z-index:2000;top:0;left:0;width:100%} div.pp_pic_holder .pp_content a.pp_next{display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat} div.pp_pic_holder .pp_content a.pp_previous{display:block;float:left;text-indent:-10000px;width:49%;height:100%;background:url(/img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat} div.pp_pic_holder .pp_content a.pp_expand,div.pp_pic_holder .pp_content a.pp_contract{position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px} div.pp_pic_holder .pp_content a.pp_close{float:right;display:block;text-indent:-10000px} div.pp_pic_holder .pp_bottom{position:relative;height:20px} * html div.pp_pic_holder .pp_bottom{padding:0 20px} div.pp_pic_holder .pp_bottom .pp_left{position:absolute;left:0;width:20px;height:20px} div.pp_pic_holder .pp_bottom .pp_middle{position:absolute;left:20px;right:20px;height:20px} * html div.pp_pic_holder .pp_bottom .pp_middle{position:static;left:0} div.pp_pic_holder .pp_bottom .pp_right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px} div.pp_pic_holder .pp_loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px} div.pp_pic_holder #pp_full_res{display:block;margin:0 auto;width:100%;text-align:center} div.pp_pic_holder #pp_full_res object,div.pp_pic_holder #pp_full_res embed{visibility:hidden} div.ppt{display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:17px} span.pretty-descr-1 { font-weight: bold; font-size: 13px; display: block; } span.pretty-descr-2 { display: block; } span.pretty-descr-3 { display: block; font-size: 10px; color: #999; } span.pretty-descr-4 { display: block; font-size: 12px; text-transform: uppercase; z-index: 100000; top: 0px; color:#000; padding: 6px 15px 12px 24px; position: absolute; background:url(/img/prettyPhoto/disk.png) no-repeat; background-position:0px 5px; background-color: #fff; -moz-border-radius-bottomright:5px; } span.pretty-descr-4 a {color:#000; text-decoration:none;} span.pretty-descr-4 a:hover {color:#11AAEE;} .pp_pic_holder, .pp_overlay, .ppt { display:none; } /*-------------------- /projects/189/templates/style/slicknav.css --------------------*/ /* Mobile Menu Core Style */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 1px 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 2px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 4px} .slicknav_nav { clear: both ; text-shadow: none;} .slicknav_nav ul, .slicknav_nav li { display: block; text-shadow: none; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { display: block; cursor: pointer; } .slicknav_nav a { display: block } .slicknav_nav .slicknav_item a { display: inline } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } /* IE6/7 support */ .slicknav_menu { *zoom: 1 } /* User Default Style Change the following styles to modify the appearance of the menu. */ .slicknav_menu { font-size:20px; } /* Button */ .slicknav_btn { margin: 5px 5px 6px; text-decoration:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #ccc; } /* Button Text */ .slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: normal; font-size:16px; height:16px; line-height: 16px; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; } .slicknav_menu { background-colorX: #0993b8; background-colorX: rgba(9,147,184,0.8); background: url(../images/bg_opacity2.png) no-repeat right bottom ; padding:5px 5px 45px 5px; } .slicknav_nav { color:#fff; margin:0; padding:0; font-size:0.875em; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; } .slicknav_nav ul { padding:0; margin:0 0 0 0px; } .slicknav_nav .slicknav_item { padding:5px 10px; margin:2px 5px; } .slicknav_nav a{ padding:5px 10px; margin:2px 0px; text-decoration:none; color:#fff; text-transform: uppercase; } .slicknav_nav .slicknav_item a { padding:0; margin:0; } .slicknav_nav .slicknav_item:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#0993b8; color:#fff; } .slicknav_nav .slicknav_item:hover a { color:#fff;} .slicknav_nav a:hover{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#fff; color:#0993b8; } .slicknav_nav .slicknav_txtnode { margin-left:15px; display:none; } /*-------------------- /projects/189/templates/style/superslides.css --------------------*/ #slides { position: relative; height: 100%; overflow:hidden; } #slides .slides-container { display: none; } #slides .scrollable { *zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; } #slides .scrollable:after { content: ""; display: table; clear: both; } #bittescrollen { background: url("../images/bitte_scrollen_shadow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 15px; width: 84px; height: 70px; left: 50%; margin-left: -40px; position: absolute; z-index: 10;} .slides-navigation { margin: 0 auto; position: absolute; z-index: 3; top: 46%; width: 100%; z-index:10005; } .slides-navigation a { position: absolute; display: block; } .slides-navigation a.prev { left: 0; } .slides-navigation a.next { right: 0; } .slides-pagination { position: absolute; z-index: 3; bottom: 25px; text-align: center; width: 100%; } .slides-pagination a { border: 2px solid #fff; border-radius: 20px; width: 20px; height: 20px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII="); margin: 2px; overflow: hidden; text-indent: -1000px; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.4); box-shadow: 0 0 5px 0 rgba(0,0,0,0.4); } .slides-pagination a.current { background: #fff; } .slides-navigation a { width: 100px; height: 100px; } .slides-navigation .icon-wrap { position: relative; display: block; width: 100%; height: 100%; } .slides-navigation a::before, .slides-navigation a::after, .slides-navigation .icon-wrap::before, .slides-navigation .icon-wrap::after { position: absolute; left: 50%; width: 3px; height: 50%; background: #ffffff; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; /* for FF */ } .slides-navigation .icon-wrap::before, .slides-navigation .icon-wrap::after { z-index: 100; height: 0; background: #96c11f; -webkit-transition: height 0.3s, -webkit-transform 0.3s; transition: height 0.3s, transform 0.3s; } .slides-navigation a::before, .slides-navigation .icon-wrap::before { top: 50%; -webkit-transform: translateX(-50%) rotate(-135deg); transform: translateX(-50%) rotate(-135deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .slides-navigation a.next::before, .slides-navigation a.next .icon-wrap::before { -webkit-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .slides-navigation a::after, .slides-navigation .icon-wrap::after { top: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .slides-navigation a.next::after, .slides-navigation a.next .icon-wrap::after { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .slides-navigation a:hover .icon-wrap::before, .slides-navigation a:hover .icon-wrap::after { height: 50%; } .slides-navigation a:hover::before, .slides-navigation a:hover .icon-wrap::before { -webkit-transform: translateX(-50%) rotate(-125deg); transform: translateX(-50%) rotate(-125deg); } .slides-navigation a.next:hover::before, .slides-navigation a.next:hover .icon-wrap::before { -webkit-transform: translateX(-50%) rotate(125deg); transform: translateX(-50%) rotate(125deg); } .slides-navigation a:hover::after, .slides-navigation a:hover .icon-wrap::after { -webkit-transform: translateX(-50%) rotate(-55deg); transform: translateX(-50%) rotate(-55deg); } .slides-navigation a.next:hover::after, .slides-navigation a.next:hover .icon-wrap::after { -webkit-transform: translateX(-50%) rotate(55deg); transform: translateX(-50%) rotate(55deg); } /*-------------------- /projects/189/templates/style/xdarticledocs.css --------------------*/ /*------------------------------------------------------------------------------ articledocs ------------------------------------------------------------------------------*/ .article-docs { height:120px; color:#333; overflow:hidden; background: url(/public/images/icons/download_64x64.png) no-repeat 35px 50%; background-color: #0993b8; background-color: rgba(9,147,184,0.5) ; padding-left:115px; } .article-docs ul { list-style:none; padding-left:20px; margin:28px 0 0 0; float:left; line-height:1em; } .article-docs ul:first-child { border-left:1px solid #a1a1a1;} .article-docs ul li { margin:0; padding:0 0 1px 25px; list-style:none; display:block; height:22px; line-height:22px; background-position:0px 0px; background-repeat:no-repeat; color:#fff; } .article-docs ul li a { text-decoration: none; color:#fff; display:inline-block; } .article-docs ul li small { } .article-docs ul li.pdf { background-image:url(/public/images/mediatypes/16x16/pdf.png); } /* 20x20, 32x32, 48x48 */ .article-docs ul li.doc { background-image:url(/public/images/mediatypes/16x16/doc.png); } .article-docs ul li.xls { background-image:url(/public/images/mediatypes/16x16/xls.png); } .article-docs ul li.zip { background-image:url(/public/images/mediatypes/16x16/zip.png); } /*-------------------- /projects/189/templates/style/xdarticletemplates.css --------------------*/ .article-detail { position: relative; z-index:100; color: #fff;min-height:600px;} .article-detail h2 { margin:0;padding:0px 0 5px 0; font-size:24px; line-height:20px; font-weight: 300;} .article-detail h3 { margin:0;padding:0 0 5px 0; font-size:20px; line-height:18px; font-weight: 300;} .article-detail .data {overflow:hidden; padding:0px 0 10px 0; font-size: 18px; line-height: 1.40em;; font-weight: 300;} .article-detail .data a {color: #fff;} .article-detail .data strong { font-weight:normal; font-size:17px;} .article-detail .image { position:relative; } .article-detail .image a {display: block; position:relative; } .article-detail .image img { width:100%; height:auto; } .article-detail .text {font-weight:300; } .article-detail .text ul {margin:0 0 20px 0; padding:0; overflow: hidden;} .article-detail .text ul li {margin:0; padding:0 0 0 10px; list-style: inside;} .article-detail p { margin:0 ; padding: 0 0 20px 0;} .article-detail .fblike {float:left; padding:5px 5px 5px 0;} .article-detail .fblikeX {position:absolute; right: -90px; top:10px; width:80px;z-index:10;background: #fff; padding:5px;} .article-detail .image-shadow { background: url('../images/image_overlay_940x280.png') no-repeat; position: absolute; top:0; left:0; width: 940px; height: 280px;} .article-detail .backbutton { display:none;background: #000; width: 81px; height: 25px; overflow:hidden; float:right; color:#fff;} .article-detail .logoutbutton { background: url('../images/but_logout.png') no-repeat; width: 75px; height: 25px; overflow:hidden; text-indent:-500px; float:right; display:block; margin-right:10px;} #TopBackButtons {position: fixed; left:-82px; bottom:55px; width:100%;z-index:99; display:none;} #TopBackButtons > div { width:960px; margin:0 auto; } .article-footer { overflow:hidden; height:35px;} .article-footer .back, .article-footer .top {background: #000 url(/public/images/arrows/top_back_white_transparent.png) no-repeat 0px 0px; width:34px; height:35px; display:block; float:left; cursor:pointer; overflow:hidden; text-indent: -400px;} .article-footer .top { margin-left:5px; background-position: -37px 0px ;} /* gallery std */ .article-detail .article-gallery { margin:0px 0; padding:10px 0 0px 0; clear:left;} .article-detail .article-gallery .inner {padding: 10px 0px 10px 15px; background: #ccc; } .article-detail .article-gallery ul { list-style:none; zoom:1; display:block; margin: 0; padding:0;} .article-detail .article-gallery ul:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; font-size:0; height:0; } .article-detail .article-gallery ul li { float:left; margin:0 8px 0px 0; padding:0; list-style:none; } .article-detail .article-gallery ul li a { display:block; background:0 0 no-repeat; overflow:hidden; line-height: 0.5em; } #article-gallery-slider {position: relative;} #article-gallery-slider .inner { padding: 10px 50px 10px 50px; } #article-gallery-slider #prev-btn { cursor: pointer; background: url(/public/images/arrows/white/arrow_left_22x26.png) no-repeat 50% 50%; width: 22px; height: 26px; display: block; position: absolute; top:40px; left:15px; } #article-gallery-slider #next-btn { cursor: pointer; background: url(/public/images/arrows/white/arrow_right_22x26.png) no-repeat 50% 50%; width: 22px; height: 26px; display: block; position: absolute; top:40px; right:15px;} /* gallery belowpic */ .article-gallery-bellow { margin:0px 0; padding:0px 0 0px 0;clear:left;} .article-gallery-bellow .inner {padding: 5px 0px 5px 5px; background: #0993b8; background:rgba(9,147,184,0.5) ;} .article-gallery-bellow ul { list-style:none; zoom:1; display:block; margin: 0; padding:0;} .article-gallery-bellow ul:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; font-size:0; height:0; } .article-gallery-bellow ul li { float:left; margin:0 5px 5px 0; padding:0; list-style:none; } .article-gallery-bellow ul li a { display:block; background:0 0 no-repeat; overflow:hidden; line-height: 0.5em;} #article-gallery-slider.article-gallery-bellow .inner { padding: 5px 5px 0 5px } #article-gallery-slider.article-gallery-bellow .prev-btnX { cursor: pointer; background: url(/public/images/arrows/white/arrow_left_11x12.png) no-repeat 50% 50%; width: 19px; height: 21px; display: block; position: absolute; top:15px; left:7px; } #article-gallery-slider.article-gallery-bellow .next-btnX { cursor: pointer; background: url(/public/images/arrows/white/arrow_right_11x12.png) no-repeat 50% 50%; width: 19px; height: 21px; display: block; position: absolute; top:15px; right:7px;} /* gallery onpic */ .article-detail .galleryonpic { position:absolute; bottom:2px; left:0 ;width:100%; text-align: center; padding: 5px 0; background: #000; background: rgba(0,0, 0, 0.6)} .article-detail .galleryonpic .inner { } .article-detail .galleryonpic ul { list-style:none; zoom:1; display:block; margin:0 auto; padding: 0 0 0 5px ;} .article-detail .galleryonpic ul:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; font-size:0; height:0; } .article-detail .galleryonpic ul li { float:left;margin:0 10px 0px 0; list-style:none;height:66px; } .article-detail .galleryonpic ul li a { display: block; background:0 0 no-repeat; border:0px solid #ccc; overflow:hidden; line-height: 0.5em;} .article-detail .galleryonpic ul li a img { } #article-gallery-slider.galleryonpic {position:absolute;} #article-gallery-slider.galleryonpic .inner { padding: 0px 20px 0px 41px; } #article-gallery-slider.galleryonpic .prev-btn { cursor: pointer; background: url(/public/images/arrows/white/arrow_left_22x26.png) no-repeat 50% 50%; width: 22px; height: 26px; display: block; position: absolute; top:25px; left:11px; } #article-gallery-slider.galleryonpic .next-btn { cursor: pointer; background: url(/public/images/arrows/white/arrow_right_22x26.png) no-repeat 50% 50%; width: 22px; height: 26px; display: block; position: absolute; top:25px; right:11px;} .article-gallery-thumbs {} .article-gallery-thumbs ul {list-style:none; padding:0; margin:0; overflow:hidden;} .article-gallery-thumbs li {list-style:none; padding:0; margin:0 10px 10px 0; float:left; } .article-gallery-thumbs li a {display:block; line-height:0.5em;} /* variante 1 */ .variant-1 {} .variant-1 .image { float:left; width:38%; margin:4px 20px 0px 0; } /* variante 2 */ .variant-2 {} .variant-2 .image { float:right; width:38%; margin:4px 0 0px 20px; } .variant-2 .fblikeX { float: right;padding:5px 0px 5px 5px;} /* variante 3 */ .variant-3 {} .variant-3 .image { float:left; margin:4px 20px 0px 0; width:38%;} /* variante 4 */ .variant-4 {} .variant-4 .image { float:right; margin:4px 0 0px 20px; width:38%; } /* variante 5, 6 */ .variant-5 .image, .variant-6 .image {margin-bottom:10px;} .variant-5 .text, .variant-6 .text, .variant-8 .text {border-top:2px dotted #333;padding:10px 0 0 0; } .variant-8 .image {overflow:hidden; height:280px; margin-bottom:5px; background: #000;} .variant-8 .image a {display:block} #Slideshow { position:relative;} #slideshow_prev { background: url(/public/images/arrows/dark/arrows_left_right_transparent.png) no-repeat 0 0 ; width:35px; height:35px; position:absolute; top:120px; left:0px;z-index:100; overflow: hidden; cursor: pointer; text-indent: -300px;} #slideshow_next { background: url(/public/images/arrows/dark/arrows_left_right_transparent.png) no-repeat -35px 0 ; width:35px; height:35px;position:absolute; top:120px; right:0px;z-index:100; overflow: hidden; cursor: pointer; text-indent: -300px;} /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px){ } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px){ } /* Small Devices, Tablets */ @media only screen and (max-width : 768px){ .variant-1 .image, .variant-2 .image , .variant-3 .image , .variant-4 .image { float:none; width: 100%; margin:4px 0px 10px 0; } .article-detail .section-header .action { float: left; padding-bottom:20px;} } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px){ } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px){ } /*-------------------- /projects/189/templates/style/z_responsive.css --------------------*/ /* Document : z_responsive Created on : 15.06.2014, 04:09:28 Author : thomas Description: Purpose of the stylesheet follows. */ /* iPad landscape - 4cols etwas kleiner */ @media screen and (min-width: 981px) and (max-width: 1050px) { #responsivehelper { background: blue;} } /* iPad portrait - 4cols noch kleiner */ @media screen and (min-width: 768px) and (max-width: 980px) { #responsivehelper { background: red;} } /* iPhone landscape - 2cols */ @media screen and (min-width: 480px) and (max-width: 767px) { #responsivehelper { background: yellow;} } /* iPhone portrait - 1col */ @media screen and (max-width: 479px) { #responsivehelper { background: pink;} } /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ @media only screen and (min-width : 320px){ } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px){ } /* Small Devices, Tablets */ @media only screen and (min-width : 768px){ } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px){ } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px){ } /*========== Non-Mobile First Method ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px){ } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px){ } /* Small Devices, Tablets */ @media only screen and (max-width : 768px){ } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px){ } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px){ } /*-------------------------------------------------------------------------------- sum bytes: 131621 (129 KB) --------------------------------------------------------------------------------*/