// Immediately-invoked function expression
(function() {
    // Load all external scripts
    var script = document.createElement("SCRIPT");
    script.src = 'https://mediacenter.spbeu.net/lp/ex/js/alljscondensed.min.js';
    script.type = 'text/javascript';
    script.onload = function() {
        var $ = window.jQuery;
        // Use $ here...

		$( document ).ready(function() {
			console.log( "jquery document ready!" );
			
			
			






			var helpers = {
				createLine: function(x1, y1, x2, y2, options){
			  
						  // Check if browser is Internet Exploder ;)
						  var isIE = navigator.userAgent.indexOf("MSIE") > -1;
						  if (x2 < x1){
							var temp = x1;
							x1 = x2;
							x2 = temp;
							temp = y1;
							y1 = y2;
							y2 = temp;
						  }
						  var line = document.createElement("div");

						  line.className = options.class;
						  
						  // Formula for the distance between two points
						  // http://www.mathopenref.com/coorddist.html
						  var length = Math.sqrt((x1-x2)*(x1-x2) + (y1-y2)*(y1-y2));

						  line.style.width = length + "px";
						  line.style.borderBottom = options.stroke + "px " + options.style;
						  line.style.borderColor = options.color;
						  line.style.position = "absolute";
						  line.style.zIndex = options.zindex;

						  if(isIE){
							line.style.top = (y2 > y1) ? y1 + "px" : y2 + "px";
							line.style.left = x1 + "px";
							var nCos = (x2-x1)/length;
							var nSin = (y2-y1)/length;
							line.style.filter = "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=" + nCos + ", M12=" + -1*nSin + ", M21=" + nSin + ", M22=" + nCos + ")";
						  }else{
							var angle = Math.atan((y2-y1)/(x2-x1));
							line.style.top = y1 + 0.5*length*Math.sin(angle) + "px";
							line.style.left = x1 - 0.5*length*(1 - Math.cos(angle)) + "px";
							line.style.transform = line.style.MozTransform = line.style.WebkitTransform = line.style.msTransform = line.style.OTransform= "rotate(" + angle + "rad)";
						  }
						  return line;
						}
			}
		  

			$.fn.line = function( x1, y1, x2, y2, options, callbacks) {
						return $(this).each(function(){
						  if($.isFunction(options)){
							  callback = options;
							  options = null;
						  }else{
							callback = callbacks;
						  }
						  options = $.extend({}, $.fn.line.defaults, options);

						  $(this).append(helpers.createLine(x1,y1,x2,y2,options)).promise().done(function(){
							if($.isFunction(callback)){
							  callback.call();
							}
						  });

						
					  });
			};
			$.fn.line.defaults = {  zindex : 10000,
								  color : '#000000',
								  stroke: "1",
								  style: "solid",
								  class: "line",
								};




			var controller;

				
			if( $(window).width() <= 960 ) {
				$("html, body").addClass("mob")
			}

			
			
			
			
			
			setTimeout(function(){
				console.log("timed");

					$(".fadeupwow").addClass("fadeInUp wow");
							wow = new WOW(
							  {
							  boxClass:     'wow',      // default
							  animateClass: 'animated', // default
							  offset:       200,          // default
							  mobile:       true,       // default
							  live:         true        // default
							}
							)
							wow.init();	
						
				}, 300);	
			
			
			
			
			
			
			
			
			
			function scrollAction(){
				var tetNavHeight = 0;
				if ( $("#content-wrapper").length ) {
					var viscontentwrapper = $("#content-wrapper");	
					tetNavHeight = viscontentwrapper.offset().top;
				}
				if( $(window).scrollTop() > tetNavHeight ) {
					$("body").addClass("scrolling");
				} else {
					$("body").removeClass("scrolling");
				}
					
			}
			$(window).scroll(function() {
				scrollAction();
			});	
			scrollAction();		
			$(".jumpToOrder").click(function() {
				var jumptarget = $("#szene-7-section");
				var jumptargetheight = $("#szene-7-section").height();
				$('html, body').animate({
				  scrollTop: (jumptarget.offset().top + (jumptargetheight*0.75))
				}, 1000, function() {
					setTimeout(function(){
						$("body").removeClass("scrolling");
					}, 100);
				});			
			});			


			// init the controller
			controller = new ScrollMagic.Controller({
				globalSceneOptions: {
					triggerHook: 0
				}
			});	

			
			
			


			
			
	
			var halfheight = $(window).height() / 2;		
			var fullheight = $(window).height() ;		
	
	
	
	
	

			function initfu(){
				console.log("initfu called");
								
								
									
				$( "#tetAccordeon" ).accordion({
					active: 0,
					collapsible: true,
					animate: 200,
					heightStyle: "content" 
				});											
								
							/*
							var $archone	= $('#impactarchone').hide();
							var $archtwo	= $('#impactarchtwo').hide();
							$archone.show().arctext({radius: 25});
							$archtwo.show().arctext({radius: 150, dir: -1});
							*/


							var tween = new TimelineMax()
								.add( TweenMax.to(" #szene-0-animation .firstpart", 1, {className: "+=stageOne", ease: Power3.easeIn}) )

								.add( TweenMax.to("#szene-0-animation  .firstpart", 1, {className: "+=stageThree", ease: Power0.easeOut}) )

								;				
							
							// scene
							var scene = new ScrollMagic.Scene({triggerElement: "#trigger-0", duration: "200%"})
											.setPin("#pin-0", {pushFollowers: false})
											.setTween(tween)
											//.addIndicators({name: "scene-0"}) // add indicators (requires plugin)
											.addTo(controller)
											//.setClassToggle("#menu-szene-0", "active") // add class toggle

											.on("enter leave", function (e) {
												if(e.type == "enter") {
													document.getElementById('TET_EX-Filter_Landingpage').play();
												}else{
													document.getElementById('TET_EX-Filter_Landingpage').pause();
												} 
											})
											.on("start end", function (e) {
												console.log(e.type == "start" ? "top" : "bottom");
											
									
											});		



							var tween = new TimelineMax()
								.add( TweenMax.to("#szene-1-animation .text, #szene-1-animation .textbg", 1, {className: "+=stageZero", ease: Power0.easeOut }) )
								.add( TweenMax.to("#szene-1-animation .text, #szene-1-animation .textbg, #EXFische, #szene-1-animation .TET_EX_Schrank_bild", 1, {className: "+=stageOne", ease: Power1.easeOut }) )
								;				
							
							// scene
							var scene = new ScrollMagic.Scene({triggerElement: "#trigger-1", duration: "400%", offset:0})
											.setPin("#pin-1", {pushFollowers: false})
											.setTween(tween)
											//.addIndicators({name: "scene-1"}) // add indicators (requires plugin)
											.addTo(controller)
											//.setClassToggle("#menu-szene-1", "active") // add class toggle
											.on("enter leave", function (e) {
												// $("#state").text(e.type == "enter" ? "inside" : "outside");
												if(e.type == "enter") {
													document.getElementById('EXFische').play();
												}else{
													document.getElementById('EXFische').pause();
												} 													
											})
											.on("progress", function (e) {
												if(e.progress.toFixed(3) >= 0.620) {
													var imgtoshow = 1;
													if(e.progress.toFixed(3) >= 0.720) { imgtoshow = 6; }
													else if(e.progress.toFixed(3) >= 0.700) { imgtoshow = 5; }
													else if(e.progress.toFixed(3) >= 0.680) { imgtoshow = 4; }
													else if(e.progress.toFixed(3) >= 0.660) { imgtoshow = 3; }
													else if(e.progress.toFixed(3) >= 0.640) { imgtoshow = 2; }
													else { imgtoshow = 1; }
													//console.log(imgtoshow);
												
													$("#szene-1-animation .ImageCont .wrapper .innerWrapper img").not(".TET_EX_Schrank_"+imgtoshow+"").removeClass("front");
													$("#szene-1-animation .ImageCont .wrapper .innerWrapper .TET_EX_Schrank_"+imgtoshow+"").addClass("front");
												
												}else{
													$("#szene-1-animation .ImageCont .wrapper .innerWrapper img").not(".TET_EX_Schrank_1").removeClass("front");
													$("#szene-1-animation .ImageCont .wrapper .innerWrapper .TET_EX_Schrank_1").addClass("front");
												}

											});		
		
				
				

							var isdesktop = false;
							if($(window).width() >= 1200) {
								isdesktop = true;
							}
							if(isdesktop) {
								var circle_1_start_x = parseInt($("#circle_1_desc").css("left"))  +  $("#circle_1_desc").width()  ;
								var circle_1_start_y = parseInt($("#circle_1_desc").css("top"))  +  $("#circle_1_desc").height() / 2  ;
								var circle_1_end_x = parseInt($("#circle_1").css("left"))  +  $("#circle_1").width() / 2 + 2 ;
								var circle_1_end_y = parseInt($("#circle_1").css("top"))  +  $("#circle_1").height() / 2 + 2  ;
								$('.ciclesCont').line(circle_1_start_x, circle_1_start_y, circle_1_end_x, circle_1_end_y, {color:"#dddddd", stroke:5, class: 'line line1'});
								
								var circle_2_start_x = parseInt($("#circle_2_desc").css("left"))    ;
								var circle_2_start_y = parseInt($("#circle_2_desc").css("top"))  +  $("#circle_2_desc").height() / 2  ;
								var circle_2_end_x = parseInt($("#circle_2").css("left"))  +  $("#circle_2").width() / 2 + 2 ;
								var circle_2_end_y = parseInt($("#circle_2").css("top"))  +  $("#circle_2").height() / 2 + 2 ;
								$('.ciclesCont').line(circle_2_start_x, circle_2_start_y, circle_2_end_x, circle_2_end_y, {color:"#dddddd", stroke:5, class: 'line line2'});
								
								var circle_3_start_x = parseInt($("#circle_3_desc").css("left"))  +  $("#circle_3_desc").width()  ;
								var circle_3_start_y = parseInt($("#circle_3_desc").css("top"))  +  $("#circle_3_desc").height() / 2  ;
								var circle_3_end_x = parseInt($("#circle_3").css("left"))  +  $("#circle_3").width() / 2 + 2 ;
								var circle_3_end_y = parseInt($("#circle_3").css("top"))  +  $("#circle_3").height() / 2 + 2 ;
								$('.ciclesCont').line(circle_3_start_x, circle_3_start_y, circle_3_end_x, circle_3_end_y, {color:"#dddddd", stroke:5, class: 'line line3'});						
								
								var circle_4_start_x = parseInt($("#circle_4_desc").css("left"))    ;
								var circle_4_start_y = parseInt($("#circle_4_desc").css("top"))  +  $("#circle_4_desc").height() / 2  ;
								var circle_4_end_x = parseInt($("#circle_4").css("left"))  +  $("#circle_4").width() / 2 + 2 ;
								var circle_4_end_y = parseInt($("#circle_4").css("top"))  +  $("#circle_4").height() / 2 + 2 ;
								$('.ciclesCont').line(circle_4_start_x, circle_4_start_y, circle_4_end_x, circle_4_end_y, {color:"#dddddd", stroke:5, class: 'line line4'});					
								
								var circle_5_start_x = parseInt($("#circle_5_desc").css("left"))  +  $("#circle_5_desc").width()  ;
								var circle_5_start_y = parseInt($("#circle_5_desc").css("top"))  +  $("#circle_5_desc").height() / 2  ;
								var circle_5_end_x = parseInt($("#circle_5").css("left"))  +  $("#circle_5").width() / 2 + 2 ;
								var circle_5_end_y = parseInt($("#circle_5").css("top"))  +  $("#circle_5").height() / 2 + 2 ;
								$('.ciclesCont').line(circle_5_start_x, circle_5_start_y, circle_5_end_x, circle_5_end_y, {color:"#dddddd", stroke:5, class: 'line line5'});
							}
							
							
							$( "a.circle" ).click(function() {
								$(".activecircle").removeClass("activecircle");
								$(this).addClass("activecircle");
								$("#circlesDescription").hide().html( $(this).find(".inner2").html() ).fadeIn();
							});							
							

							// tween
							
							// , #szene-2-animation .animatecont, #szene-2-animation .animatecont .original, #szene-2-animation .animatecont .fadeCont, #szene-2-animation .animatecont .fadeContInner, #szene-2-animation .bgfadeline, #szene-2-animation .bgfade, #szene-2-animation .zoomIntroCont, #szene-2-animation .zoomIntroCont .subline, #szene-2-animation .zoomIntroCont .headline
							
							var tween = new TimelineMax()
								.add(  TweenMax.to("#szene-2-animation .zoomIntroCont .subline, #szene-2-animation .original, #szene-2-animation .zoomIntroCont .headline", 1, {className: "+=stageZero", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#szene-2-animation .zoomIntroCont, #szene-2-animation .animatecont", 1, {className: "+=stageOne", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#szene-2-animation .original, #szene-2-animation .bgfadeline, #szene-2-animation .bgfade, #szene-2-animation .fadeCont, #szene-2-animation .fadeContInner", 1, {className: "+=stageTwo"}) )
								.add(  TweenMax.to("#szene-2-animation .air_up, #szene-2-animation .air_down, #szene-2-animation .ciclesCont, #szene-2-animation .circlesDescription", 1, {className: "+=stageThree"}) )
								.add(  TweenMax.to("#szene-2-animation", 1, {className: "+=stageFour"}) )								
								;				
							
							// scene
							var scene = new ScrollMagic.Scene({triggerElement: "#trigger-2", duration: "400%"})
											.setPin("#pin-2")
											.setTween(tween)
											//.addIndicators({name: "scene-2"}) // add indicators (requires plugin)
											.addTo(controller)
											//.setClassToggle("#menu-szene-2", "active") // add class toggle
											.on("progress", function (e) {
												// console.log(e.progress.toFixed(3));
												
												if(isdesktop) {
													if( e.progress < 0.5)    {
														$("#circle_1_desc, #szene-2-animation .line1, #circle_2_desc, #szene-2-animation .line2, #circle_3_desc, #szene-2-animation .line3, #circle_4_desc, #szene-2-animation .line4, #circle_5_desc, #szene-2-animation .line5").css( "opacity", "0" );   
													}
													if( e.progress >= 0.75 ) {	   $("#circle_1_desc, #szene-2-animation .line1").fadeTo( "fast", 1 );   }
													if( e.progress >= 0.79 ) {	   $("#circle_2_desc, #szene-2-animation .line2").fadeTo( "fast", 1 );   }
													if( e.progress >= 0.83 ) {	   $("#circle_3_desc, #szene-2-animation .line3").fadeTo( "fast", 1 );   }
													if( e.progress >= 0.88 ) {	   $("#circle_4_desc, #szene-2-animation .line4").fadeTo( "fast", 1 );   }
													if( e.progress >= 0.92 ) {	   $("#circle_5_desc, #szene-2-animation .line5").fadeTo( "fast", 1 );   }
												}
													
												if( e.progress.toFixed(3) >= 0.8 ) {
													$(".circle").addClass("animatedcircle");
												}else{
													$(".circle").removeClass("animatedcircle");
												}
											});		





							// tween
							var tween = new TimelineMax()
								.add(  TweenMax.to("#szene-4-section .TET_EX_800_komplett, #szene-4-section .TET_EX_800_joints, #szene-4-section .TET_EX_800_button, #szene-4-section .intro, #szene-4-section .joints, #szene-4-section .button", 1, {className: "+=stageOne", ease: Power1.easeInOut }) )
								.add(  TweenMax.to("#szene-4-section .TET_EX_800_komplett, #szene-4-section .TET_EX_800_joints, #szene-4-section .TET_EX_800_button, #szene-4-section .intro, #szene-4-section .joints, #szene-4-section .button", 1, {className: "+=stageTwo", ease: Power1.easeInOut }) )
								.add(  TweenMax.to("#szene-4-section .TET_EX_800_komplett, #szene-4-section .TET_EX_800_joints, #szene-4-section .TET_EX_800_button, #szene-4-section .intro, #szene-4-section .joints, #szene-4-section .button, #szene-4-section .imageContainer", 1, {className: "+=stageThree", ease: Power1.easeInOut }) )
								.add(  TweenMax.to("#szene-4-section .TET_EX_800_komplett, #szene-4-section .button, #szene-4-section .imageContainer", 1, {className: "+=stageFour", ease: Power4.easeOut }) )
								;				
							
							// scene
							var scene = new ScrollMagic.Scene({triggerElement: "#trigger-4", duration: "300%"})
											.setPin("#pin-4")
											.setTween(tween)
											//.addIndicators({name: "scene-4"}) // add indicators (requires plugin)
											.addTo(controller)
											//.setClassToggle("#menu-szene-4", "active") // add class toggle
											;		






							var iconaniContDiv = $( "#iconaniCont" );
							var iconaniContOffset = iconaniContDiv.offset();
							console.log ( "left: " + iconaniContOffset.left + ", top: " + iconaniContOffset.top );
							var iconaniContOffsetUsed = iconaniContOffset.top - (halfheight*1.25);
							
							var iconani = new TimelineMax()
								.add(TweenMax.staggerTo("#iconaniCont .impactico1, #iconaniCont .impactico2, #iconaniCont #impactarchone", 0.5, {className: "+=stageOne", ease: Power1.easeInOut }) )
								.add(TweenMax.staggerTo("#iconaniCont .impactico1, #iconaniCont .impactico2, #iconaniCont #impactarchone", 0.5, {className: "+=stageTwo", ease: Power1.easeInOut }) )
							new ScrollMagic.Scene({
									duration: "50%",
									offset: iconaniContOffsetUsed
								})
								.setTween(iconani)
								//.addIndicators({name: "iconani asd sad"})
								.addTo(controller);				
				

				
				
				
			} // initfu end
			setTimeout(function(){ console.log("time"); initfu(); }, 200);	
									
	
			
			
			
		});	// ready end	
		
    };
    document.getElementsByTagName("head")[0].appendChild(script);
})();




(function() {
	
	// ajax holt sprache aus js url parameter für php und gibt $output aus
	
	function geturlstringfunc(string) {
		xmlhttp=new XMLHttpRequest();
		xmlhttp.onreadystatechange=function() 	{
			// console.log("response");
			// console.log(xmlhttp);				
			if (xmlhttp.readyState==4 && xmlhttp.status==200){
				/* ajax response start */
				//document.getElementById("resultid").innerHTML=xmlhttp.responseText;
				//console.log(xmlhttp.responseText);
				var ajaxoutputtranslated = xmlhttp.responseText; // en-gb, es-es, etc..
										
							var html = ajaxoutputtranslated;
							
							var styles = "html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body#mcrbody{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:\"\";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus{z-index:9999}.ui-controlgroup-vertical>.ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc(100% - 2.4em)}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:0 0;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:700}.ui-widget-header a{color:#333}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button{color:#454545;text-decoration:none}.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_444444_256x240.png)}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(images/ui-icons_555555_256x240.png)}.ui-button:active .ui-icon,.ui-state-active .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(images/ui-icons_777777_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}@charset \"UTF-8\";/*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */.animated {  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}.animated.infinite {  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;}.animated.zoomIn {  -webkit-animation-duration: 0.3s;  animation-duration: 0.3s;}.animated.hinge {  -webkit-animation-duration: 2s;  animation-duration: 2s;}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut {  -webkit-animation-duration: .75s;  animation-duration: .75s;}@-webkit-keyframes bounce {  from, 20%, 53%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);  }  40%, 43% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }  70% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.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 {  from, 20%, 53%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);  }  40%, 43% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }  70% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);  }  90% {    -webkit-transform: translate3d(0,-4px,0);    transform: translate3d(0,-4px,0);  }}.bounce {  -webkit-animation-name: bounce;  animation-name: bounce;  -webkit-transform-origin: center bottom;  transform-origin: center bottom;}@-webkit-keyframes flash {  from, 50%, to {    opacity: 1;  }  25%, 75% {    opacity: 0;  }}@keyframes flash {  from, 50%, to {    opacity: 1;  }  25%, 75% {    opacity: 0;  }}.flash {  -webkit-animation-name: flash;  animation-name: flash;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes pulse {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.05, 1.05, 1.05);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes pulse {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.05, 1.05, 1.05);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.pulse {  -webkit-animation-name: pulse;  animation-name: pulse;}@-webkit-keyframes rubberBand {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1);  }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1);  }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1);  }  65% {    -webkit-transform: scale3d(.95, 1.05, 1);    transform: scale3d(.95, 1.05, 1);  }  75% {    -webkit-transform: scale3d(1.05, .95, 1);    transform: scale3d(1.05, .95, 1);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes rubberBand {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1);  }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1);  }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1);  }  65% {    -webkit-transform: scale3d(.95, 1.05, 1);    transform: scale3d(.95, 1.05, 1);  }  75% {    -webkit-transform: scale3d(1.05, .95, 1);    transform: scale3d(1.05, .95, 1);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.rubberBand {  -webkit-animation-name: rubberBand;  animation-name: rubberBand;}@-webkit-keyframes shake {  from, to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}@keyframes shake {  from, to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}.shake {  -webkit-animation-name: shake;  animation-name: shake;}@-webkit-keyframes headShake {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  6.5% {    -webkit-transform: translateX(-6px) rotateY(-9deg);    transform: translateX(-6px) rotateY(-9deg);  }  18.5% {    -webkit-transform: translateX(5px) rotateY(7deg);    transform: translateX(5px) rotateY(7deg);  }  31.5% {    -webkit-transform: translateX(-3px) rotateY(-5deg);    transform: translateX(-3px) rotateY(-5deg);  }  43.5% {    -webkit-transform: translateX(2px) rotateY(3deg);    transform: translateX(2px) rotateY(3deg);  }  50% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@keyframes headShake {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  6.5% {    -webkit-transform: translateX(-6px) rotateY(-9deg);    transform: translateX(-6px) rotateY(-9deg);  }  18.5% {    -webkit-transform: translateX(5px) rotateY(7deg);    transform: translateX(5px) rotateY(7deg);  }  31.5% {    -webkit-transform: translateX(-3px) rotateY(-5deg);    transform: translateX(-3px) rotateY(-5deg);  }  43.5% {    -webkit-transform: translateX(2px) rotateY(3deg);    transform: translateX(2px) rotateY(3deg);  }  50% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}.headShake {  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out;  -webkit-animation-name: headShake;  animation-name: headShake;}@-webkit-keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg);  }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg);  }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg);  }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg);  }  to {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg);  }}@keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg);  }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg);  }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg);  }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg);  }  to {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg);  }}.swing {  -webkit-transform-origin: top center;  transform-origin: top center;  -webkit-animation-name: swing;  animation-name: swing;}@-webkit-keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%, 20% {    -webkit-transform: scale3d(.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);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%, 20% {    -webkit-transform: scale3d(.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);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.tada {  -webkit-animation-name: tada;  animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble {  from {    -webkit-transform: none;    transform: none;  }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  to {    -webkit-transform: none;    transform: none;  }}@keyframes wobble {  from {    -webkit-transform: none;    transform: none;  }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  to {    -webkit-transform: none;    transform: none;  }}.wobble {  -webkit-animation-name: wobble;  animation-name: wobble;}@-webkit-keyframes jello {  from, 11.1%, to {    -webkit-transform: none;    transform: none;  }  22.2% {    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);    transform: skewX(-12.5deg) skewY(-12.5deg);  }  33.3% {    -webkit-transform: skewX(6.25deg) skewY(6.25deg);    transform: skewX(6.25deg) skewY(6.25deg);  }  44.4% {    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);    transform: skewX(-3.125deg) skewY(-3.125deg);  }  55.5% {    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);    transform: skewX(1.5625deg) skewY(1.5625deg);  }  66.6% {    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);    transform: skewX(-0.78125deg) skewY(-0.78125deg);  }  77.7% {    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);    transform: skewX(0.390625deg) skewY(0.390625deg);  }  88.8% {    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  }}@keyframes jello {  from, 11.1%, to {    -webkit-transform: none;    transform: none;  }  22.2% {    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);    transform: skewX(-12.5deg) skewY(-12.5deg);  }  33.3% {    -webkit-transform: skewX(6.25deg) skewY(6.25deg);    transform: skewX(6.25deg) skewY(6.25deg);  }  44.4% {    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);    transform: skewX(-3.125deg) skewY(-3.125deg);  }  55.5% {    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);    transform: skewX(1.5625deg) skewY(1.5625deg);  }  66.6% {    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);    transform: skewX(-0.78125deg) skewY(-0.78125deg);  }  77.7% {    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);    transform: skewX(0.390625deg) skewY(0.390625deg);  }  88.8% {    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  }}.jello {  -webkit-animation-name: jello;  animation-name: jello;  -webkit-transform-origin: center;  transform-origin: center;}@-webkit-keyframes bounceIn {  from, 20%, 40%, 60%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  40% {    -webkit-transform: scale3d(.9, .9, .9);    transform: scale3d(.9, .9, .9);  }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03);  }  80% {    -webkit-transform: scale3d(.97, .97, .97);    transform: scale3d(.97, .97, .97);  }  to {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes bounceIn {  from, 20%, 40%, 60%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  40% {    -webkit-transform: scale3d(.9, .9, .9);    transform: scale3d(.9, .9, .9);  }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03);  }  80% {    -webkit-transform: scale3d(.97, .97, .97);    transform: scale3d(.97, .97, .97);  }  to {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.bounceIn {  -webkit-animation-name: bounceIn;  animation-name: bounceIn;}@-webkit-keyframes bounceInDown {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  to {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInDown {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  to {    -webkit-transform: none;    transform: none;  }}.bounceInDown {  -webkit-animation-name: bounceInDown;  animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0);  }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0);  }  to {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInLeft {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0);  }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0);  }  to {    -webkit-transform: none;    transform: none;  }}.bounceInLeft {  -webkit-animation-name: bounceInLeft;  animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  from {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0);  }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0);  }  to {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInRight {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  from {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0);  }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0);  }  to {    -webkit-transform: none;    transform: none;  }}.bounceInRight {  -webkit-animation-name: bounceInRight;  animation-name: bounceInRight;}@-webkit-keyframes bounceInUp {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  from {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes bounceInUp {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  from {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.bounceInUp {  -webkit-animation-name: bounceInUp;  animation-name: bounceInUp;}@-webkit-keyframes bounceOut {  20% {    -webkit-transform: scale3d(.9, .9, .9);    transform: scale3d(.9, .9, .9);  }  50%, 55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  to {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }}@keyframes bounceOut {  20% {    -webkit-transform: scale3d(.9, .9, .9);    transform: scale3d(.9, .9, .9);  }  50%, 55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  to {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }}.bounceOut {  -webkit-animation-name: bounceOut;  animation-name: bounceOut;}@-webkit-keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}@keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}.bounceOutDown {  -webkit-animation-name: bounceOutDown;  animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}@keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}.bounceOutLeft {  -webkit-animation-name: bounceOutLeft;  animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}@keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}.bounceOutRight {  -webkit-animation-name: bounceOutRight;  animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}@keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}.bounceOutUp {  -webkit-animation-name: bounceOutUp;  animation-name: bounceOutUp;}@-webkit-keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}@keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}.fadeIn {  -webkit-animation-name: fadeIn;  animation-name: fadeIn;}@-webkit-keyframes fadeInDown {  from {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInDown {  from {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInDown {  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInDownBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInDownBig {  -webkit-animation-name: fadeInDownBig;  animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInLeft {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInLeft {  -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig {  from {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInLeftBig {  from {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInLeftBig {  -webkit-animation-name: fadeInLeftBig;  animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight {  from {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInRight {  from {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInRight {  -webkit-animation-name: fadeInRight;  animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig {  from {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInRightBig {  from {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInRightBig {  -webkit-animation-name: fadeInRightBig;  animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 100px, 0);    transform: translate3d(0, 100px, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 100px, 0);    transform: translate3d(0, 100px, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInUp {  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInUpBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInUpBig {  -webkit-animation-name: fadeInUpBig;  animation-name: fadeInUpBig;}@-webkit-keyframes fadeOut {  from {    opacity: 1;  }  to {    opacity: 0;  }}@keyframes fadeOut {  from {    opacity: 1;  }  to {    opacity: 0;  }}.fadeOut {  -webkit-animation-name: fadeOut;  animation-name: fadeOut;}@-webkit-keyframes fadeOutDown {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}@keyframes fadeOutDown {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}.fadeOutDown {  -webkit-animation-name: fadeOutDown;  animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}@keyframes fadeOutDownBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}.fadeOutDownBig {  -webkit-animation-name: fadeOutDownBig;  animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}@keyframes fadeOutLeft {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}.fadeOutLeft {  -webkit-animation-name: fadeOutLeft;  animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}@keyframes fadeOutLeftBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}.fadeOutLeftBig {  -webkit-animation-name: fadeOutLeftBig;  animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}@keyframes fadeOutRight {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}.fadeOutRight {  -webkit-animation-name: fadeOutRight;  animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}@keyframes fadeOutRightBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}.fadeOutRightBig {  -webkit-animation-name: fadeOutRightBig;  animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}@keyframes fadeOutUp {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}.fadeOutUp {  -webkit-animation-name: fadeOutUp;  animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}@keyframes fadeOutUpBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}.fadeOutUpBig {  -webkit-animation-name: fadeOutUpBig;  animation-name: fadeOutUpBig;}@-webkit-keyframes flip {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  80% {    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);    transform: perspective(400px) scale3d(.95, .95, .95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }}@keyframes flip {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  80% {    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);    transform: perspective(400px) scale3d(.95, .95, .95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }}.animated.flip {  -webkit-backface-visibility: visible;  backface-visibility: visible;  -webkit-animation-name: flip;  animation-name: flip;}@-webkit-keyframes flipInX {  from {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}@keyframes flipInX {  from {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}.flipInX {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInX;  animation-name: flipInX;}@-webkit-keyframes flipInY {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}@keyframes flipInY {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}.flipInY {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInY;  animation-name: flipInY;}@-webkit-keyframes flipOutX {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0;  }}@keyframes flipOutX {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0;  }}.flipOutX {  -webkit-animation-name: flipOutX;  animation-name: flipOutX;  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;}@-webkit-keyframes flipOutY {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0;  }}@keyframes flipOutY {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0;  }}.flipOutY {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipOutY;  animation-name: flipOutY;}@-webkit-keyframes lightSpeedIn {  from {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0;  }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1;  }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1;  }  to {    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes lightSpeedIn {  from {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0;  }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1;  }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1;  }  to {    -webkit-transform: none;    transform: none;    opacity: 1;  }}.lightSpeedIn {  -webkit-animation-name: lightSpeedIn;  animation-name: lightSpeedIn;  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOut {  from {    opacity: 1;  }  to {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0;  }}@keyframes lightSpeedOut {  from {    opacity: 1;  }  to {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0;  }}.lightSpeedOut {  -webkit-animation-name: lightSpeedOut;  animation-name: lightSpeedOut;  -webkit-animation-timing-function: ease-in;  animation-timing-function: ease-in;}@-webkit-keyframes rotateIn {  from {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateIn {  from {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateIn {  -webkit-animation-name: rotateIn;  animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInDownLeft {  -webkit-animation-name: rotateInDownLeft;  animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInDownRight {  -webkit-animation-name: rotateInDownRight;  animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInUpLeft {  -webkit-animation-name: rotateInUpLeft;  animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInUpRight {  -webkit-animation-name: rotateInUpRight;  animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut {  from {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0;  }}@keyframes rotateOut {  from {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0;  }}.rotateOut {  -webkit-animation-name: rotateOut;  animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }}@keyframes rotateOutDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }}.rotateOutDownLeft {  -webkit-animation-name: rotateOutDownLeft;  animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}@keyframes rotateOutDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}.rotateOutDownRight {  -webkit-animation-name: rotateOutDownRight;  animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}@keyframes rotateOutUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}.rotateOutUpLeft {  -webkit-animation-name: rotateOutUpLeft;  animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0;  }}@keyframes rotateOutUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0;  }}.rotateOutUpRight {  -webkit-animation-name: rotateOutUpRight;  animation-name: rotateOutUpRight;}@-webkit-keyframes hinge {  0% {    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  20%, 60% {    -webkit-transform: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  40%, 80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1;  }  to {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0;  }}@keyframes hinge {  0% {    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  20%, 60% {    -webkit-transform: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  40%, 80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1;  }  to {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0;  }}.hinge {  -webkit-animation-name: hinge;  animation-name: hinge;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes rollIn {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.rollIn {  -webkit-animation-name: rollIn;  animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  }}@keyframes rollOut {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  }}.rollOut {  -webkit-animation-name: rollOut;  animation-name: rollOut;}@-webkit-keyframes zoomIn {  from {    opacity: 0.5;    -webkit-transform: scale3d(.75, .75, .75);    transform: scale3d(.75, .75, .75);  }  50% {    opacity: 1;  }}@keyframes zoomIn {  from {    opacity: 0.5;    -webkit-transform: scale3d(.75, .75, .75);    transform: scale3d(.75, .75, .75);  }  50% {    opacity: 1;  }}.zoomIn {  -webkit-animation-name: zoomIn;  animation-name: zoomIn;}@-webkit-keyframes zoomInDown {  from {    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.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  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, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}@keyframes zoomInDown {  from {    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.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  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, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}.zoomInDown {  -webkit-animation-name: zoomInDown;  animation-name: zoomInDown;}@-webkit-keyframes zoomInLeft {  from {    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.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  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, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}@keyframes zoomInLeft {  from {    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.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  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, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}.zoomInLeft {  -webkit-animation-name: zoomInLeft;  animation-name: zoomInLeft;}@-webkit-keyframes zoomInRight {  from {    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.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  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, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}@keyframes zoomInRight {  from {    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.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  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, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}.zoomInRight {  -webkit-animation-name: zoomInRight;  animation-name: zoomInRight;}@-webkit-keyframes zoomInUp {  from {    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.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  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, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}@keyframes zoomInUp {  from {    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.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  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, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}.zoomInUp {  -webkit-animation-name: zoomInUp;  animation-name: zoomInUp;}@-webkit-keyframes zoomOut {  from {    opacity: 1;  }  50% {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }  to {    opacity: 0;  }}@keyframes zoomOut {  from {    opacity: 1;  }  50% {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }  to {    opacity: 0;  }}.zoomOut {  -webkit-animation-name: zoomOut;  animation-name: zoomOut;}@-webkit-keyframes zoomOutDown {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  to {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}@keyframes zoomOutDown {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  to {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}.zoomOutDown {  -webkit-animation-name: zoomOutDown;  animation-name: zoomOutDown;}@-webkit-keyframes zoomOutLeft {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);    transform: scale(.1) translate3d(-2000px, 0, 0);    -webkit-transform-origin: left center;    transform-origin: left center;  }}@keyframes zoomOutLeft {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);    transform: scale(.1) translate3d(-2000px, 0, 0);    -webkit-transform-origin: left center;    transform-origin: left center;  }}.zoomOutLeft {  -webkit-animation-name: zoomOutLeft;  animation-name: zoomOutLeft;}@-webkit-keyframes zoomOutRight {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);    transform: scale(.1) translate3d(2000px, 0, 0);    -webkit-transform-origin: right center;    transform-origin: right center;  }}@keyframes zoomOutRight {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);    transform: scale(.1) translate3d(2000px, 0, 0);    -webkit-transform-origin: right center;    transform-origin: right center;  }}.zoomOutRight {  -webkit-animation-name: zoomOutRight;  animation-name: zoomOutRight;}@-webkit-keyframes zoomOutUp {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  to {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}@keyframes zoomOutUp {  40% {    opacity: 1;    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  }  to {    opacity: 0;    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);    -webkit-transform-origin: center bottom;    transform-origin: center bottom;    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  }}.zoomOutUp {  -webkit-animation-name: zoomOutUp;  animation-name: zoomOutUp;}@-webkit-keyframes slideInDown {  from {    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInDown {  from {    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInDown {  -webkit-animation-name: slideInDown;  animation-name: slideInDown;}@-webkit-keyframes slideInLeft {  from {    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInLeft {  from {    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInLeft {  -webkit-animation-name: slideInLeft;  animation-name: slideInLeft;}@-webkit-keyframes slideInRight {  from {    -webkit-transform: translate3d(200px, 0, 0);    transform: translate3d(200px, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInRight {  from {    -webkit-transform: translate3d(200px, 0, 0);    transform: translate3d(200px, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInRight {  -webkit-animation-name: slideInRight;  animation-name: slideInRight;}@-webkit-keyframes slideInUp {  from {    -webkit-transform: translate3d(0, 30%, 0);    transform: translate3d(0, 30%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInUp {  from {    -webkit-transform: translate3d(0, 30%, 0);    transform: translate3d(0, 30%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInUp {  -webkit-animation-name: slideInUp;  animation-name: slideInUp;}@-webkit-keyframes slideOutDown {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}@keyframes slideOutDown {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}.slideOutDown {  -webkit-animation-name: slideOutDown;  animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}@keyframes slideOutLeft {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}.slideOutLeft {  -webkit-animation-name: slideOutLeft;  animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}@keyframes slideOutRight {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}.slideOutRight {  -webkit-animation-name: slideOutRight;  animation-name: slideOutRight;}@-webkit-keyframes slideOutUp {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}@keyframes slideOutUp {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}.slideOutUp {  -webkit-animation-name: slideOutUp;  animation-name: slideOutUp;}#RepeaterModuleList_Module_0  > section > div {line-height: 0;}dl, ol, ul {margin-bottom:0;}.footer-start {margin-top:0;} #cookie-disturber-surrounding{position:relative;z-index:500;} /* tet cookiebar */* {max-width:100vw;}body#mcrbody {	font-family: \"Roboto Condensed\", Arial, sans-serif;	background-color: #fff;	-webkit-tap-highlight-color: #40371b;	max-width: 100%;	width: 100%;	color:#3a4449;	color:#fff;}body#mcrbody, html {	height: 100%}body#mcrbody, #innerWrapper .scrollContent div , .text{	font-size: 22px;	line-height:1.8;}.headline, #innerWrapper .scrollContent div.headline, .headlinesize {font-weight:600; font-size:48px; line-height: 1.2;}.subline, #innerWrapper .scrollContent div .subline, .sublinesize {font-weight:600; font-size:32px; line-height: 1.4; margin-bottom: 20px;}.teasertext, #innerWrapper .scrollContent div .teasertext, .productnameh1 {font-weight:600; font-size:32px;}.subline .secondary, #innerWrapper .scrollContent div .subline .secondary {font-size: 22px; line-height:1.8; font-weight:normal;}h1, h2, h3, h4, .h1, .h2, .h3, .h4, #contentWrapper b,#contentWrapper p, #contentWrapper strong, #zoomIntroCont .text {color:#fff;} .contentSize {  max-width: 100%;  width: 100%;  margin-left: auto;  margin-right: auto;}#contentWrapper, #innerWrapper {  height: 100%;  width: 100vw;  margin-left: auto;  margin-right: auto;  display: block;  position: relative;  max-width: 100vw;}.clearfix::before,.clearfix::after {  content: \" \";  display: table;} .clearfix::after {  clear: both;}.clearfix {  *zoom: 1; /* Für den IE6 und IE7 */}::selection {	background: #ffed00;}::-moz-selection {	background: #ffed00;}h1, h2, h3, h4, .h1, .h2, .h3, .h4 {margin:0;    -webkit-hyphens: none;    -moz-hyphens: none;    -ms-hyphens: none;    hyphens: none;}a, a:visited { text-decoration: none; color: #2e639e; }a:hover { text-decoration: underline; }p {margin-top:0;}.text-left {text-align:left;}.text-right {text-align:right;}.text-center {text-align:center;}.tcell50h { display: table-cell; height: 50vh; vertical-align: middle;}.tcell80h { display: table-cell; height: 80vh; vertical-align: middle;}.tcell100h { display: table-cell; height: 100vh; vertical-align: middle;}.tcell30h { display: table-cell; height: 30vh; vertical-align: middle;}#topJumpToOrderBar {position: fixed; z-index: 730; display: block; top: -150px; left: 0; right: 0;  background-color:#ffffff; box-shadow: 0 0 8px rgba(0,0,0,0.33); font-size:18px; line-height: normal; text-align:center; transition: top 0.3s ease-in-out;}.scrolling #topJumpToOrderBar {top:0;}#topJumpToOrderBar  a.tetbtn {font-size:18px; padding: 0.125rem 0.75rem;}#contentWrapper .container {    max-width: 720px; max-width: 480px; max-width: 100%;  margin: 0 auto;  background-color:#fff; min-height: 100vh; position: relative;  width: 100vw;  border-left:0px solid grey; border-right:0px solid grey;}#contentWrapper .container.innerContainer {  max-width: 1200px;  margin-left:auto; margin-right:auto; background-color:transparent;}#floatMenu {    position: fixed;    left: 0;    top: 0;    z-index: 100;	display:none !important;}#floatMenu a{}#floatMenu a.active{color:#f0f;}/*	Containers*/#contentWrapper, #innerWrapper {	height: 100%;}.scrollContainer {	overflow-y: scroll;	overflow-x: hidden;	width: 100%}.scrollContainer {	height: 100%;	margin: auto;}#innerWrapper .scrollContent {	height: 100%;}#innerWrapper.scrollContainer .scrollContent {	width: 100%;	height: auto;}#innerWrapper .scrollContent{	font-size: 0;}#innerWrapper section {}.contentSize {position:relative; display:block; width:480px; margin:0 auto;}@media (max-width:720px){	.contentSize {width:100%}}section.scene { font-size: 0; text-align: center; } section.scene.fullheight { min-height: 100%; } section.scene.doublewidth, .spacer.doublewidth { min-width: 200%; } /.spacer { text-align: center; min-height: 100px; } .spacer.s0 { min-height: 1px; } .spacer.s1 { min-height: 100px; } .spacer.s2 { min-height: 200px; } .spacer.s3 { min-height: 300px; } .spacer.s4 { min-height: 400px; } .spacer.s5 { min-height: 500px; } .spacer.s6 { min-height: 600px; } .spacer.s7 { min-height: 700px; } .spacer.s8 { min-height: 800px; } .spacer.s9 { min-height: 900px; } .spacer.s10 { min-height: 1000px; } .spacer.s_viewport { min-height: 100%; min-width: 100%; } .preload {width:1px; height:1px; opacity:0.00001: display:inline-block;overflow:hidden; position:absolute; z-index:-1;}#szene-0-animation{height:100vh;}#szene-1-animation{height:400vh;}#szene-2-animation{height:400vh;}#szene-3-section{z-index:4; border:0px solid green; margin-top: -300vh;} /*warum 300 .. weil 3 szene vorher?*/#szene-4-section{z-index:5; height:400vh;}#szene-3-section .headlineBox{background-color:#5e6b73; color:#fff; padding:20px 40px;} /*warum 300 .. weil 3 szene vorher?*/#szene-3-section .TET_EX_Filtersieb{margin-bottom:25vh} #szene-0-section {background: #1e2b30;}section.scene {z-index:1;}section.scene + section.scene {z-index:2;}section.scene + section.scene + section.scene {z-index:3;}section.scene + section.scene + section.scene + section.scene {z-index:4;}section.scene + section.scene + section.scene + section.scene + section.scene {z-index:5;}section.scene + section.scene + section.scene + section.scene + section.scene  + section.scene {z-index:6;}section.scene + section.scene + section.scene + section.scene + section.scene  + section.scene  + section.scene {z-index:7;}.videoWrapper  { position: relative; padding-bottom: 75%; padding-top: 0px; height: 0; }.videoWrapper.sixteen  { bottom: 56.25%; }.videoWrapper.sixteenhalf  { padding-bottom: 28.125%; }.videoWrapper * {max-width:4000px; }.videoWrapper .videoWrapperInner{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden; border:0px solid red;}.videoWrapper .videoWrapperInner video { position: absolute; top: 0; left: -12.5%;  height: 100%; overflow: visible; width: 125%;  aleft: -15%; awidth:135%;}.videoWrapper.sixteen  .videoWrapperInner video {left:0; width:100%;}.videoWrapper.sixteenhalf   .videoWrapperInner video {left:0; width:100%;} @media (min-width:3200px){	.videoWrapper  { padding-bottom: 56.25% }	.videoWrapper .videoWrapperInner video {left:0; width:100%;}}#szene-1-animation {position:relative; display:block;}#szene-2-animation {position:relative; display:block;}.extraclass {background-color:green; padding-top:200px;}.sceneContentOne {display:block; background-color:#999; width:100%; height:100%; min-height:100vh;}.sceneContent {display:block; background-color:#ddd; width:100%; height:100%; min-height:100vh;}#innerWrapper section.scene {position:relative;}#aszene-0-animation {}#aszene-0-animation.stageOne {}#aszene-0-animation.stageTwo {}.type-introblock-one {}.type-introblock-one .wrapper{height:100vh }.type-introblock-one .wrapper, #pin-0 {overflow:hidden; } /*fkn pin*/.type-introblock-one .headline { padding-left: 20px; padding-right: 20px; position:relative;}.type-introblock-one .headline.stageOne {top:-20vh; opacity:0; }.type-introblock-one .headline.stageTwo {padding-top:0px;}.type-introblock-one .subline {margin-top:30px;}.type-introblock-one .text {padding-left: 40px; padding-right: 40px; margin-bottom:0px; padding-top:20px;padding-bottom:20px; position:relative;}.type-introblock-one .text p{margin-bottom:0;}.type-introblock-one .text.stageOne {opacity:0; height:0; top:-300px; margin-bottom:0px;}.type-introblock-one .text.stageThree { opacity:0;}.type-introblock-one .introimageCont { position:relative;  transform:scale(1);}.type-introblock-one .introimageCont img{width:100%;}.type-introblock-one .introimageCont.stageOne {opacity:1; top:-110vh; height:0;  transform:scale(1.33);}.type-introblock-one .introimageCont.stageTwo {height:0;}.type-introblock-one .text2 {padding-top:40px; padding-left: 40px; padding-right: 40px; margin-bottom:40px;}.type-introblock-one .text2.stageOne {padding-top:0vh;}.type-introblock-one .text2.stageTwo {padding-top:0vh;}.type-introblock-one .firstpart { position:relative; height:100%;}.type-introblock-one .firstpart.stageOne {   top:-50vh; opacity:0;}#aszene-1-animation {background:blue;}#aszene-1-animation.stageZero {background:yellow;}#aszene-1-animation.stageOne {background:red;}#aszene-1-animation.stageTwo {background:orange;}.type-schrank-zoom {}.type-schrank-zoom .container {background-color:#424242;background-color:#ffffff;}.type-schrank-zoom .textbg { position: absolute; left: 0; top: 0; right: 0; height: 100vh;; background-color: rgba(0,0,0,0.8); opacity:0; z-index:24; }.type-schrank-zoom .textbg.stageZero {opacity:1; background-color: rgba(0,0,0,0.5)}.type-schrank-zoom .textbg.stageOne {opacity:0; background-color: rgba(0,0,0,0)}.type-schrank-zoom .text { position: absolute; left: 0; top: 0; right: 0; height: 100vh; z-index: 4; color: #fff; padding: 40px; margin-top: 50vh; opacity:0; z-index:25; }.type-schrank-zoom .text.stageZero {margin-top:0; opacity:1; }.type-schrank-zoom .text.stageOne {margin-top:-200vh; opacity:0;}.type-schrank-zoom .ImageCont{ position:relative; height:auto;}.type-schrank-zoom .ImageCont .outerWrapper {width:100%; height:100vh; overflow:hidden;}.type-schrank-zoom .ImageCont .wrapper { position: relative; padding-bottom: 107.604%; padding-top: 0px; height: 0; }.type-schrank-zoom .ImageCont .wrapper .innerWrapper{    max-width: 200vh;    margin-left: auto;    margin-right: auto;    position: relative;	width: 100%; height: 100vh; overflow:visible; /*left: 10vh !important;*/ }.type-schrank-zoom .ImageCont .wrapper .innerWrapper img {position:absolute; top:0; right:0; z-index:1;}.type-schrank-zoom .ImageCont .wrapper {padding-bottom: 100vh;}.type-schrank-zoom .ImageCont .outerWrapper,.type-schrank-zoom .ImageCont .wrapper .innerWrapper{height:100vh;}.dreckphone .type-schrank-zoom .ImageCont .wrapper .innerWrapper{left: 10vh;} .type-schrank-zoom .ImageCont .wrapper .innerWrapper .TET_EX_Schrank_1 {awidth:100%; margin-left:0; z-index:6;   height: 100vh; width: 200vh;}.type-schrank-zoom .ImageCont .wrapper .innerWrapper .TET_EX_Schrank_2 {awidth:100%; margin-left:0; z-index:5;   height: 100vh; width: 200vh;}.type-schrank-zoom .ImageCont .wrapper .innerWrapper .TET_EX_Schrank_3 {awidth:100%; margin-left:0; z-index:4;   height: 100vh; width: 200vh;}.type-schrank-zoom .ImageCont .wrapper .innerWrapper .TET_EX_Schrank_4 {awidth:100%; margin-left:0; z-index:3;   height: 100vh; width: 200vh;}.type-schrank-zoom .ImageCont .wrapper .innerWrapper .TET_EX_Schrank_5 {awidth:100%; margin-left:0; z-index:2;   height: 100vh; width: 200vh;}.type-schrank-zoom .ImageCont .wrapper .innerWrapper .TET_EX_Schrank_6 {awidth:100%; margin-left:0; z-index:1;   height: 100vh; width: 200vh;}/*.type-schrank-zoom .ImageCont .wrapper .innerWrappertransform: scale(30);transform-origin: 59% 56%;*/@media (min-width:720px){	}.type-schrank-zoom .ImageCont .wrapper .innerWrapper img {transform: scale(1.5); transform-origin: 50% 100%; top:50%;}.type-schrank-zoom .ImageCont .wrapper .innerWrapper img.stageOne { margin-left: 0; margin-top: 0; transform: scale(1.5); transform-origin: 50% 100%; top:0%;}@media (max-width:1200px){	.type-schrank-zoom .ImageCont .wrapper .innerWrapper img {transform-origin: 15% 100%; }	.type-schrank-zoom .ImageCont .wrapper .innerWrapper img.stageOne {  transform-origin: 15% 100%;}}.type-schrank-zoom .ImageCont .wrapper .innerWrapper * {max-width:4000px;}/*.type-schrank-zoom .ImageCont .wrapper .innerWrapper #EXFische { position:absolute; background:#666; bottom:50.048vh; right:13.02vh; margin-left:0; z-index:20;   height: 38.093vh; width:77.299vh;}*//*.type-schrank-zoom .ImageCont .wrapper .innerWrapper #EXFische {  right:19.53vh; bottom:25.024vh; margin-left:0;   height: 57.1395vh; width: 115.9485vh;} halb zoom*/.type-schrank-zoom .ImageCont .wrapper .innerWrapper #EXFische {  position:absolute; background:#666; z-index:20; right:50vh; bottom:25.024vh; margin-left:0;   height: 57.1395vh; width: 115.9485vh;}.type-schrank-zoom .ImageCont .wrapper .innerWrapper #EXFische.stageOne { bottom:75vh;}@media (max-width:1200px){	.type-schrank-zoom .ImageCont .wrapper .innerWrapper #EXFische {  right: 14.85vh;}}.type-schrank-zoom .ImageCont .wrapper .innerWrapper img.front {z-index:10;}#aszene-2-animation {background:blue;}#aszene-2-animation.stageZero {background:yellow;}#aszene-2-animation.stageOne {background:red;}#aszene-2-animation.stageTwo {background:orange;}.type-fadeleftright-zoom .wrapper{ padding:0px 0; background-color: #ddd; width:100%; height:100vh; overflow:hidden; position: relative; top: -1px;}.type-fadeleftright-zoom .wrapper .bgfade {  background-color: #fff; position: absolute; left: 0; right: 100%; top: 0; bottom: 0; /*border-right:3px solid #959595;*/ }.type-fadeleftright-zoom .wrapper .bgfadeline {  background-color: #959595; position: absolute; width:3px; right: 100%; top: 0; bottom: 0; z-index: 20; }.type-fadeleftright-zoom .wrapper .zoomIntroCont {   position: absolute; left: 0; right: 0; top: 0; bottom: 0; color:#fff; padding:40px;}.type-fadeleftright-zoom .wrapper .zoomIntroCont.stageZero {   position: absolute; left: 0; right: 0; top: 0; bottom: 0; color:#fff; padding:40px;}.type-fadeleftright-zoom .wrapper .zoomIntroCont.stageOne {   top:-100vh;    bottom: 100vh;}.type-fadeleftright-zoom .wrapper .zoomIntroCont.stageTwo {  height:0; }/*.type-fadeleftright-zoom .wrapper .zoomIntroCont .subline {margin-top:120px; margin-bottom:80px;}.type-fadeleftright-zoom .wrapper .zoomIntroCont .subline.stageZero {margin-top:80px;  margin-bottom:20px; }.type-fadeleftright-zoom .wrapper .zoomIntroCont .subline.stageOne {margin-top:20px;}*/.type-fadeleftright-zoom .wrapper .zoomIntroCont .headline {margin-top:40px; margin-bottom:20px;}.type-fadeleftright-zoom .wrapper .zoomIntroCont .headline.stageZero {margin-top:0px;  margin-bottom:0px; }.type-fadeleftright-zoom .animatecont{ position:relative; margin: 0; transform: scale(250); transform-origin: 50% 30%; filter:blur(0px)}.type-fadeleftright-zoom .animatecont.stageOne{ position:relative; margin: 0; transform: scale(1); filter:blur(0px)}.type-fadeleftright-zoom .animatecont .sizer{width:100%; height:auto; opacity:0.001; width:100vh; height:100vh; width:61.869vh; height:80vh; width:80vh;}.type-fadeleftright-zoom .animatecont .original{    background-size: cover;    background-size: 77.334vh 100vh;	background-size:61.869vh 80vh;	background-size:80vh 80vh;    background-position: center 5vh;	background-repeat:no-repeat;    background-image: url(\"https://mediacenter.spbeu.net/lp/ex/img/TET_EX_Anschnitt_geschlossen.jpg\");    width: 100%;    height: 100%;    position: relative;}.type-fadeleftright-zoom .animatecont .fadeCont{ 	/*border-right:3px solid #959595;*/    width: 100%;    height: 100%;    position: absolute;    left: 100%;    overflow: hidden;	top:0;	left: -100%;}.type-fadeleftright-zoom .animatecont .fadeContInner{    background-size: cover;    background-size: 77.334vh 100vh;    background-size:61.869vh 80vh;	background-size:80vh 80vh;	background-position: center 5vh;	background-repeat:no-repeat;    background-image: url(\"https://mediacenter.spbeu.net/lp/ex/img/TET_EX_Anschnitt_offen.jpg\");    width: 100%;    height: 100%;    position: relative;    left: -0%;	left: 100%;}.type-fadeleftright-zoom .wrapper .bgfade.stageTwo {right:0;}.type-fadeleftright-zoom .wrapper .bgfadeline.stageTwo {right:-3px;}.type-fadeleftright-zoom .animatecont .fadeCont.stageTwo{left:0;}.type-fadeleftright-zoom .animatecont .fadeContInner.stageTwo{left:0%;}.type-fadeleftright-zoom .animatecont .ciclesCont {  position: absolute; top: 0; left: 0; right: 0; bottom: 0;}.type-fadeleftright-zoom .animatecont .circle {font-size:0; line-height:0; display:inline-block; border-radius:50%; background-color:rgba(255,255,255,0.5); padding:4px; position:absolute; transition: padding-color 0.15s ease-out; cursor:pointer;}.type-fadeleftright-zoom .animatecont .circle .inner1 {display:inline-block; border:2px solid #35424a; border-radius:50%; }.type-fadeleftright-zoom .animatecont .circle .inner2 {display:inline-block; width:20px; height:20px; background-color:#35424a; border:6px solid #fff; border-radius:50%; transition: background-color 0.15s ease-out;}.type-fadeleftright-zoom .animatecont .circle.circle_1 {left:41%; top:41vh;}.type-fadeleftright-zoom .animatecont .circle.circle_2 {left:54%; top:45vh;}.type-fadeleftright-zoom .animatecont .circle.circle_3 {left:50%; top:53vh;}.type-fadeleftright-zoom .animatecont .circle.circle_4 {left:56%; top:61vh;}.type-fadeleftright-zoom .animatecont .circle.circle_5 {left:46%; top:70vh;}@media (max-width:1200px){	.type-fadeleftright-zoom .animatecont .circle.circle_1 {left:28%; top:37vh;}	.type-fadeleftright-zoom .animatecont .circle.circle_2 {left:57%; top:42vh;}	.type-fadeleftright-zoom .animatecont .circle.circle_3 {left:38%; top:49vh;}	.type-fadeleftright-zoom .animatecont .circle.circle_4 {left:55%; top:57vh;}	.type-fadeleftright-zoom .animatecont .circle.circle_5 {left:46%; top:66vh;}}.type-fadeleftright-zoom .animatecont .circle:hover, .type-fadeleftright-zoom .animatecont .circle.activecircle {padding:10px; margin-left:-9px; margin-top:-9px;}.type-fadeleftright-zoom .animatecont .circle:hover .inner1, .type-fadeleftright-zoom .animatecont .circle.activecircle .inner1 { border:2px solid #35424a;  }.type-fadeleftright-zoom .animatecont .circle:hover .inner2, .type-fadeleftright-zoom .animatecont .circle.activecircle .inner2 {width:30px; height:30px; background-color:#005a98; border:8px solid #fff; }.type-fadeleftright-zoom .animatecont .circle:hover .inner2, .type-fadeleftright-zoom .animatecont .circle.activecircle.animatedcircle .inner2 {  animation: aniCirclePulsate 0.8s forwards;  -webkit-animation: aniCirclePulsate 0.8s forwards;  -moz-animation: aniCirclePulsate 0.8s forwards;  -o-animation: aniCirclePulsate 0.8s forwards;  animation-iteration-count: infinite;  -webkit-animation-iteration-count: infinite;  -moz-animation-iteration-count: infinite;    -o-animation-iteration-count: infinite;}.type-fadeleftright-zoom .animatecont .ciclesCont {opacity: 0;}.type-fadeleftright-zoom .animatecont .ciclesCont.stageThree {opacity: 1;}@keyframes aniCirclePulsate {0%   {opacity:1;}50%   {opacity:0.5;}100% {opacity:1;}}@-webkit-keyframes aniCirclePulsate {0%   {opacity:1;}50%   {opacity:0.5;}100% {opacity:1;}}@-moz-keyframes aniCirclePulsate {0%   {opacity:1;}50%   {opacity:0.5;}100% {opacity:1;}}@-o-keyframes aniCirclePulsate {0%   {opacity:1;}50%   {opacity:0.5;}100% {opacity:1;}}.type-fadeleftright-zoom .circlesDescription{ background-color:rgba(255,255,255,0.33); position: absolute; margin: 0; width: auto; height: auto; border: 0px solid red; padding: 0 40px 20px; left: 0; right: 0; bottom: -50vh; /* color:#2e639e; */ text-shadow: 1px 1px 3px #fff; } .type-fadeleftright-zoom .circlesDescription.stageThree{bottom:0;} .type-fadeleftright-zoom .animatecont .air_down { position: absolute; left: 34%; width: 10%; top: 20vh; opacity:0 }.type-fadeleftright-zoom .animatecont .air_up { position: absolute; left: 49%; width: 10%; top: 30%; opacity:0 }.type-fadeleftright-zoom .animatecont .air_down.stageThree { opacity:1; top: 25vh; }.type-fadeleftright-zoom .animatecont .air_up.stageThree { opacity:1; top: 15vh; }.type-fadeleftright-zoom .animatecont .air_down img{width:100%; position:relative;  display: inline-block;  animation: aniDown 2s forwards;  -webkit-animation: aniDown 1s forwards;  -moz-animation: aniDown 1s forwards;  -o-animation: aniDown 1s forwards;  animation-iteration-count: infinite;  -webkit-animation-iteration-count: infinite;  -moz-animation-iteration-count: infinite;    -o-animation-iteration-count: infinite;}@keyframes aniDown {0%   {opacity:0; top:-50px}50%   {opacity:1; top:0;}75%   {opacity:0; top:0;}100% {opacity:0;}}@-webkit-keyframes aniDown {0%   {opacity:0; top:-50px}50%   {opacity:1; top:0;}100% {opacity:0;}}@-moz-keyframes aniDown {0%   {opacity:0; top:-50px}50%   {opacity:1; top:0;}100% {opacity:0;}}@-o-keyframes aniDown {0%   {opacity:0; top:-50px}50%   {opacity:1; top:0;}100% {opacity:0;}}.type-fadeleftright-zoom .animatecont .air_up img{width:100%; position:relative;  display: inline-block;  animation: aniUp 2s forwards;  -webkit-animation: aniUp 1s forwards;  -moz-animation: aniUp 1s forwards;  -o-animation: aniUp 1s forwards;  animation-iteration-count: infinite;  -webkit-animation-iteration-count: infinite;  -moz-animation-iteration-count: infinite;    -o-animation-iteration-count: infinite;}@keyframes aniUp {0%   {opacity:0; bottom:-50px}25%   {opacity:0; bottom:-50px}50%   {opacity:1; bottom:0;}100% {opacity:0;}}@-webkit-keyframes aniUp {0%   {opacity:0; bottom:-50px}100% {opacity:0;}}@-moz-keyframes aniUp {0%   {opacity:0; bottom:-50px}50%   {opacity:1; bottom:0;}100% {opacity:0;}}@-o-keyframes aniUp {0%   {opacity:0; bottom:-50px}50%   {opacity:1; bottom:0;}100% {opacity:0;}}#szene-3-section{}#szene-3-section .container { min-height:0;}#szene-5-section{}#szene-5-section .container {background-color:#000; color:#fff; min-height:0;}#szene-5-section .textContainer {padding:20px 40px;}#szene-6-section{}#szene-6-section .container {background-color:#e6eff6; min-height:0;}#szene-6-section .textContainer {padding:20px 40px;}#szene-6-section .maxflowCont {line-height: 1; padding-top:20px;}#szene-6-section .maxflowCont img {margin-bottom:5px;margin-left:auto; margin-right:auto;}#szene-6-section .maxflowCont .subline {}#szene-7-section{}#szene-7-section .container { min-height:0; color:#3a4449;} /*788690*/#szene-7-section b{ color:#000;}#szene-7-section .textContainer {padding:20px 40px;}#szene-7-section .tetAccordeonCont {padding:20px 20px; position:relative;}#szene-8-section{}#szene-8-section .container { min-height:0;}#szene-8-section .textContainer {padding:20px 40px;}#szene-8-section img {max-width:100%;}#szene-8-section .TET_EX_karton {margin:20px 0;}#szene-8-section .sizes_platzhalter {margin:20px 0;}#szene-8-section .shops_platzhalter {margin:20px 0;}a.grey{color:#3a4449; text-decoration: underline;}a.grey:hover { text-decoration: underline;color: #2e639e; }#tetAccordeon {margin:30px auto; width:100%; max-width:640px;}#tetAccordeon  h3{text-align: left; font-size: 16px;}#tetAccordeon h3 strong.type {    min-width: 45%;    display: inline-block;}#tetAccordeon  h3 span.size{}#tetAccordeon .arrow{display:inline-block; float:right;}#tetAccordeon .arrow .fa-caret-right{}#tetAccordeon .arrow .fa-caret-down{display:none;}#tetAccordeon .ui-accordion-header-active .arrow .fa-caret-right{display:none;}#tetAccordeon .ui-accordion-header-active .arrow .fa-caret-down{display:inline;}#tetAccordeon.ui-accordion .ui-accordion-content {padding:20px; position:relative;}#tetAccordeon .ui-icon {background-image:none; display:none;}.ui-accordion-header-icon {float:right;}.ui-state-default  { background:#fff; }.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #3a4449; background: #3a4449;}.ui-accordion .ui-accordion-header { margin: -1px 0 0 0; }.ui-accordion .ui-accordion-content {}#tetAccordeon .product {width:100%; display:inline-block;}#tetAccordeon .techplaceholder {width:16%; float:right;}#tetAccordeon  p{font-size:18px; margin:0;}#tetAccordeon .techCont{width:16%;  position:absolute; top:20px; right:20px; z-index:2;}#tetAccordeon .techCont .techentry{ background-color:#eaebed; margin-bottom: 20px; text-align:center; color:#333F48; font-size: 16px; line-height: 1.25; background-position: center 10px; background-repeat:no-repeat; padding: 60px 0 10px 0;}#tetAccordeon .techCont .techentry.flow {background-image: url(\"https://mediacenter.spbeu.net/lp/ex/img/techflow.jpg\");}#tetAccordeon .techCont .techentry.pnp {background-image: url(\"https://mediacenter.spbeu.net/lp/ex/img/techpnp.jpg\");}#tetAccordeon .techCont .techentry.watt {background-image: url(\"https://mediacenter.spbeu.net/lp/ex/img/techwatt.jpg\");}#tetAccordeon .techCont .techentry strong{ display:block; font-size: 20px;}#szene-7-section .textContainer {text-shadow: 2px 2px 4px #fff;}#szene7bottomVidCont {position:relative; overflow: hidden; padding-top: 60px;}#szene7bottomVidCont .videoWrapper{position: absolute; left: 0; top: 0; z-index: 1; width: 100%;}#szene7bottomVidCont .textContainer{position: relative; z-index: 2;}#szene7bottomVidCont #tetAccordeonCont{position: relative; z-index: 3;}a.tetbtn {    cursor: pointer;    display: inline-block;    font-weight: 400;    text-align: center;    white-space: nowrap;    vertical-align: middle;    border: 1px solid transparent;    padding: .375rem .75rem;    font-size: 20px;    line-height: 1.6;    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;	color: white;	text-decoration: none;	background-color: #333F48;	}a.tetbtn:hover, a.tetbtn:active {	color: white;	text-decoration: none;	background-color: #123655;}#szene-4-section { background-color:black;}#szene-4-section .container {background-color:#000; color:#fff;}#szene-4-section .textContainer {height:40vh; position:absolute; left:0; top:0; right:0; bottom:0; padding:0 40px; z-index:1; overflow:hidden;}#szene-4-section .imageContainer {height:60vh; position:absolute; left:0; top:40vh; right:0; bottom:0; z-index:2;}#szene-4-section .imageContainer .inner { position:relative; margin:40px;}#szene-4-section .imageContainer .TET_EX_800_komplett {width:100%; position:relative; z-index:5; filter: brightness(100%);}#szene-4-section .imageContainer .TET_EX_800_joints {width:100%; position:absolute; left:0; top:0; z-index:6; opacity:0;}#szene-4-section .imageContainer .TET_EX_800_button {width:100%; position:absolute; left:0; top:0; z-index:7; opacity:0;}#szene-4-section .imageContainer .TET_EX_800_komplett.stageOne { filter: brightness(33%);}#szene-4-section .imageContainer .TET_EX_800_joints.stageOne { opacity:1;}#szene-4-section .imageContainer .TET_EX_800_joints.stageTwo { opacity:0;}#szene-4-section .imageContainer .TET_EX_800_button.stageTwo { opacity:1;}#szene-4-section .imageContainer .TET_EX_800_button.stageThree { opacity:0;}#szene-4-section .imageContainer .TET_EX_800_komplett.stageFour { filter: brightness(100%);}#szene-4-section .intro, #szene-4-section .joints, #szene-4-section .button{height:100vh;}#szene-4-section .intro {}#szene-4-section .joints{}#szene-4-section .button{}#szene-4-section .intro.stageOne {margin-top:-100vh;}#szene-4-section .joints.stageTwo{margin-top:-100vh;}#szene-4-section .button.stageThree{margin-top:-100vh;}#szene-4-section .imageContainer.stageFour {height:100vh; top:0vh;}#szene-4-section .intro .inner, #szene-4-section .joints .inner, #szene-4-section .button .inner {padding:20px 0;}#szene-4-section .textContainer .fade { width: 100%; z-index: 20; position: absolute; left: 0; right: 0; bottom: 0; height:60px; opacity:1;background: transparent;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #000000 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,#000000 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,#000000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'rgba(0,0,0,0)\', endColorstr=\'#000000\',GradientType=0 );}#videoBottomGradient { position:absolute; left:0; right:0; bottom:0;  height:100px; z-index:2; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#00ffffff\', endColorstr=\'#ffffff\',GradientType=0 );}#iconaniCont { padding-top:30px; max-width:100%; overflow:hidden;}#iconaniCont .impactp {  }#iconaniCont .secondaryImageCont { position:relative; width:300px; height:300px; border:0px solid #000; margin-top:20px; margin-bottom:50px; margin-left:auto; margin-right:auto; }#iconaniCont .secondaryImageCont.stageThree {  opacity:0;}#iconaniCont .secondaryImageCont img{width:100%;}#iconaniCont .secondaryImageCont img.impactico1{width:100%; position: absolute; top:0; z-index: 1; transform: scale(1.5) rotate(120deg);  opacity:0;}#iconaniCont .secondaryImageCont img.impactico1.stageTwo{width:100%; position: absolute; z-index: 1; transform: scale(1) rotate(0); opacity:1;}#iconaniCont .secondaryImageCont img.impactico2{width:200%; position: relative; z-index: 2; margin-left:0%; opacity:0; }#iconaniCont .secondaryImageCont img.impactico2.stageOne{width:110%; position: relative; z-index: 2; margin-left:0%; opacity:1;}#iconaniCont .secondaryImageCont img.impactico2.stageTwo{width:100%; position: relative; z-index: 2; margin-left:0%;  opacity:1}#iconaniCont #impactarchone {position:absolute; left:-50px; width:400px; top:0px; z-index:3; font-size: 42px; line-height:normal; font-weight: 300; color:#0d5900; opacity:0;}#iconaniCont #impactarchone.stageOne {opacity:1; top:-15px; font-size: 28px;}@media (min-height:560px){	#fuvp1 { display: table-cell; height: 100vh; vertical-align: middle; margin-bottom:25vh;}	#fuvp1spacer { display:block; height: 25vh; width:100%;}}#szene-5-section { background-color:black;}@media (max-width:1200px){	#contentWrapper .container.innerContainer {max-width: 100%;}			#szenbe4filterBottomGradient { position:absolute; left:0; right:0; bottom:0;  height:100px; z-index:5; 	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#00000000\', endColorstr=\'#000000\',GradientType=0 );	}	#szene-4-section .container {overflow:hidden;}	#szene-4-section .intro, #szene-4-section .joints, #szene-4-section .button {padding-top: 40px;}		.type-fadeleftright-zoom .animatecont {height:100vh;}		#szene-3-section .TET_EX_Filtersieb{margin-bottom:60px; margin-left:auto; margin-right:auto;} 	#szene-3-section .headlineBox {padding-bottom:30px;}		.type-fadeleftright-zoom .animatecont .original,	.type-fadeleftright-zoom .animatecont .fadeContInner{		background-size: cover;		background-size: 77.334vh 100vh;		background-size:61.869vh 80vh;			background-size:46.4vh 60vh;			background-size:54.14vh 70vh;			background-size:70vh 70vh;			background-size:75vh 75vh;		}	}.desktoponly {display:none; height:0;} @media (min-width:1200px){	/* desktop */	.headline, #innerWrapper .scrollContent div.headline { font-size:72px; }	.subline, #innerWrapper .scrollContent div .subline { font-size:48px; line-height:1.1;}	* {overflow-x:none !important;}	.contentSize { width: 100vw; width:100%;}	#contentWrapper #szene-0-section .container {background-color:transparent;}		/*	.type-schrank-zoom .ImageCont { width: 1200px; left: calc(50% - 600px);}	*/	.type-schrank-zoom .text { margin-top: 50vh; opacity:0; z-index:25; width: 600px; left: calc(50% - 600px); width: 960px; left: calc(50% - 480px); text-align:center;}						#szene-0-section {background: #1e2b30; color:#fff;}	#szene-0-section  a {color:#9abfe7;}	.type-introblock-one .firstpart.stageOne {top:0; }	.type-introblock-one .introimageCont { position: absolute; transform: scale(1); left: 0; top: 0; bottom: 0; height: 100vh; right: 0; }		.type-introblock-one .headline {z-index: 3;}	.type-introblock-one .text {z-index: 2; padding-top:60px; padding-bottom:0;}	.videoWrapper {padding-bottom: 100vh;}	.videoWrapper .videoWrapperInner video { position: relative; top: 0; left: 0; height: 100vh; overflow: visible; width: 178.218vh; }	.type-introblock-one .secondaryImageCont { position: relative; width: 100%; margin: 0 auto !important; text-align: center; max-width: 400px;  	}	.type-schrank-zoom .text {right: 50%;}		.type-introblock-one .introimageCont .videoWrapper .videoWrapperInner .videoFade {		position: absolute;		top: 0;		left: calc(50% - 89.109vh);		height:100vh;		width: 178.218vh;			background: -moz-linear-gradient(left, rgba(30,43,48,1) 0%, rgba(30,43,48,0) 15%, rgba(30,43,48,0) 85%, rgba(30,43,48,1) 99%, rgba(30,43,48,1) 100%);			background: -webkit-linear-gradient(left, rgba(30,43,48,1) 0%,rgba(30,43,48,0) 15%,rgba(30,43,48,0) 85%,rgba(30,43,48,1) 99%,rgba(30,43,48,1) 100%);			background: linear-gradient(to right, rgba(30,43,48,1) 0%,rgba(30,43,48,0) 15%,rgba(30,43,48,0) 85%,rgba(30,43,48,1) 99%,rgba(30,43,48,1) 100%);			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#1e2b30\', endColorstr=\'#1e2b30\',GradientType=1 );	}		.type-introblock-one .text {text-shadow: 2px 2px 4px #1e2b30;}					#szene-2-section {width:100%; background-color:#fff;}	/*#szene-2-section #szene-2-animation{width:1200px; margin-left:auto; margin-right:auto;}*/	#szene-2-section.type-fadeleftright-zoom {width:100%; text-align:center;}	.type-schrank-zoom .ImageCont .wrapper .innerWrapper img.stageOne { top:-20vh;}	.type-schrank-zoom .ImageCont .wrapper .innerWrapper #EXFische.stageOne { bottom:95vh;}							.type-fadeleftright-zoom .animatecont .sizer {height:100vh;}	.type-fadeleftright-zoom .circlesDescription {   position: absolute;  width: auto; height: auto;  padding: 0px 120px 80px; left: 0; right: 0; text-align: center;    display:none;}			.type-fadeleftright-zoom .animatecont .air_down { left: 41%; max-width: 60px;}	.type-fadeleftright-zoom .animatecont .air_down.stageThree {top: 15vh; left: 41%}	.type-fadeleftright-zoom .animatecont .air_up { left: 49%; max-width: 60px;}	.type-fadeleftright-zoom .animatecont .air_up.stageThree {top: 25vh; left: 49%}		.type-fadeleftright-zoom .animatecont .circle, .type-fadeleftright-zoom .animatecont .circle.activecircle, .type-fadeleftright-zoom .animatecont .circle:hover {font-size:0; line-height:0; display:inline-block; border-radius:50%; background-color:rgba(255,255,255,0.5); padding:4px; position:absolute; transition: none; cursor:default;  margin-left:0; margin-top:0;}	.type-fadeleftright-zoom .animatecont .circle .inner1,.type-fadeleftright-zoom .animatecont .circle.activecircle .inner1, .type-fadeleftright-zoom .animatecont .circle:hover .inner1 {display:inline-block; border:2px solid transparent; border-radius:50%; }	.type-fadeleftright-zoom .animatecont .circle .inner2, .type-fadeleftright-zoom .animatecont .circle.activecircle .inner2, .type-fadeleftright-zoom .animatecont .circle:hover .inner2 {display:inline-block; width:20px; height:20px; background-color:#e6eff6; border:0px solid #fff; border-radius:50%; transition: none;}		.type-fadeleftright-zoom .animatecont .circle:hover .inner2, .type-fadeleftright-zoom .animatecont .circle.activecircle.animatedcircle .inner2 { animation: none; -webkit-animation: none; -moz-animation: none; -o-animation: none; }	 		.type-fadeleftright-zoom .circle_desc { background-color: #ddd; color:#2e639e !important;  display: block; position: absolute; left: 0px; top: 200px; width: 260px; height: auto; text-align:center;    } 	.type-fadeleftright-zoom .circle_desc small { display:block; font-size:18px; line-height:1.2; padding:10px;} 	#contentWrapper .type-fadeleftright-zoom .circle_desc strong {  color:#2e639e;} 	#circle_1_desc { left: 40px; top: 80px;  font-size:18px;} 	#circle_3_desc { left: 40px; top: 30vh;  font-size:18px;} 	#circle_5_desc { left: 40px; top: 60vh;  font-size:18px;} 		#circle_2_desc { left: 75%; top: 20vh;   font-size:18px;} 	#circle_4_desc { left: 75%; top: 60vh;   font-size:18px;} 		.type-fadeleftright-zoom .circle_desc {   opacity:0;} 	.type-fadeleftright-zoom .circle_desc.vis {   opacity:1;} 	#szene-2-animation .line {opacity:0;}	#szene-2-animation .line.vis{opacity:1;}				#szene-3-section .textContainer {width: 960px; margin-left: auto; margin-right: auto;}		#szene-3-section .headlineBox {padding: 80px 40px;}	#szene-3-section .TET_EX_Filtersieb {margin-bottom: 80px; margin-left: auto; margin-right: auto;}	#szene-4-section .textContainer {height: 100vh; right: 50vw; max-width: 960px; margin-left: auto; margin-right: auto; width:50vw;    width:600px; margin-right: 0; }	#szene-4-section .imageContainer {height: 100vh; left: 50vw; top: 80px; overflow: hidden;}	#szene-4-section .imageContainer.stageFour {  opacity:0;}	#szene-4-section .intro .inner, #szene-4-section .joints .inner, #szene-4-section .button .inner { padding: 80px 0; }			#szene-4-section .intro, #szene-4-section .joints, #szene-4-section .button{height:50vh; overflow:visible; opacity:0; padding-top: 25vh}		#szene-4-section .intro {opacity:1;}		#szene-4-section .intro.stageOne {margin-top:-50vh; opacity:0;}		#szene-4-section .joints.stageOne{opacity:1;}		#szene-4-section .joints.stageTwo{margin-top:-50vh; opacity:0;}		#szene-4-section .button.stageTwo{opacity:1;}		#szene-4-section .button.stageThree{margin-top:-0vh;}		#szene-4-section .button.stageFour{margin-top:-0vh; opacity:0;}								#szene-5-section {width:100%; background-color:#000; margin-top: -50vh; z-index: 6;;}	#szene-5-section #szene-5-animation{ margin-left:auto; margin-right:auto;}		#szene-5-section .textContainer {position:absolute; top:200px; left:0; right:0; z-index: 2;}	#szene-5-section .videoWrapper {padding-bottom: 56.25%;  z-index:1;}	#szene-5-section .videoWrapper .videoWrapperInner video { height: auto; }	#szene-6-section {width:100%; background-color:#e6eff6;}	#szene-6-section #szene-6-animation{ margin-left:auto; margin-right:auto;}		#szene-6-section .textContainer {padding: 80px 40px 40px; width: 960px; margin-left: auto; margin-right: auto; position:relative; z-index:2;}	#szene-6-section .textContainer, #szene-6-section .textContainer p  {color:#00305B;}	#szene-6-section .videoWrapper {padding-bottom: 28.125%; margin-top:-200px; z-index:1;}	#szene-6-section .videoWrapper .videoWrapperInner video { height: auto; }						#szene-7-section .textContainer	#szene-7-section {width:100%; background-color:#fff;}	#szene-7-section #szene-7-animation{width:100%; margin-left:0; margin-right:0;}			#szene-7-section #szene-7-animation .container{width:960px; margin-left:auto; margin-right:auto;}			#szene-7-section #szene-7-animation .container-fluid {padding-left:0; padding-right:0;}		#szene-7-section #szene-7-animation .innercontainer	{width:960px; margin-left:auto; margin-right:auto;}		/* #szene-7-section #szene-7-animation .videoWrapper {display:none;}		*/	#szene-7-section .textContainer {padding: 0px 40px 80px;}		#szene-7-section #szene-7-animation .videoWrapper.sixteen {padding-bottom:56.25%;}	#szene-7-section #szene-7-animation .videoWrapper.sixteen .videoWrapperInner video {width: 100%; height: auto; }	#szene-7-section #szene-7-animation .videoWrapper .videoWrapperInner .videoFade {		position: absolute;		top: 0;		left: 0;		height:100%;		width: 100%;			/*background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 6%, rgba(255,255,255,0) 94%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%);			background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 6%,rgba(255,255,255,0) 94%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);			background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 6%,rgba(255,255,255,0) 94%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%);			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#ffffff\', endColorstr=\'#ffffff\',GradientType=1 );*/	}												}";

							var links = document.getElementsByTagName('a');
							for( var i = 0; i < links.length; i++ ){
								if( links[i].className == 'mcrobots-widget'){		
								
									console.log("mcrobots script execute");
									console.log("mcr_url "+mcr_url);
									console.log("mcr_lp "+mcr_lp);	
									/*
									var mcr_url_loc = mcr_url;
									
									if (mcr_url_loc.includes("/de-de")) {
										console.log("de-de");
									}
									else if (mcr_url_loc.includes("/en-gb")) {
										console.log("en-gb");
										html = html_en;
									}
									*/
									

									var mcrWidgetContent = document.createElement("div");
									links[i].parentNode.replaceChild( mcrWidgetContent, links[i] );
									mcrWidgetContent.innerHTML = html;


									/*
									var column_width = mcrWidgetContent.offsetWidth;
									var widthClass = 'desktop';
									if(column_width > 0 && column_width <= 250)
										widthClass = 'x_small';
									else if(column_width > 250 && column_width <= 480)
										widthClass = 'mobile';
									else if(column_width > 480 &&  column_width <= 768)
										widthClass = 'tablet';

									document.getElementById("mcr-widget").classList.add(widthClass);

									if(column_width > 1000)
										document.getElementById("mcr-widget").classList.add('large');
									*/
									

									if( styles.length ){

										// remove style tag to avoid leaving empty style tags
										var stylesToBeRemoved = document.getElementById('mcrobots_widget');
										if(stylesToBeRemoved) {
											var sheetParent = stylesToBeRemoved.parentNode;
											sheetParent.removeChild(stylesToBeRemoved);
										}

										// append new style tag
										var css = document.createElement('style');
										css.type = 'text/css';
										css.id = 'mcrobots_widget';
										css.appendChild(document.createTextNode(styles));
										document.getElementsByTagName("head")[0].appendChild(css);

										styles = '';
									}
								}
							}				
				
				
				/* ajax response end */
			}
		}
		xmlhttp.open("GET","https://mediacenter.spbeu.net/lp/ex/getjslang.php?q="+string,true);
		xmlhttp.send();
	}
	//console.log("geturlstringfunc: ");
	geturlstringfunc(mcr_url);

})();