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

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

			
			

	new WOW().init();

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

	var controller;

		
	if( $(window).width() <= 960 ) {
		$("html, body").addClass("mob")
	}
	
	var stopVideo = function(player) {
		var vidSrc = player.prop('src');
		player.prop('src', ''); // to force it to pause
		player.prop('src', vidSrc);
	};
	
	
	// reload after resize end
	var winwindthcache = window.innerWidth;
	
	document.addEventListener('DOMContentLoaded', function(){
		var tos = {};
		var idi = 0;
		var fn  = function(id)
		{
			var len = Object.keys(tos).length;

			if(len == 0)
				return;

			to = tos[id];
			delete tos[id];

			if(len-1 == 0)
				// console.log('Resize finished trigger');
				// console.log(winwindthcache);
				// console.log(window.innerWidth);
				console.log( Math.abs(winwindthcache - window.innerWidth) );
				if( Math.abs(winwindthcache - window.innerWidth) >= 50 ) {
					winwindthcache = window.innerWidth; // new val for cache
					// console.log("reaload now");
					location.reload();
				}
				
				//location.reload();
		};

		window.addEventListener('resize', function(){
			idi++;
			var id = 'id-'+idi;
			tos[id] = window.setTimeout(function(){fn(id)}, 500);
		});
	});	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	function initfu() {
		console.log("initfu called");
		
				
		var ua = window.navigator.userAgent;
		var isIE = /MSIE|Trident/.test(ua);

		if(isIE) {
		  //IE specific code goes here
		  $("body").addClass("isie");
		}
		
		
		

		var scrollcache = 0;
		setInterval(function(){ 
			if(   $(document).height() - $(window).scrollTop() <= $(window).height()*1.5   ) {
				$("body").addClass("pagebottom");
			}else{
				$("body").removeClass("pagebottom");
			}
			
			if( $(window).scrollTop() > ($(window).height()*6) ) {
				if($(window).scrollTop() > scrollcache) {
					// console.log("scrolled down");
					$("body").removeClass("scrolledup");
				}
				if($(window).scrollTop() < scrollcache) {
					// console.log("scrolled up");
					$("body").addClass("scrolledup");
				}
				scrollcache = $(window).scrollTop();
			}else{
				$("body").removeClass("scrolledup");
			}
			
		}, 300);
		
		
			
		var lazyLoadInstance = new LazyLoad({
			elements_selector: ".lazy",
			threshold: 1000
			// ... more custom settings?
		});
		
		
		
		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() {
			$('html, body').animate({
			  scrollTop: $(document).height()-$(window).height()
			}, 1000, function() {
				setTimeout(function(){
					$("body").removeClass("scrolling");
				}, 100);
			});			
		});
		
		
		var jumptarget_nav = $("a[name='nav1']").offset().top;
		var jumptarget_nutrition = $("a[name='nutrition']").offset().top + 100;
		var jumptarget_water = $("a[name='water']").offset().top + 100;
		var jumptarget_contact = $("a[name='contact']").offset().top + 100;
		var jumptarget_order = $("a[name='order']").offset().top;
		
		
		$(".jumptonav").click(function() {
			$('html, body').scrollTop(  jumptarget_nav+ ( $(window).height() *1.5 )  );		
		});
		
		
		$(".jumptotop").click(function() {
			$('html, body').scrollTop(  0  );	
		});
		
		

		
		$(".jumpto-nutrition").click(function() {
			var jumptarget = jumptarget_nutrition;
			$('html, body').scrollTop(jumptarget);
			$('html, body').animate({
				scrollTop: (jumptarget + $(window).height()/4)
			}, 1000, function() {
				//done
			});			
		});
		$(".jumpto-water").click(function() {
			var jumptarget = jumptarget_water;
			$('html, body').scrollTop(jumptarget);
			$('html, body').animate({
				scrollTop: (jumptarget + $(window).height()/4)
			}, 1000, function() {
				//done
			});			
		});
		$(".jumpto-contact").click(function() {
			var jumptarget = jumptarget_contact;
			$('html, body').scrollTop(jumptarget);
			$('html, body').animate({
				scrollTop: (jumptarget )
			}, 1000, function() {
				//done
			});			
		});
		$(".jumpto-order").click(function() {
			var jumptarget = jumptarget_order;
			$('html, body').scrollTop(jumptarget);
			$('html, body').animate({
				scrollTop: (jumptarget )
			}, 1000, function() {
				//done
			});			
		});
		
		
		
		


		$(".showvideo").click(function() {
			$("#modal_video").show();
		});
		$("#modal_video .inner, closemodal").click(function() {
			$("#modal_video").hide();
			stopVideo($('#video'));
		});
		
		
		
		
		
		
		
		
		
		
		
		setTimeout(function(){
			$(".slidewow").addClass("slideInUp wow");
						wow = new WOW(
						  {
						  boxClass:     'wow',      // default
						  animateClass: 'animated', // default
						  offset:       200,          // default
						  mobile:       true,       // default
						  live:         true        // default
						}
						)
						wow.init();						
		}, 300);	
	
		
		
		controller = new ScrollMagic.Controller({
			globalSceneOptions: {
				triggerHook: 0
			}
		});	
	

	
	
	
						
							const html = document.documentElement;
							
							
							
							
						
						
						
							var tween = new TimelineMax()
								.add(  TweenMax.to("#pro_scene_intro, #pro_scene_intro .textone, #pro_scene_intro .texttwo, #pro_scene_intro .col-header-headline", 1, {className: "+=stageOne", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_intro, #proupdate_kv_packshots_cont, #pro_scene_intro .textone, #pro_scene_intro .texttwo, #pro_scene_intro .col-header-headline, #strahlbg", 1, {className: "+=stageTwo", ease: Power1.easeIn }) )
								.add(  TweenMax.to("#pro_scene_intro, #proupdate_kv_packshots_cont, #pro_scene_intro .textone, #pro_scene_intro .texttwo, #pro_scene_intro .col-header-headline, #strahlbg", 1, {className: "+=stageTwoHalf", ease: Power1.easeIn }) )
								.add(  TweenMax.to("#pro_scene_intro, #proupdate_kv_packshots_cont, #pro_scene_intro .textone, #pro_scene_intro .texttwo", 1, {className: "+=stageThree", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_intro, #proupdate_kv_packshots_cont, #pro_scene_intro .textone, #pro_scene_intro .texttwo", 1, {className: "+=stageThreeHalf", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_intro, #proupdate_kv_packshots_cont, #pro_scene_intro .textone, #pro_scene_intro .texttwo", 1, {className: "+=stageFour", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_intro, #pro_scene_intro .textone, #pro_scene_intro .texttwo", 1, {className: "+=stageFive", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_intro, #pro_scene_intro .textone, #pro_scene_intro .texttwo", 1, {className: "+=stageFiveHalf", ease: Power0.easeOut }) )
								;								
							var scene = new ScrollMagic.Scene({
									triggerElement: "#protrigger-intro", 
									duration: "400%"})
											.setPin("#propin-intro", {pushFollowers: true})
											.setTween(tween)
											//.addIndicators({name: "pro_scene_intro"})
											.setClassToggle("body", "introactive")
											.addTo(controller)
											.on("progress", function (e) {
											
													var poffset = e.progress.toFixed(5) * 2.5;
													
													if(poffset < 0) { poffset = 0; }
													if(poffset > 1) { poffset = 1; }
													
													$("#proupdate_kv_packshots_1").css("top",( 4 - (4*poffset ))+"%").css("height",(95 + (5*poffset ))+"%"); // .css("filter","blur("+(1 -(1*poffset ))+"px)")
													$("#proupdate_kv_packshots_2").css("left",( 57 - (7*poffset ))+"%").css("height",(91 + (9*poffset ))+"%");
													$("#proupdate_kv_packshots_3").css("left",( 43 + (7*poffset ))+"%").css("height",(93 + (7*poffset ))+"%");
													
													
													//console.log("pro_scene_intro progress: "+poffset);

												});								
						
						
			
						
							var tween = new TimelineMax()
								.add(  TweenMax.to("#pro_scene_navigationview", 1, {className: "+=stageZero", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_navigationview, .type-pro-navigationview, #pro_scene_navigationview .navcont .inner, #pro_scene_navigationview .navcont .bgcont, #pro_scene_navigationview .navcont .image, #pro_scene_navigationview .textcont", 1, {className: "+=stageOne", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_navigationview, .type-pro-navigationview, #pro_scene_navigationview .navcont .inner, #pro_scene_navigationview .navcont .bgcont, #pro_scene_navigationview .navcont .image", 1, {className: "+=stageTwo", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_navigationview, .type-pro-navigationview, #pro_scene_navigationview .navcont .inner, #pro_scene_navigationview .navcont .bgcont, #pro_scene_navigationview .navcont .image", 1, {className: "+=stageThree", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_navigationview, .type-pro-navigationview, #pro_scene_navigationview .navcont .inner, #pro_scene_navigationview .navcont .bgcont, #pro_scene_navigationview .navcont .image", 1, {className: "+=stageFour", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_navigationview, .type-pro-navigationview, #pro_scene_navigationview .navcont .inner, #pro_scene_navigationview .navcont .bgcont, #pro_scene_navigationview .navcont .image", 1, {className: "+=stageFive", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_navigationview, .type-pro-navigationview, #pro_scene_navigationview .navcont .inner, #pro_scene_navigationview .navcont .bgcont, #pro_scene_navigationview .navcont .image", 1, {className: "+=stageSix", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_navigationview, .type-pro-navigationview, #pro_scene_navigationview .navcont .inner, #pro_scene_navigationview .navcont .bgcont, #pro_scene_navigationview .navcont .image", 1, {className: "+=stageSeven", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_navigationview, .type-pro-navigationview, #pro_scene_navigationview .navcont .inner, #pro_scene_navigationview .navcont .bgcont, #pro_scene_navigationview .navcont .image", 1, {className: "+=stageEight", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_navigationview, .type-pro-navigationview, #pro_scene_navigationview .navcont .inner, #pro_scene_navigationview .navcont .bgcont, #pro_scene_navigationview .navcont .image", 1, {className: "+=stageNine", ease: Power0.easeOut }) )
								.add(  TweenMax.to("#pro_scene_navigationview, .type-pro-navigationview, #pro_scene_navigationview .navcont .inner, #pro_scene_navigationview .navcont .bgcont, #pro_scene_navigationview .navcont .image", 1, {className: "+=stageTen", ease: Power0.easeOut }) )
								
								;								
							var scene = new ScrollMagic.Scene({
									triggerElement: "#protrigger-navigationview", 
									duration: "350%"})
											.setPin("#propin-navigationview", {pushFollowers: true})
											.setTween(tween)
											.setClassToggle("body", "navviewactive")
											//.addIndicators({name: "pro_scene_navigationview"})
											.addTo(controller)
											;		
						
						
						
						
						
						
						
						
						
						
						
						
						
						
							var translatexvalnutrition = -50;
							var mobscalecanvasnutrition = 1;
							var mobscalecanvasfishclose = 1;
							var mobscalecanvasbubbles = 1;
							if($(window).width() <= 720) {
								translatexvalnutrition = -15;
								mobscalecanvasnutrition = 0.75;
								mobscalecanvasfishclose = 0.75;
								mobscalecanvasbubbles = 1.1;
							}
								
							// scale canvas once
							var resizedheightscalenutrition = (fullheight * mobscalecanvasnutrition)/900;
							var resizedheightscalefishclose = (fullheight * mobscalecanvasfishclose)/900;
							var resizedheightscalebubbles = (fullheight * mobscalecanvasbubbles)/900;
							var resizedwidthscale = $(window).width() / 1600;
							
							
							
							$("#nutrition-canvas").css("transform", "translateX("+translatexvalnutrition+"%) scale("+resizedheightscalenutrition+")" );
							$("#fishclose-canvas").css("transform", "translateX(-50%) scale("+resizedheightscalefishclose+")" );
							$("#bubbles-canvas").css("transform", "translateX(-50%) scale("+resizedheightscalebubbles+")" );		
						
						
							var mobfadetopnutrition = (900 * resizedheightscalenutrition) - ($(window).height() * 0.12) + 2;
							var mobfadetopfishclose = (900 * resizedheightscalefishclose) - ($(window).height() * 0.12) + 2;
							$("#nutrition-canvas-mobfade").css("top",""+mobfadetopnutrition+"px");
							$("#fishclose-canvas-mobfade").css("top",""+mobfadetopfishclose+"px");
							
							// console.log("mobfadetopnutrition "+mobfadetopnutrition);
							// console.log("mobfadetopfishclose "+mobfadetopfishclose);

		
						
						
						
							var fotoramaglimpse_nutrition = '0%';
							if($(window).width() > 1200){
								fotoramaglimpse_nutrition = '0%';
							}
							
							
							var ratiofotorama_nutrition = "800/300";
							if( $(window).width() > 1200 ) {
								// keep
							}else{
								ratiofotorama_nutrition = "800/1200";
							}
							
						
							$('.fotoramaone').fotorama({
								width: '100%',
								ratio: ratiofotorama_nutrition,
								minwidth: "400",
								maxwidth: "100%",
								minheight: "300",
												
								navposition: 'top',
								loop: false,
								allowfullscreen: false,
								nav: 'dots',
								glimpse: fotoramaglimpse_nutrition,
								transitionduration: 0
							}).on('fotorama:show ',      
								function (e, fotorama, extra) {
									// console.log(fotorama.activeFrame);
									// console.log(fotorama.activeIndex);
									$(".fframe"+fotorama.activeIndex).find(".animateini").removeClass("animate").removeClass("animateini").addClass("animate");
									//$(".fframe"+fotorama.activeIndex).find(".animate").removeClass("animate").removeClass("animateini").addClass("animate");
								}
							);								
						
						
						
						
							var tween = new TimelineMax()
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour", 1, {className: "+=stageOne", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour", 1, {className: "+=stageOneQuarter", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour", 1, {className: "+=stageOneHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, #nutrition-canvas", 1, {className: "+=stageTwo", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, #nutrition-canvas", 1, {className: "+=stageTwoQuarter", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, #nutrition-canvas", 1, {className: "+=stageTwoHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, #nutrition-canvas", 1, {className: "+=stageThree", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, #nutrition-canvas", 1, {className: "+=stageThreeQuarter", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, #nutrition-canvas", 1, {className: "+=stageThreeHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, #nutrition-canvas", 1, {className: "+=stageFour", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, #nutrition-canvas", 1, {className: "+=stageFourQuarter", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, #nutrition-canvas", 1, {className: "+=stageFourHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, #nutrition-canvas", 1, {className: "+=stageFive", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, #nutrition-canvas", 1, {className: "+=stageFiveQuarter", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, #nutrition-canvas", 1, {className: "+=stageFiveHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, #nutrition-canvas, .type-pro-nutrition  .nutrition-textfish, .type-pro-nutrition  .nutrition-textfish .textfive", 1, {className: "+=stageSix", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, .type-pro-nutrition  .nutrition-textfish, .type-pro-nutrition  .nutrition-textfish .textfive", 1, {className: "+=stageSixQuarter", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition, .nutrition-textright, .nutrition-textright .textone, .nutrition-textright .texttwo, .nutrition-textright .textthree, .nutrition-textright .textfour, .type-pro-nutrition  .nutrition-textfish, .type-pro-nutrition  .nutrition-textfish .textfive", 1, {className: "+=stageSixHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition,  .type-pro-nutrition  .textsix, .type-pro-nutrition  .nutrition-textfish, .type-pro-nutrition  .nutrition-textfish .textfive, .type-pro-nutrition  .nutrition-tablecont", 1, {className: "+=stageSeven", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition,  .type-pro-nutrition  .textsix, .type-pro-nutrition  .nutrition-textfish, .type-pro-nutrition  .nutrition-textfish .textfive, .type-pro-nutrition  .nutrition-tablecont", 1, {className: "+=stageSevenQuarter", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition,  .type-pro-nutrition  .textsix, .type-pro-nutrition  .nutrition-textfish, .type-pro-nutrition  .nutrition-textfish .textfive, .type-pro-nutrition  .nutrition-tablecont", 1, {className: "+=stageSevenHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition,  .type-pro-nutrition  .nutrition-tablecont,  .type-pro-nutrition  .textsix,  .type-pro-nutrition  .nutritiontabelle", 1, {className: "+=stageEight", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition,  .type-pro-nutrition  .nutrition-tablecont,  .type-pro-nutrition  .textsix,  .type-pro-nutrition  .nutritiontabelle", 1, {className: "+=stageEightQuarter", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition,  .type-pro-nutrition  .nutrition-tablecont,  .type-pro-nutrition  .textsix,  .type-pro-nutrition  .nutritiontabelle", 1, {className: "+=stageEightHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition,  .type-pro-nutrition  .nutrition-tablecont,  .type-pro-nutrition  .nutritiontabelle", 1, {className: "+=stageNine", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition,  .type-pro-nutrition  .nutrition-tablecont,  .type-pro-nutrition  .nutritiontabelle", 1, {className: "+=stageNineQuarter", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_nutrition,  .type-pro-nutrition  .nutrition-tablecont,  .type-pro-nutrition  .nutritiontabelle", 1, {className: "+=stageNineHalf", ease: Power2.easeOut }) )
								
								;		
							
				
							
							
							
							/* canvas slide */
							//const html = document.documentElement;
							const nutrition_canvas = document.getElementById("nutrition-canvas");
							const context_nutrition = nutrition_canvas.getContext("2d");

							const nutrition_frameCount = 138;
							/*const currentFrame_nutrition = index => (
								`https://mediacenter.spbeu.net/lp/proupdate/img/nutrition/imgnutrition_${index.toString().padStart(4, '0')}.jpg`
							)*/
							function currentFrame_nutrition(index) {
								var numval = index.toString().padStart(4, '0');
								return 'https://mediacenter.spbeu.net/lp/proupdate/img/nutrition/imgnutrition_'+numval+'.jpg'
							}
							
							

							// const preloadImages_nutrition = () => {
								// for (let i = 1; i < nutrition_frameCount; i++) {
									// const nutrition_img = new Image();
									// nutrition_img.src = currentFrame_nutrition(i);
								// }
							// };

							const nutrition_img = new Image()
							nutrition_img.src = currentFrame_nutrition(1);
							nutrition_canvas.width=1600;
							nutrition_canvas.height=900;
							nutrition_img.onload=function(){
								context_nutrition.clearRect(0, 0, nutrition_canvas.width, nutrition_canvas.height);
								context_nutrition.drawImage(nutrition_img, 0, 0);
							}

							/*const updateImage_nutrition = index => {
								nutrition_img.src = currentFrame_nutrition(index);
								context_nutrition.clearRect(0, 0, nutrition_canvas.width, nutrition_canvas.height);
								context_nutrition.drawImage(nutrition_img, 0, 0);
							}*/
							function updateImage_nutrition(index) {
								nutrition_img.src = currentFrame_nutrition(index);
								context_nutrition.clearRect(0, 0, nutrition_canvas.width, nutrition_canvas.height);
								context_nutrition.drawImage(nutrition_img, 0, 0);
							}
							// preloadImages_nutrition();	
							
							
							
							var resettable_nutrition = false;
							
							var scene = new ScrollMagic.Scene({
									triggerElement: "#protrigger-nutrition", 
									duration: "900%"})
											.setPin("#propin-nutrition", {pushFollowers: true})
											.setTween(tween)
											//.addIndicators({name: "pro_scene_nutrition"})
											.setClassToggle("body", "nutritionactive")
											.addTo(controller)
											.on("progress", function (e) {
											
													// if(e.progress < 0.7 && resettable_nutrition == true) {
														// resettable_nutrition = false;
														// $(".fframe0").find(".animate").removeClass("animate").addClass("animateini");		
													// }
													// if(e.progress > 0.8 && resettable_nutrition == false) {
														// resettable_nutrition = true;
														// console.log("table reset");
														// $(".fframe0").find(".animateini").removeClass("animate").removeClass("animateini").addClass("animate");												
													// }
													if(e.progress < 0.7 ) {
														resettable_nutrition = false;
														$(".fframe0").find(".animate").removeClass("animate").addClass("animateini");		
													}
													if(e.progress > 0.8 ) {
														resettable_nutrition = true;
														console.log("table reset");
														$(".fframe0").find(".animateini").removeClass("animate").removeClass("animateini").addClass("animate");												
													}
													
													
											
													var poffset = e.progress.toFixed(5) * 1.5;
													
													if(poffset < 0) { poffset = 0; }
													if(poffset > 1) { poffset = 1; }		

													const frameIndex = Math.min(
														nutrition_frameCount - 1,
														Math.ceil(poffset * nutrition_frameCount)
													);
													
													//requestAnimationFrame(() => updateImage_nutrition(frameIndex )) // +1
													requestAnimationFrame(function () { updateImage_nutrition(frameIndex); });
 													// requestAnimationFrame(updateImage_nutrition(frameIndex)) // +1
													
													// console.log("pro_scene_nutrition progress "+e.progress.toFixed(5)+" poffset "+poffset + " frameIndex "+frameIndex);

												});
												/*.on("enter", function (event) {
													//console.log("Scene entered.");
													// $(".fframe0").find(".animateini").removeClass("animate").removeClass("animateini").addClass("animate");
													// $(".fframe0").find(".animate").removeClass("animate").removeClass("animateini").addClass("animate");
												}); */
						

						
						

							var fotoramaglimpse_water = '0%';
							if($(window).width() > 1200){
								fotoramaglimpse_water = '0%';
							}
							
							var ratiofotorama_water = "800/220";
							if( $(window).width() > 1440 ) {
								ratiofotorama_water = "800/300";
							} 
							else if ($(window).width() < 960){
								ratiofotorama_water = "800/1200";
							}
						
							$('.fotoramatwo').fotorama({
								width: '100%',
								ratio: ratiofotorama_water,
								minwidth: "400",
								maxwidth: "100%",
								minheight: "300",
								//maxheight: "100%",						
								navposition: 'top',
								loop: false,
								allowfullscreen: false,
								nav: 'dots',
								glimpse: fotoramaglimpse_water,
								transitionduration: 0
							}).on('fotorama:show ',      
								function (e, fotorama, extra) {
									// console.log(fotorama.activeFrame);
									// console.log(fotorama.activeIndex);
									$(".fframe"+fotorama.activeIndex).find(".animateini").removeClass("animate").removeClass("animateini").addClass("animate");
									//$(".fframe"+fotorama.activeIndex).find(".animate").removeClass("animate").removeClass("animateini").addClass("animate");
								}
							);								
						
						
						
						
							var tween = new TimelineMax()
								.add(  TweenMax.to("#pro_scene_water, .type-pro-water .water-textleft .textone, .type-pro-water .water-textleft .texttwo", 1, {className: "+=stageOne", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_water, .type-pro-water .water-textleft .textone, .type-pro-water .water-textleft .texttwo", 1, {className: "+=stageOneQuarter", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_water, .type-pro-water .water-textleft .textone, .type-pro-water .water-textleft .texttwo", 1, {className: "+=stageOneHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_water, .type-pro-water .water-textleft .textone, .type-pro-water .water-textleft .texttwo", 1, {className: "+=stageTwo", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_water, .type-pro-water .water-textleft .textone, .type-pro-water .water-textleft .texttwo", 1, {className: "+=stageTwoQuarter", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_water, .type-pro-water .water-textleft .textone, .type-pro-water .water-textleft .texttwo", 1, {className: "+=stageTwoHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_water, .type-pro-water .water-textleft .textone, .type-pro-water .water-textleft .texttwo, .type-pro-water .water-plant, .type-pro-water .water-plant .plant-image, .type-pro-water .plant-text .textthree", 1, {className: "+=stageThree", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_water, .type-pro-water .water-textleft .textone, .type-pro-water .water-textleft .texttwo, .type-pro-water .water-plant, .type-pro-water .water-plant .plant-image, .type-pro-water .plant-text .textthree", 1, {className: "+=stageThreeQuarter", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_water, .type-pro-water .water-textleft .textone, .type-pro-water .water-textleft .texttwo, .type-pro-water .water-plant, .type-pro-water .water-plant .plant-image, .type-pro-water .plant-text .textthree", 1, {className: "+=stageThreeHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_water, .type-pro-water .water-textleft .textone, .type-pro-water .water-textleft .texttwo, .type-pro-water .water-plant, .type-pro-water .water-plant .plant-image, .type-pro-water .plant-text .textthree, .type-pro-water .water-video, .type-pro-water .video-text .textfour", 1, {className: "+=stageFour", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_water, .type-pro-water .water-textleft .textone, .type-pro-water .water-textleft .texttwo, .type-pro-water .water-plant, .type-pro-water .water-plant .plant-image, .type-pro-water .plant-text .textthree, .type-pro-water .water-video, .type-pro-water .video-text .textfour", 1, {className: "+=stageFourQuarter", ease: Power2.easeOut }) )
								/*.add(  TweenMax.to("#pro_scene_water, .type-pro-water .water-textleft .textone, .type-pro-water .water-textleft .texttwo, .type-pro-water .water-plant, .type-pro-water .water-plant .plant-image, .type-pro-water .plant-text .textthree, .type-pro-water .water-video, .type-pro-water .video-text .textfour", 1, {className: "+=stageFourHalf", ease: Power2.easeOut }) )*/
								.add(  TweenMax.to(" .type-pro-water .water-video, .type-pro-water .video-text .textfour, .type-pro-water .video-text .textfive", 1, {className: "+=stageFive", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" .type-pro-water .water-video, .type-pro-water .video-text .textfour, .type-pro-water .video-text .textfive", 1, {className: "+=stageFiveQuarter", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" .type-pro-water .water-video, .type-pro-water .video-text .textfour, .type-pro-water .video-text .textfive, .type-pro-water .video-text .watertabelle", 1, {className: "+=stageFiveHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" #pro_scene_water, .type-pro-water .video-text .textfive", 1, {className: "+=stageSix", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" #pro_scene_water", 1, {className: "+=stageSixHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" #pro_scene_water", 1, {className: "+=stageSeven", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" #pro_scene_water", 1, {className: "+=stageSevenHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" #pro_scene_water", 1, {className: "+=stageEight", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" #pro_scene_water", 1, {className: "+=stageEightHalf", ease: Power2.easeOut }) )
								
								/*.add(  TweenMax.to(" .type-pro-water .plant-text .textthree, .type-pro-water .water-video, .type-pro-water .video-text .textfour, .type-pro-water .video-text .textfive, .type-pro-water .video-text .watertabelle", 1, {className: "+=stageSix", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" .type-pro-water .plant-text .textthree, .type-pro-water .water-video, .type-pro-water .video-text .textfour, .type-pro-water .video-text .textfive, .type-pro-water .video-text .watertabelle", 1, {className: "+=stageSixHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" .type-pro-water .plant-text .textthree, .type-pro-water .water-video, .type-pro-water .video-text .textfour, .type-pro-water .video-text .textfive, .type-pro-water .video-text .watertabelle, .type-pro-water .water-tabletwo", 1, {className: "+=stageSeven", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" .type-pro-water .plant-text .textthree, .type-pro-water .water-video, .type-pro-water .video-text .textfour, .type-pro-water .video-text .textfive, .type-pro-water .video-text .watertabelle, .type-pro-water .water-tabletwo", 1, {className: "+=stageSevenHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" .type-pro-water .video-text .textfive, .type-pro-water .video-text .watertabelle, .type-pro-water .water-tabletwo, .type-pro-water .water-tabletwo .textsix", 1, {className: "+=stageEight", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" .type-pro-water .video-text .textfive, .type-pro-water .video-text .watertabelle, .type-pro-water .water-tabletwo, .type-pro-water .water-tabletwo .textsix", 1, {className: "+=stageEightHalf", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" .type-pro-water .video-text .textfive, .type-pro-water .video-text .watertabelle, .type-pro-water .water-tabletwo, .type-pro-water .water-tabletwo .watertabelletwo", 1, {className: "+=stageNine", ease: Power2.easeOut }) )
								.add(  TweenMax.to(" .type-pro-water .video-text .textfive, .type-pro-water .video-text .watertabelle, .type-pro-water .water-tabletwo, .type-pro-water .water-tabletwo .watertabelletwo", 1, {className: "+=stageNineHalf", ease: Power2.easeOut }) )*/
								;			

								
								
							// scale canvas once
							// var resizedheightscale = fullheight/1080;
							// var resizedwidthscale = $(window).width() / 1920;

							
							
							
							/* canvas slide */
							// const html = document.documentElement;
							
							const fishclose_canvas = document.getElementById("fishclose-canvas");
							const context_fishclose = fishclose_canvas.getContext("2d");

							const fishclose_frameCount = 39;
							/*const currentFrame_fishclose = index => (
								`https://mediacenter.spbeu.net/lp/proupdate/img/fishclose/imgfishclose_${index.toString().padStart(4, '0')}.jpg`
							)*/
							function currentFrame_fishclose(index) {
								var numval = index.toString().padStart(4, '0');
								return 'https://mediacenter.spbeu.net/lp/proupdate/img/fishclose/imgfishclose_'+numval+'.jpg'
							}							

							// const preloadImages_fishclose = () => {
								// for (let i = 1; i < fishclose_frameCount; i++) {
									// const fishclose_img = new Image();
									// fishclose_img.src = currentFrame_fishclose(i);
								// }
							// };

							const fishclose_img = new Image()
							fishclose_img.src = currentFrame_fishclose(1);
							fishclose_canvas.width=1600;
							fishclose_canvas.height=900;
							fishclose_img.onload=function(){
								context_fishclose.clearRect(0, 0, fishclose_canvas.width, fishclose_canvas.height);
								context_fishclose.drawImage(fishclose_img, 0, 0);
							}

							/*const updateImage_fishclose = index => {
								fishclose_img.src = currentFrame_fishclose(index);
								context_fishclose.clearRect(0, 0, fishclose_canvas.width, fishclose_canvas.height);
								context_fishclose.drawImage(fishclose_img, 0, 0);
							}*/
							function updateImage_fishclose(index){
								fishclose_img.src = currentFrame_fishclose(index);
								context_fishclose.clearRect(0, 0, fishclose_canvas.width, fishclose_canvas.height);
								context_fishclose.drawImage(fishclose_img, 0, 0);
							}
							// preloadImages_fishclose();	
							
							
							
							
							const bubbles_canvas = document.getElementById("bubbles-canvas");
							const context_bubbles = bubbles_canvas.getContext("2d");

							const bubbles_frameCount = 100;
							/*const currentFrame_bubbles = index => (
								`https://mediacenter.spbeu.net/lp/proupdate/img/wasserfilm/Wasserfilm_${index.toString().padStart(4, '0')}.jpg`
							)*/
							function currentFrame_bubbles(index) {
								var numval = index.toString().padStart(4, '0');
								return 'https://mediacenter.spbeu.net/lp/proupdate/img/wasserfilm/Wasserfilm_'+numval+'.jpg'
							}	

							// const preloadImages_bubbles = () => {
								// for (let i = 1; i < bubbles_frameCount; i++) {
									// const bubbles_img = new Image();
									// bubbles_img.src = currentFrame_bubbles(i);
								// }
							// };

							const bubbles_img = new Image()
							bubbles_img.src = currentFrame_bubbles(1);
							bubbles_canvas.width=1600;
							bubbles_canvas.height=900;
							bubbles_img.onload=function(){
								context_bubbles.clearRect(0, 0, bubbles_canvas.width, bubbles_canvas.height);
								context_bubbles.drawImage(bubbles_img, 0, 0);
							}

							/*const updateImage_bubbles = index => {
								bubbles_img.src = currentFrame_bubbles(index);
								context_bubbles.clearRect(0, 0, bubbles_canvas.width, bubbles_canvas.height);
								context_bubbles.drawImage(bubbles_img, 0, 0);
							}*/
							function updateImage_bubbles(index){
								bubbles_img.src = currentFrame_bubbles(index);
								context_bubbles.clearRect(0, 0, bubbles_canvas.width, bubbles_canvas.height);
								context_bubbles.drawImage(bubbles_img, 0, 0);
							}
							// preloadImages_bubbles();								
							
							
							
							
							
							
							
							var resettable_competitive = true;
							var resettable_turbidity = true;
							
							var scene = new ScrollMagic.Scene({
									triggerElement: "#protrigger-water", 
									duration: "800%"})
											.setPin("#propin-water", {pushFollowers: true})
											.setTween(tween)
											//.addIndicators({name: "pro_scene_water"})
											.setClassToggle("body", "wateractive")
											.addTo(controller)
											.on("progress", function (e) {
											
													/*if(e.progress < 0.75 && resettable_competitive == true) {
														resettable_competitive = false;
														$(".watercomptabelle .fframe0").find(".animate").removeClass("animate").addClass("animateini");		
													}
													if(e.progress > 0.81 && resettable_competitive == false) {
														resettable_competitive = true;
														console.log("table reset");
														$(".watercomptabelle .fframe0").find(".animateini").removeClass("animate").removeClass("animateini").addClass("animate");										
													}*/
													
													
													if(e.progress <= 0.5 ) {
														resettable_turbidity = false;
														$(".turbiditytabelle").find(".animate").removeClass("animate").addClass("animateini");		
													}
													if(e.progress > 0.65 ) {
														resettable_turbidity = true;
														console.log("turbiditytabelle table reset");
														$(".turbiditytabelle").find(".animateini").removeClass("animate").removeClass("animateini").addClass("animate");										
													}
											
											
											
													var poffset_fishclose = e.progress.toFixed(5) * 3.5;
													if(poffset_fishclose < 0) { poffset_fishclose = 0; }
													if(poffset_fishclose > 1) { poffset_fishclose = 1; }		
													
													const frameIndex_fishclose = Math.min(
														fishclose_frameCount - 1,
														Math.ceil(poffset_fishclose * fishclose_frameCount)
													);
													// requestAnimationFrame(() => updateImage_fishclose(frameIndex_fishclose )) // +1													
													requestAnimationFrame(function () { updateImage_fishclose(frameIndex_fishclose); });
													// requestAnimationFrame(updateImage_fishclose(frameIndex_fishclose)) // +1													
													
													var poffset_bubbles = (e.progress.toFixed(5)-0.3) * 1.5;
													if(poffset_bubbles < 0) { poffset_bubbles = 0; }
													if(poffset_bubbles > 1) { poffset_bubbles = 1; }		
													
													const frameIndex_bubbles = Math.min(
														bubbles_frameCount - 1,
														Math.ceil(poffset_bubbles * bubbles_frameCount)
													);
													// requestAnimationFrame(() => updateImage_bubbles(frameIndex_bubbles )) // +1													
													requestAnimationFrame(function () { updateImage_bubbles(frameIndex_bubbles); });
													//requestAnimationFrame(updateImage_bubbles(frameIndex_bubbles)) // +1													
													
													


													
													// console.log("pro_scene_water progress "+e.progress.toFixed(5)+" poffset_fishclose "+poffset_fishclose + " frameIndex_fishclose "+frameIndex_fishclose +" poffset_bubbles "+poffset_bubbles + " frameIndex_bubbles "+frameIndex_bubbles);

												});
												/*.on("enter", function (event) {
													//console.log("Scene entered.");
													// $(".fframe0").find(".animateini").removeClass("animate").removeClass("animateini").addClass("animate");
													// $(".fframe0").find(".animate").removeClass("animate").removeClass("animateini").addClass("animate");
												}); */

						
						

							var images = [];
							//const preloadImages_all = () => {
							function preloadImages_all() {
								var j = 0;
								for (let i = 1; i < nutrition_frameCount; i++) {
									// const nutrition_img = new Image();
									// nutrition_img.src = currentFrame_nutrition(i);
									// console.log("preload nutrition "+currentFrame_nutrition(i));
									images[j] = new Image();
									images[j].src = currentFrame_nutrition(i);								
									j++;
								}
								for (let i = 1; i < fishclose_frameCount; i++) {
									// const fishclose_img = new Image();
									// fishclose_img.src = currentFrame_fishclose(i);
									// console.log("preload fishclose "+currentFrame_fishclose(i));
									images[j] = new Image();
									images[j].src = currentFrame_fishclose(i);								
									j++;
								}
								for (let i = 1; i < bubbles_frameCount; i++) {
									// const bubbles_img = new Image();
									// bubbles_img.src = currentFrame_bubbles(i);
									// console.log("preload bubbles "+currentFrame_bubbles(i));
									images[j] = new Image();
									images[j].src = currentFrame_bubbles(i);								
									j++;
								}								
							}
						
							preloadImages_all();
						

								

						
						
							$(".validate").val("");
						
							function countvalids(){
								//console.log("countvalids " + $(".validate.is-valid").length);
							
								if($(".validate.is-valid").length >= 3) {
									$("#contactSend").removeClass("disabled");
								}else{
									$("#contactSend").addClass("disabled");
								}
							}
							//countvalids();
						
					
							$( ".validate " ).keyup(function() {
								console.log("keyup");
								$(this).removeClass('untouched');
								$(this).addClass('touched');
								keyupblurfunc();
							});
								
							$( ".validate " ).blur(function() {
								console.log("blur");
								$(this).removeClass('untouched');
								$(this).addClass('touched');
								keyupblurfunc();
							});
							
							function keyupblurfunc(){
								$( ".validate" ).each(function() {
									var input = $(this);
								
										console.log("keyupblurfunc");
										input.removeClass('is-invalid');
										input.removeClass('is-valid');

										if (input.val() === false) {
											input.addClass('is-invalid');
										}
										else {
											input.addClass('is-valid');
										}
										countvalids();									
									
								});
							}

								
								
							window.addEventListener('load', function() {
								// fetch all the forms we want to apply custom style
								var inputs = document.getElementsByClassName('validate')

								// loop over each input and watch blur event
								var validation = Array.prototype.filter.call(inputs, function(input) {

									input.addEventListener('blur', function(event) {
										console.log("blur event");
										input.classList.remove('is-invalid')
										input.classList.remove('is-valid')

										if (input.checkValidity() === false) {
											input.classList.add('is-invalid')
										}
										else {
											input.classList.add('is-valid')
										}
										countvalids();
									}, false);
									input.addEventListener('keyup', function(event) {
										console.log("keyup event");
										input.classList.remove('is-invalid')
										input.classList.remove('is-valid')

										if (input.checkValidity() === false) {
											input.classList.add('is-invalid')
										}
										else {
											input.classList.add('is-valid')
										}
										countvalids();
									}, false);
								});
							}, false);
						
							
						
						
							// #contactSend click
							$( "#contactspecialistform" ).submit(function( event ) {
								event.preventDefault();
								if($(".validate.is-valid").length >= 3) {
					
									var formData = new FormData($('form')[0]); // form 0 ist das projektid header form
									formData.append('aktion', 'contact');
									formData.append('lang', '');
									// console.log(formData);
																	
									$.ajax({
										type: 'POST',
										data: formData,
											processData: false,  // tell jQuery not to process the data
											contentType: false,   // tell jQuery not to set contentType					
										url: 'https://mediacenter.spbeu.net/lp/proupdate/ajax.php',
										cache: false,
										success: function(result) {
										  if(result){
											$("#contactthank").show();
											$("#contactspecialistform").remove();
										  }else{
											console.log("error");
										  }
										}
									});										
									
									
									
								}
							});
							
							
							
						
							var tween = new TimelineMax()
								.add(  TweenMax.to("#pro_scene_contact,  .type-pro-contact  .contact-tablecont,  .type-pro-contact  .contacttabelle", 1, {className: "+=stageOne", ease: Power2.easeOut }) )
								.add(  TweenMax.to("#pro_scene_contact,  .type-pro-contact  .contact-tablecont,  .type-pro-contact  .contacttabelle", 1, {className: "+=stageTwo", ease: Power2.easeOut }) )
								
								;								
							var scene = new ScrollMagic.Scene({
									triggerElement: "#protrigger-contact", 
									duration: "300%"})
											.setPin("#propin-contact", {pushFollowers: true})
											.setTween(tween)
											//.addIndicators({name: "pro_scene_contact"})
											.setClassToggle("body", "contactactive")
											.addTo(controller)
											;		

						
						
						
						
							var tween = new TimelineMax()
								.add(  TweenMax.to("#pro_scene_productslist,  .type-pro-productslist  .productslist-tablecont,  .type-pro-productslist  .productslisttabelle", 1, {className: "+=stageNine", ease: Power2.easeOut }) )
								
								;								
							var scene = new ScrollMagic.Scene({
									triggerElement: "#protrigger-productslist", 
									duration: "200%"})
											.setPin("#propin-productslist", {pushFollowers: true})
											.setTween(tween)
											//.addIndicators({name: "pro_scene_productslist"})
											.setClassToggle("body", "productlistactive")
											.addTo(controller)
											;													
	} // initfu end
	//initfu();	
	setTimeout(function(){ console.log("time"); initfu(); }, 200);	
	
	
	
			
			
			
		});		
		
    };
    document.getElementsByTagName("head")[0].appendChild(script);
})();




(function() {
	
	
	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 = "@charset \"UTF-8\";html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{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:1rem;height:1rem;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:1.25rem;margin:-10px 0 0 0;padding:1px;height:1.25rem}.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:1.25rem;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:1rem;height:1rem}.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:1rem 1rem}.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}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:\"\";border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(.1,0,.25,1);transition-duration:0s}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama__caption__wrap{box-sizing:border-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(https://mediacenter.spbeu.net/lp/proupdate/assets/css/fotorama/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(https://mediacenter.spbeu.net/lp/proupdate/assets/css/fotorama/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:0 0!important}}.fotorama{min-width:1px;overflow:hidden}.fotorama:not(.fotorama--unobtrusive)>:not(:first-child){display:none}.fullscreen{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#000}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000;width:100%!important;height:100%!important;margin:0!important}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage{background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__stage__frame.fotorama__active{z-index:8}.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__img{-ms-filter:\"alpha(Opacity=0)\";opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:\"alpha(Opacity=100)\";opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full{display:none}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:1.125rem;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:\"Helvetica Neue\",Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption{display:none}.fotorama__caption__wrap{background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:\"alpha(Opacity=0)\";opacity:0}.fotorama__select{cursor:auto}.fotorama__video{top:2rem;right:0;bottom:0;left:0;position:absolute;z-index:10}@-moz-document url-prefix(){.fotorama__active{box-shadow:0 0 0 transparent}}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:2rem;height:2rem;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;opacity:.1}.fotorama__fullscreen-icon{width:2rem;height:2rem;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:2rem;height:2rem;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:2rem;height:2rem;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:\"\";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}.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:.3s;animation-duration:.3s}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.050,.855,.060);animation-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-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,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform: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,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform: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}@-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{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.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,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.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}@-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}@-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.001;-webkit-transform:scale3d(.75,.75,.75);transform:scale3d(.75,.75,.75)}50%{opacity:1}}@keyframes zoomIn{from{opacity:.001;-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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{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(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,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}header.header {background-color:#fff; z-index: 9999; position: relative;}#cookie-disturber-surrounding{position:relative;z-index:10000;} /* tet cookiebar */* {max-width:100vw; outline:none}body {	font-family: \"Roboto Condensed\", Arial, sans-serif;	background-color: #00234b;	-webkit-tap-highlight-color: #40371b;	max-width: 100%;	width: 100%;	color:#3a4449;}.ui-widget {font-family: \"Roboto Condensed\", Arial, sans-serif;}body, html {	height: 100%;	padding:0;}#RepeaterModuleList_Module_0{line-height:0;}#contentWrapper, body.dreckphone, #innerWrapper, .scrollContent, .contentSize{	/*font-size: 0;  0 meh	line-height:0;?*/	background-color:#00234b;} #contentWrapper h1,#contentWrapper  h2,#contentWrapper  h3,#contentWrapper  h4,#contentWrapper  .h1, #contentWrapper .h2, #contentWrapper .h3, #contentWrapper .h4, #contentWrapper,#contentWrapper p, #contentWrapper b, #contentWrapper strong, #contentWrapper li {color:#fff}  #contentWrapper #as_scene_benefits h1,#contentWrapper #as_scene_benefits   h2,#contentWrapper #as_scene_benefits   h3,#contentWrapper #as_scene_benefits   h4,#contentWrapper #as_scene_benefits   .h1, #contentWrapper #as_scene_benefits  .h2, #contentWrapper #as_scene_benefits  .h3, #contentWrapper #as_scene_benefits  .h4, #contentWrapper #as_scene_benefits ,#contentWrapper #as_scene_benefits  p, #contentWrapper #as_scene_benefits  b, #contentWrapper #as_scene_benefits  strong, #contentWrapper #as_scene_benefits  li {color:#333f48} #contentWrapper #as_scene_science2 h1,#contentWrapper #as_scene_science2   h2,#contentWrapper #as_scene_science2   h3,#contentWrapper #as_scene_science2   h4,#contentWrapper #as_scene_science2   .h1, #contentWrapper #as_scene_science2  .h2, #contentWrapper #as_scene_science2  .h3, #contentWrapper #as_scene_science2  .h4, #contentWrapper #as_scene_science2 ,#contentWrapper #as_scene_science2  p, #contentWrapper #as_scene_science2  b, #contentWrapper #as_scene_science2  strong, #contentWrapper #as_scene_science2  li {color:#333f48}  .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;}a, a:visited { text-decoration: none; color: #005a9a; }a:hover { text-decoration: none; }p {margin-top:0;}.container, .container-fluid, .text{ font-size: 1.125rem; line-height:1.5rem; } .nowrap {white-space: nowrap;}.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;}a, a:visited { text-decoration: none; color: #005a9a; }a:hover { text-decoration: none; }p {margin-top:0;}.uppercase {text-transform:uppercase;}.text-left {text-align:left;}.text-right {text-align:right;}.text-center {text-align:center;}.list-item {display: list-item;}.table {display:table; width:100%; height:100%;}.trow {display:table-row; width:100%; height:100%;}.tcell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } #contentWrapper { background-color:#00234b; color:#fff; min-height:100vh;}#innerWrapper {}.container, .container-fluid {    max-width: 1680px;  margin: 0 auto;  position: relative; border-left:0px solid grey; border-right:0px solid grey;}.container.med, .container-fluid.medformcont , .containerwidth {max-width:1200px; }.mx-auto {margin-left:auto; margin-right:auto;}.gradientbold strong, .gradientbold b, .gradient {  background: linear-gradient(45deg, #9b9692 0%,#9b9692 9%,#ffffff 18%,#ffffff 20%,#9b9692 26%,#ffffff 37%,#9b9692 42%,#9b9692 50%,#ffffff 55%,#ffffff 59%,#9b9692 67%,#9b9692 72%,#ffffff 80%,#9b9692 89%,#9b9692 100%);  background-size: 200% auto;  color: #fff;  background-clip: text;  text-fill-color: transparent;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  -webkit-animation: shine 10s linear infinite;          animation: shine 10s linear infinite;}.gradientgrey strong, .gradientgrey b  {  background: linear-gradient(45deg, #9b9692 0%,#9b9692 9%,#cdcdcd 18%,#cdcdcd 20%,#9b9692 26%,#cdcdcd 37%,#9b9692 42%,#9b9692 50%,#cdcdcd 55%,#cdcdcd 59%,#9b9692 67%,#9b9692 72%,#cdcdcd 80%,#9b9692 89%,#9b9692 100%);  background-size: 200% auto;  color: #fff;  background-clip: text;  text-fill-color: transparent;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  -webkit-animation: shine 10s linear infinite;          animation: shine 10s linear infinite;}@-webkit-keyframes shine {  to {    background-position: 200% center;  }}@keyframes shine {  to {    background-position: 200% center;  }}		.isie .gradientbold strong, .isie  .gradientbold b, .isie .gradient {			background-image:none;			animation:none;					}		.isie .gradientgrey strong, .isie .gradientgrey b {			background-image:none;			animation:none;		}		_:-ms-fullscreen, :root .gradientbold strong, _:-ms-fullscreen, :root  .gradientbold b, _:-ms-fullscreen, :root .gradient {			background-image:none;			animation:none;					}		_:-ms-fullscreen, :root .gradientgrey strong, _:-ms-fullscreen, :root .gradientgrey b {			background-image:none;			animation:none;		}				@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {				 .gradientbold strong,   .gradientbold b,  .gradient {					background-image:none;					animation:none;									}				 .gradientgrey strong,  .gradientgrey b {					background-image:none;					animation:none;				}		}.hidden-xs {display:block;}.visible-xs {display:none;}@media (max-width:992px){	.hidden-xs {display:none;}	.visible-xs {display:block;}	.container-fluid.fluidContent {padding:0;}	.container-fluid.fluidContent .row{margin-left:0; margin-right:0;}}16px18px20px22pxh2.headline {margin-bottom: 1.25rem;}#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:1.125rem; line-height: normal; text-align:center; transition: top 0.3s ease-in-out;}.scrolling #topJumpToOrderBar {top:0;}#topJumpToOrderBar  a.tetbtn {font-size:1.125rem; padding: 0.125rem 0.75rem;}#floatMenu { position: fixed; left: 0; top: 0; z-index: 100; display:none !important; }#floatMenu a{}#floatMenu a.active{color:#f0f;}#szene-0-animation{height:200vh;}#szene-1-animation{height:700vh;}#szene-1b-animation{height:275vh;}#szene-2-animation{height:300vh;}#szene-3-animation{height:300vh;}#szene-4-animation{height:200vh;}#szene-7-animation{height:100vh;}/*	Containers*/#contentWrapper, #innerWrapper {	height: 100%;	width: 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;}@media (max-width:720px){	/*#innerWrapper section {		margin-left: -10px;		margin-right: -10px;		width: calc(100% + 1.25rem);		max-width: calc(100% + 1.25rem);	}*/}#innerWrapper img {display: inline-block;}#innerWrapper .scrollContent{text-align: center;}.contentSize {position:relative; display:block; width:640px; margin:0 auto;}@media (max-width:720px){	.contentSize { width:100%;}}@media (min-width:960px){	.contentSize {max-width:1920px; width:100%;}	.contentSize {max-width:100%; width:100%;}	}.maxw1200 {}.maxw960 {}@media (min-width:960px){	.maxw1200 {max-width:1200px; margin-left:auto; margin-right:auto;}	.maxw960 {max-width:960px; margin-left:auto; margin-right:auto;}}#contentWrapper .container {width:100vw; width:100%;}* {max-width: 100%;}section.scene { font-size: 0; text-align: center; overflow:hidden;} 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;}.mob {display:block !important;}.desk {display:none !important;}.mob-inline {display:inline-block !important;}.desk-inline {display:none !important;}@media (min-width:960px){	.mob {display:none !important;}	.desk {display:block !important}	.mob-inline {display:none !important;}	.desk-inline {display:inline-block !important}}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;}section.scene + section.scene + section.scene + section.scene + section.scene  + section.scene  + section.scene  + section.scene {z-index:8;}section.scene + section.scene + section.scene + section.scene + section.scene  + section.scene  + section.scene  + section.scene + section.scene {z-index:9;}section.scene + section.scene + section.scene + section.scene + section.scene  + section.scene  + section.scene  + section.scene + section.scene  + section.scene {z-index:10;}.videoWrapper  { position: relative; padding-bottom: 100%; padding-top: 0; height: 0; }.videoWrapper.desk  { padding-bottom: 75.33333%; }.videoWrapper.sixteen  { padding-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, .videoWrapper .videoWrapperInner iframe { position: absolute; top: 0; left:0%;  height: 100%; overflow: visible; width: 100%; }.videoWrapper.sixteen  .videoWrapperInner video {left:0; width:100%;}.videoWrapper.sixteenhalf   .videoWrapperInner video {left:0; width:100%;}#szene-1-animation {position:relative; display:block;}#szene-1b-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;}.img-reponsive {max-width:100%;}.tcell100h { display: table-cell; height: 100vh; vertical-align: middle;}.tcell90h { display: table-cell; height: 90vh; vertical-align: middle;}.tcell80h { display: table-cell; height: 80vh; vertical-align: middle;}.tcell70h { display: table-cell; height: 70vh; vertical-align: middle;}.tcell60h { display: table-cell; height: 60vh; vertical-align: middle;}.tcell50h { display: table-cell; height: 50vh; vertical-align: middle;}.tcell40h { display: table-cell; height: 40vh; vertical-align: middle;}.tcell30h { display: table-cell; height: 30vh; vertical-align: middle;}.tcell20h { display: table-cell; height: 20vh; vertical-align: middle;}.tcell10h{ display: table-cell; height: 10vh; vertical-align: middle;}.w100vw {width:100vw;}.progradient {	background: #00234b;	background: -moz-linear-gradient(top, #00234b 0%, #00234b 10%, #003f87 31%, #003f87 55%, #00234b 75%, #00234b 100%);	background: -webkit-linear-gradient(top, #00234b 0%,#00234b 10%,#003f87 31%,#003f87 55%,#00234b 75%,#00234b 100%);	background: linear-gradient(to bottom, #00234b 0%,#00234b 10%,#003f87 31%,#003f87 55%,#00234b 75%,#00234b 100%);	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#00234b\', endColorstr=\'#00234b\',GradientType=0 );}.patentWrapOuter { width: 15%; position: absolute; right: 10%; top: 20%; }.patentWrapOuter .patentWrap  { position: relative; padding-bottom: 97.5%; padding-top: 0; height: 0; }.patentWrapOuter .patentWrap .patentWrapInner{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden; background-size: cover; background-image:url(\"https://mediacenter.spbeu.net/lp/proupdate/img/Patent-Logo_leer_s.png\"); line-height:115%;}.patentWrapOuter .patentWrap .patentWrapInner small{ display:block; font-size:12px; line-height:100%; }.patentWrapOuter .patentWrap .patentWrapInner .text{ font-weight: 300; }.patentWrapOuter .patentWrap .patentWrapInner .text strong{font-weight: 400;}@media (max-width:720px){	.patentWrapOuter {width:120px; display:none;}}.probutton, a.probutton,a.probutton:visited, input.probutton {color:#00234b; background-color:#fff; display:inline-block; padding:5px 0.9375rem; font-weight:bold; text-decoration:none; cursor:pointer; border: none; transition: background-color 0.1s ease-in, color 0.1s ease-in}.probutton:hover, a.probutton:hover,a.probutton:active,a.probutton:focus, input.probutton:hover {color:#fff; background-color:#5c656d; border: none;}.probutton.disabled, a.probutton.disabled,a.probutton.disabled:visited, input.probutton.disabled, .probutton.disabled:hover, a.probutton.disabled:hover,a.probutton.disabled:active,a.probutton.disabled:focus, input.probutton.disabled:hover {color:#00234b; background-color:#fff; opacity:0.5; cursor: not-allowed;}@media (min-width:1680px){	.probutton, a.probutton,a.probutton:visited, input.probutton { padding:10px 1.25rem; }}h1, .h1, h2, .h2, h3, .h3, p {word-wrap: break-word; white-space:normal;}/* define text sizes here! *//* headlines */.headline, .headlinesize, .h3 { font-size:2.25rem; line-height: 1.1; font-weight:400; text-transform:uppercase; white-space: normal;}.col-header-headline.headline { font-size:3rem;}/* subline in  haupt headline TetraPRO */.headline small { font-size:1.75rem; line-height: 1.2; font-weight:400; text-transform:none; display:block;}/*navigation*/#scrollUpNav .navtext, #scrollUpNavOrder .navtext {font-size:1.125rem; font-weight:400; text-transform:uppercase; }.navtext { font-size:2rem; line-height: 1.4; font-weight:400; text-transform:uppercase;}/* normaler fließtext */body, .scrollContent div , .text, .textsize, label.form-control-label, input.probutton{ font-size: 1.125rem; line-height:1.6;}/* small infotext */.turbiditytabelle .tableinfo {font-size: 0.9375rem; line-height:1.6;}/* stoerer */.patentWrapOuter .patentWrap .patentWrapInner .text{font-size: 90%; line-height: 115%; }@media (min-width:720px){	body, .scrollContent div , .text, .textsize, label.form-control-label, input.probutton{ font-size: 1.125rem; line-height:1.6;}	.headline, .headlinesize, .h3 { font-size:2.25rem;}	.col-header-headline.headline { font-size:3rem;}	.patentWrapOuter .patentWrap .patentWrapInner .text{font-size: 110%; }}@media (min-width:1200px){	/* headlines */	.headline, .headlinesize, .h3 { font-size:2.625rem; }	.col-header-headline.headline { font-size:3rem;}	/* subline in  haupt headline TetraPRO */	.headline small { font-size:2rem; }	/*navigation*/	#scrollUpNav .navtext, #scrollUpNavOrder .navtext {font-size:1.375rem; }	.navtext { font-size:1.5rem;}	/* normaler fließtext */	body, .scrollContent div , .text, .textsize, label.form-control-label, input.probutton{ font-size: 1.125rem;}	/* small infotext */	.turbiditytabelle .tableinfo {font-size: 1rem;}		/* stoerer */	.patentWrapOuter .patentWrap .patentWrapInner .text{font-size: 120%; line-height: 115%; }	}@media (min-width:1680px){	/* headlines */	.headline, .headlinesize, .h3 { font-size:2.625rem; }	.col-header-headline.headline { font-size:3rem;}	/* subline in  haupt headline TetraPRO */	.headline small { font-size:2rem; }	/*navigation*/	#scrollUpNav .navtext, #scrollUpNavOrder .navtext {font-size:1.375rem; }	.navtext { font-size:1.5rem;}	/* normaler fließtext */	body, .scrollContent div , .text, .textsize, label.form-control-label, input.probutton{ font-size: 1.125rem;}	/* small infotext */	.turbiditytabelle .tableinfo {font-size: 1rem;}		/* stoerer */	.patentWrapOuter .patentWrap .patentWrapInner .text{font-size: 140%; line-height: 115%; }		}@media (min-width:1680px){	/* headlines */	.headline, .headlinesize, .h3 { font-size:3.25rem; }	.col-header-headline.headline { font-size:3.25rem;}	/* subline in  haupt headline TetraPRO */	.headline small { font-size:2.25rem; }	/*navigation*/	#scrollUpNav .navtext, #scrollUpNavOrder .navtext {font-size:1.375rem; }	.navtext { font-size:2rem;}	/* normaler fließtext */	body, .scrollContent div , .text, .textsize, label.form-control-label, input.probutton{ font-size: 1.375rem;}	/* small infotext */	.turbiditytabelle .tableinfo {font-size: 1.125rem;}		/* stoerer */	.patentWrapOuter .patentWrap .patentWrapInner .text{font-size: 140%; line-height: 115%; }	}/* BOLD */.headline b, .headlinesize b, .headline strong, .headlinesize strong, .headline.bold{  font-weight:600;}.textbox .h3 {margin-bottom:1.25rem; margin-top: 30px;}@media (min-width:1200px){	.textbox .h3 {}}@media (min-width:1680px){	.textbox .h3 {margin-top:0px;;}}													.nutritiontabelle .tableinfo														{ font-size: 14px; line-height: 120%;}														@media (max-width:640px){														.type-lw-reason .reasontext { font-size: 1.375rem; line-height: 130%;}														}													@media (max-width:960px){														.nutritiontabelle .bar,														.nutritiontabelle .bartext, .nutritiontabelle .bartextright{font-size:1.125rem;}																												.nutritiontabelle .title {font-size:1.5rem; line-height:1.4;}														.nutritiontabelle .achsetext {font-size:1rem; line-height: 100% !important;}																											}													@media (max-width:480px){														.nutritiontabelle .bartext, .nutritiontabelle .bartextright{font-size:1rem; }													}#scrollUpNav, body.navviewactive #scrollUpNav {position: fixed; z-index: 730; display: block; top: -150px; left: 0; right: 0;  background-color:#005a9a29; color:#fff; box-shadow: 0 0 8px rgba(0,0,0,0.2); font-size:1.125rem; line-height: normal; text-align:center; transition: top 0.3s ease-in-out; padding:0;}.scrolledup #scrollUpNav {top:0;}#scrollUpNav .navtext {padding:10px; box-sizing: border-box; display:block; float:left; width: 25%;}#scrollUpNav .navtext.gradient {background:none; text-fill-color:#fff; -webkit-text-fill-color:#fff; color:#fff; animation:none;}#scrollUpNav .navtext:hover { cursor:pointer;}a.jumptarget {height:0px; display:block; width:auto; overflow:hidden;}@media (max-width:1200px){	#scrollUpNav .navtext {padding:10px;}}#scrollUpNav .navbar-toggler-icon {display:none;}@media (max-width:720px){	#scrollUpNav .navtext {display:none;}	#scrollUpNav .navbar-toggler-icon {		width: 30px;		height: 30px;		display: block;		cursor:pointer;		margin: 8px 1.25rem;		float: right;		background-size: cover;		border: 1px solid #fff;		border-radius: 2px;		vertical-align: middle;		background: no-repeat center center;		background-size: 100% 100%;				background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(255, 255, 255, 1)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E\");	}}#scrollUpNavOrder {position: fixed; z-index: 735; display: block; top: 0; left: 75%; left: 80%; right: 0;  background-color:transparent; color:#00234b; font-size:1.125rem; line-height: normal; text-align:center;  transition: opacity 0.3s ease-in-out 0.1s;  padding:0; opacity:1;}.scrolledup #scrollUpNavOrder, body.pagebottom #scrollUpNavOrder, body.productlistactive #scrollUpNavOrder, body.navviewactive #scrollUpNavOrder  {top:0px; opacity:0; transition-delay: 0.3s; }#scrollUpNavOrder .navtext {padding:10px; box-sizing: border-box; display:block; float:right; width: 100%;}#scrollUpNavOrder .navtext .navbg {background-color:#ffed00; padding:10px; transition: padding 0.2s ease-in-out;}#scrollUpNavOrder .navtext .navbg:hover { cursor:pointer; padding:10px 30px;}a.jumptarget {height:0px; display:block; width:auto; overflow:hidden;}@media (max-width:1200px){	#scrollUpNavOrder .navtext {padding:10px;}}#scrollUpNavOrder .navtext .mobname{  display:none;}@media (max-width:720px){	.scrolledup #scrollUpNavOrder, body.introactive #scrollUpNavOrder  {top:0px; opacity:0; transition-delay: 0.3s; }	#scrollUpNavOrder{ left:0; background-color:#fff; box-shadow: 0 0 8px rgba(0,0,0,0.33);}	#scrollUpNavOrder .navtext .mobname{ display:inline; color:#00234b; text-transform:none;}	}#modal_video { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #00000099; z-index: 7000; display:none;}#modal_video .inner{ padding: 60px 10%; box-sizing: border-box; }#modal_video .closemodal { color: #fff; position: absolute; right: 10%; top: 0.9375rem; } #modal_video .closemodal:hover { color: #eee; cursor:pointer; } #pro_scene_intro {height:400vh;}.type-pro-intro {background-color:#00234b;}.type-pro-intro #strahlbgCont{ position:absolute; left:0; top:0; right:0; bottom:0;  bottom: auto; min-height: 100vh; max-height:200vh;}.type-pro-intro #strahlbg{ position:absolute; left:0; top:0; right:0; bottom:-20vh; max-height:200vh;	background: no-repeat 50% 50% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/Sonnenstrahl_header.png\") transparent; background-size: 100%; 	transition: background-size 1s linear;	-moz-transition: background-size 1s linear;	-ms-transition: background-size 1s linear;	-o-transition: background-size 1s linear;	-webkit-transition: background-size 1s linear;	  	  -webkit-animation: tetkvfuanimation 5s ease infinite;			  animation: tetkvfuanimation 5s ease infinite;}.type-pro-intro .strahlbg{ }@-webkit-keyframes tetkvfuanimation 	{   0% {      background-size: 100%;   }   50% {      background-size: 65%;   }   100% {      background-size: 80%;   } } @keyframes tetkvfuanimation 			{   0% {      background-size: 80%;   }   50% {      background-size: 65%;   }   100% {      background-size: 80%;   } }   @-webkit-keyframes tetkvfuanimationmob 	{   0% {      background-size: 180%;   }   50% {      background-size: 140%;   }   100% {      background-size: 180%;   } } @keyframes tetkvfuanimationmob 			{   0% {      background-size: 180%;   }   50% {      background-size: 140%;   }   100% {      background-size: 180%;   } }@media (max-width:720px){	.type-pro-intro #strahlbg{	  		  -webkit-animation: tetkvfuanimationmob 5s ease infinite;				  animation: tetkvfuanimationmob 5s ease infinite;	}}.type-pro-intro .col-header-headline {width:100%; margin-top:60px; margin-bottom:1.25rem; font-weight:300;}.type-pro-intro .col-header-headline strong {display:block;}.type-pro-intro .col-header-kv {width:auto; padding-left:20%; padding-right:20%}/*.type-pro-intro .col-header-kv .ExtraEnergie {position: absolute; left: 52%; width: 22%; top: 44%;}*/.type-pro-intro .col-header-kv .TetraPro_key_visual_2019 {margin:1.25rem auto; max-height: 60vh;}.type-pro-intro .col-header-texts  { position:relative; top:-12vh;}.type-pro-intro .col-header-texts  .textboxtext{ padding:0 30px;}.type-pro-intro .col-header-texts .textone {position:absolute; left:0; top:60px; right:0;}.type-pro-intro .col-header-texts .texttwo {position:absolute; left:0; top:60px; right:0;}@media (max-width:720px){	.type-pro-intro .col-header-headline { margin-top:40px;}}.type-pro-intro .probutton .icoPlay,.type-pro-intro .probutton .icoPlayHov { width: 22px; vertical-align: middle; position: relative; top: -2px; }.type-pro-intro .probutton .icoPlay {display:inline !important;}.type-pro-intro .probutton .icoPlayHov {display:none !important;}.type-pro-intro .probutton:hover .icoPlay, .type-pro-intro .probutton:active .icoPlay {display:none !important;}.type-pro-intro .probutton:hover .icoPlayHov, .type-pro-intro .probutton:active .icoPlayHov {display:inline !important;} #proupdate_kv_packshots_cont {position:relative; /* left:0; top:26vh; right:0; bottom:7vh;*/ width:100%; height: 67vh; border:0px solid yellow; }#proupdate_kv_packshots_cont .ExtraEnergie {position: absolute; left: 49%; top: 44.5%; height: 12%;}#proupdate_kv_packshots_1 {position:absolute; left:50%; top:0; height:100%; width:auto; transform: translateX(-50%);}#proupdate_kv_packshots_2 {position:absolute; left:50%; top:0; height:100%; width:auto; transform: translateX(-150%);}#proupdate_kv_packshots_3 {position:absolute; left:50%; top:0; height:100%; width:auto; transform: translateX(50%);}.type-pro-intro .col-header-headline.stageTwo {transform:scale(0); opacity:0; margin-top: 1.25rem; margin-bottom: 1.25rem; font-size:0; line-height:0;}@media (max-width:720px){	.type-pro-intro .col-header-headline.stageTwo {transform:scale(1); opacity:1; margin-top: 1.25rem; margin-bottom: 1.25rem; font-size:2rem; line-height:120%;}}.type-pro-intro .col-header-texts  .textone {opacity:0; top:120px;}.type-pro-intro .col-header-texts  .texttwo {opacity:0; top:120px;}.type-pro-intro .col-header-texts  .textone.stageTwo {opacity:1; top:60px;}.type-pro-intro .col-header-texts  .textone.stageThree {opacity:0; transform:scale(0.9); transform-origin:center top;}.type-pro-intro .col-header-texts  .texttwo.stageTwoHalf {opacity:0;}.type-pro-intro .col-header-texts  .texttwo.stageThreeHalf {opacity:1; top:60px;}#proupdate_kv_packshots_cont {height:90vh;}#proupdate_kv_packshots_cont.stageTwo {height:70vh;}.type-pro-intro #strahlbgCont {}.type-pro-intro #strahlbgCont.stageTwo {}.type-pro-intro #strahlbg.stageTwo {top:-20vh; bottom:0;}@media (max-width:1680px){	#proupdate_kv_packshots_cont.stageTwo {height:55vh;}	}/*.type-pro-intro .col-header-texts .watchmovielink {margin:1.25rem auto; color:#fff; display:block; position:relative; top:0px; text-align:center; width: 100%;}*//*.type-pro-intro .col-header-texts .watchmovielink:hover { color: #eee; cursor:pointer; } */@media (max-width:720px){	.type-pro-intro .col-header-kv {width:100%; padding-left:0%; padding-right:0%}	#proupdate_kv_packshots_cont {height: 70vh}	#proupdate_kv_packshots_cont.stageTwo {height:66vh; }}#pro_scene_navigationview {height:450vh;}.type-pro-navigationview {background-color:#f00; background: no-repeat 50% 50% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/Tetra_Image_FdS_Aquarium_Feeding scene_1_2017.jpg\") transparent; background-size: cover; height:100vh;}.type-pro-navigationview .navgradient{ position:absolute; left:0; top:0; right:0; bottom:0;background: -moz-linear-gradient(top, rgba(0,35,75,0.75) 0%, rgba(0,35,75,0) 15%, rgba(0,35,75,0) 100%);background: -webkit-linear-gradient(top, rgba(0,35,75,0.75) 0%,rgba(0,35,75,0) 15%,rgba(0,35,75,0) 100%);background: linear-gradient(to bottom, rgba(0,35,75,0.75) 0%,rgba(0,35,75,0) 15%,rgba(0,35,75,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#bf00234b\', endColorstr=\'#0000234b\',GradientType=0 );}.type-pro-navigationview .navintrotext { position:absolute; left:0; top:0; right:0; bottom:0;}.type-pro-navigationview .navintrotext .tcell100h{ vertical-align: bottom; width: 100vw; }.type-pro-navigationview .navintrotext .tcell50h{ vertical-align: top; width: 100vw; height:100vh; padding-top:66vh; }.type-pro-navigationview .navintrotext .textcont{ margin-bottom:5%;  opacity:1; position:relative; padding: 0 30px;}.type-pro-navigationview .navintrotext .textcont .headline{ margin-bottom:1.25rem}.type-pro-navigationview .navintrotext .textcont p{ color:#fff;}.type-pro-navigationview .navintrotext .textcont.stageOne{ margin-bottom:0%; opacity:0;}.type-pro-navigationview .navcont {position:relative; width:25%; position:absolute; display:block; overflow:hidden;}.type-pro-navigationview .navcont.navcont-one  {left:0%;}.type-pro-navigationview .navcont.navcont-two  {left:25%;}.type-pro-navigationview .navcont.navcont-three  {left:50%;}.type-pro-navigationview .navcont.navcont-four {left:75%;}.type-pro-navigationview .navcont .inner {position:relative; display: table-cell; width:25vw; height:10vh; vertical-align: middle; z-index:4; opacity:0;}.type-pro-navigationview .navcont .inner.stageOne {height: 100vh; opacity:1 }.type-pro-navigationview .navcont .bgcont {display: block; background:red; opacity:0; position:absolute; left:0; top:0; right:0; height:10vh; z-index:2; }.type-pro-navigationview .navcont .bgcont.stageOne {opacity:0.8;height:100vh;  }.type-pro-navigationview .navcont.navcont-one .bgcont {background-color:#003e87;}.type-pro-navigationview .navcont.navcont-two .bgcont {background-color:#00234b;}.type-pro-navigationview .navcont.navcont-three .bgcont {background-color:#003e87;}.type-pro-navigationview .navcont.navcont-four .bgcont {background-color:#00234b;}.type-pro-navigationview .navcont.navcont-one .bgcont.stageOne {opacity:1;height:160vh; }.type-pro-navigationview .navcont.navcont-two .bgcont.stageOne {opacity:1;height:140vh; }.type-pro-navigationview .navcont.navcont-three .bgcont.stageOne {opacity:1;height:120vh; }.type-pro-navigationview .navcont.navcont-four .bgcont.stageOne {opacity:1;height:100vh; }.type-pro-navigationview .navcont .image {display: block; background:green; opacity:0; position:absolute; left:0; top:0; right:0; height:100%; max-height:100vh;}.type-pro-navigationview .navcont .image.stageTwo {opacity:1;  }.type-pro-navigationview .navcont.navcont-one .image {background: no-repeat 50% 50% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/nav_nutrition.jpg\") transparent; background-size: cover;}.type-pro-navigationview .navcont.navcont-two .image {background: no-repeat 50% 50% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/nav_water.jpg\") transparent; background-size: cover;}.type-pro-navigationview .navcont.navcont-three .image {background: no-repeat 50% 50% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/nav_specialist.jpg\") transparent; background-size: cover;}.type-pro-navigationview .navcont.navcont-four .image {background: no-repeat 50% 50% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/nav_order.jpg\") transparent; background-size: cover;}.type-pro-navigationview.stageThree .navcont.navcont-one .image {transition: opacity .2s ease-in-out;}.type-pro-navigationview.stageThree:hover .navcont.navcont-one .image {opacity:0;}.type-pro-navigationview.stageThree:hover .navcont.navcont-two .image {opacity:0;}.type-pro-navigationview.stageThree:hover .navcont.navcont-three .image {opacity:0;}.type-pro-navigationview.stageThree:hover .navcont.navcont-four .image {opacity:0;}.type-pro-navigationview.stageThree:hover .navcont.navcont-one .image {transition: opacity .2s ease-in-out;}.type-pro-navigationview.stageThree:hover .navcont.navcont-two .image {transition: opacity .2s ease-in-out;}.type-pro-navigationview.stageThree:hover .navcont.navcont-three .image {transition: opacity .2s ease-in-out;}.type-pro-navigationview.stageThree:hover .navcont.navcont-four .image {transition: opacity .2s ease-in-out;}.type-pro-navigationview.stageThree:hover .navcont.navcont-one:hover .image {opacity:1;}.type-pro-navigationview.stageThree:hover .navcont.navcont-two:hover .image {opacity:1;}.type-pro-navigationview.stageThree:hover .navcont.navcont-three:hover .image {opacity:1;}.type-pro-navigationview.stageThree:hover .navcont.navcont-four:hover .image {opacity:1;}.type-pro-navigationview.stageFour .navcont.navcont-one .image {opacity:0;}.type-pro-navigationview.stageFour .navcont.navcont-two .image {opacity:0;}.type-pro-navigationview.stageFour .navcont.navcont-three .image {opacity:0;}.type-pro-navigationview.stageFour .navcont.navcont-four .image {opacity:0;}  .type-pro-navigationview.stageThree .navcont.navcont-one,.type-pro-navigationview.stageThree .navcont.navcont-two,.type-pro-navigationview.stageThree .navcont.navcont-three,.type-pro-navigationview.stageThree .navcont.navcont-four {transition: left .2s ease-in-out, width .2s ease-in-out;} .type-pro-navigationview.stageThree:hover .navcont.navcont-one:hover  {left:0%; width:30%; z-index:3;}.type-pro-navigationview.stageThree:hover .navcont.navcont-two:hover  {left:20%; width:35% ;z-index:3; }.type-pro-navigationview.stageThree:hover .navcont.navcont-three:hover  {left:45%; width:35%; z-index:3;}.type-pro-navigationview.stageThree:hover .navcont.navcont-four:hover {left:70%; width:30%; z-index:3;}  .type-pro-navigationview.stageThree .navcont:hover  {z-index:10 !important;  cursor:pointer;} .type-pro-navigationview.stageThree:hover .navcont.navcont-one:hover .inner {width:25vw; padding-left:0vw; padding-right:0vw;}.type-pro-navigationview.stageThree:hover .navcont.navcont-two:hover .inner {width:35vw; padding-left:5vw; padding-right:5vw;}.type-pro-navigationview.stageThree:hover .navcont.navcont-three:hover .inner {width:35vw; padding-left:5vw; padding-right:5vw;}.type-pro-navigationview.stageThree:hover .navcont.navcont-four:hover .inner {width:30vw; left:0vw; padding-left:5vw; padding-right:0vw;}.type-pro-navigationview.stageThree .navcont.navcont-one .inner ,.type-pro-navigationview.stageThree .navcont.navcont-two .inner,.type-pro-navigationview.stageThree .navcont.navcont-three .inner,.type-pro-navigationview.stageThree .navcont.navcont-four .inner {transition: left .2s ease-in-out, width .2s ease-in-out, padding .2s ease-in-out;}.type-pro-navigationview .navtextCont {border:0px solid red; width: 200%; display: inline-block; max-width: 200%; margin-left: -50%; padding:10px 0;} /* background-color:#00234b52; */.type-pro-navigationview .navcont.navcont-one  .navtextCont, .type-pro-navigationview .navcont.navcont-three  .navtextCont { } /* background-color:#003e8752; */.type-pro-navigationview .navtext.gradient {border:0px solid yellow;}.type-pro-navigationview .navtext {color:#fff; text-shadow: 3px 3px 6px #3a4449;}@media (max-width:720px){	.type-pro-navigationview.stageFour .navcont.navcont-one .image {opacity:1;}	.type-pro-navigationview.stageFour .navcont.navcont-two .image {opacity:1;}	.type-pro-navigationview.stageFour .navcont.navcont-three .image {opacity:1;}	.type-pro-navigationview.stageFour .navcont.navcont-four .image {opacity:1;}	.type-pro-navigationview .navcont  {width:100%}	.type-pro-navigationview .navcont.navcont-one  {left:0%; top:0;}	.type-pro-navigationview .navcont.navcont-two  {left:0%; top:25vh;}	.type-pro-navigationview .navcont.navcont-three  {left:0%; top:50vh;}	.type-pro-navigationview .navcont.navcont-four {left:0%; top:75vh;}	.type-pro-navigationview .navcont .inner {width:100vw; height:25vh; }	.type-pro-navigationview .navcont .inner.stageOne {height: 25vh; opacity:1 }	.type-pro-navigationview .navcont .bgcont {left:0; top:0; right:0; height:25vh; z-index:2; width:100%;}	.type-pro-navigationview .navcont .bgcont.stageOne {height:25vh;  }			.type-pro-navigationview .navcont.navcont-one .bgcont {left:-160vw;}	.type-pro-navigationview .navcont.navcont-two .bgcont {left:-140vw;}	.type-pro-navigationview .navcont.navcont-three .bgcont {left:-120vw;}	.type-pro-navigationview .navcont.navcont-four .bgcont {left:-100vw;}	.type-pro-navigationview .navcont.navcont-one .bgcont.stageOne {opacity:1;height:25vh; top:0; left:0;}	.type-pro-navigationview .navcont.navcont-two .bgcont.stageOne {opacity:1;height:25vh; top:0; left:0;}	.type-pro-navigationview .navcont.navcont-three .bgcont.stageOne {opacity:1;height:25vh; top:0; left:0;}	.type-pro-navigationview .navcont.navcont-four .bgcont.stageOne {opacity:1;height:25vh; top:0; left:0;}			.type-pro-navigationview.stageThree:hover .navcont.navcont-one:hover  {left:0%; width:100%; z-index:3;}	.type-pro-navigationview.stageThree:hover .navcont.navcont-two:hover  {left:0%; width:100% ;z-index:3; }	.type-pro-navigationview.stageThree:hover .navcont.navcont-three:hover  {left:0%; width:100%; z-index:3;}	.type-pro-navigationview.stageThree:hover .navcont.navcont-four:hover {left:0%; width:100%; z-index:3;}			.type-pro-navigationview.stageThree:hover .navcont.navcont-one:hover .inner {width:100vw; padding-left:0vw; padding-right:0vw;}	.type-pro-navigationview.stageThree:hover .navcont.navcont-two:hover .inner {width:100vw; padding-left:0vw; padding-right:0vw;}	.type-pro-navigationview.stageThree:hover .navcont.navcont-three:hover .inner {width:100vw; padding-left:0vw; padding-right:0vw;}	.type-pro-navigationview.stageThree:hover .navcont.navcont-four:hover .inner {width:100vw; left:0vw; padding-left:0vw; padding-right:0vw;}		.type-pro-navigationview .navcont.navcont-one .image {}	.type-pro-navigationview .navcont.navcont-two .image {background-position:center bottom;}	.type-pro-navigationview .navcont.navcont-three .image {background-position:center top;}	.type-pro-navigationview .navcont.navcont-four .image {}		}#pro_scene_nutrition {height:1000vh;}.type-pro-nutrition {}.type-pro-nutrition {display:block; position:absolute; left:0; top:0; right:0; bottom:0; /*width:100vw;*/ height:100vh;}.type-pro-nutrition .viewportcont {display:block; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100vh;}.type-pro-nutrition .nutrition-imageleft {display:block; position:absolute; left:0; top:0; right:50%; bottom:0; border:0px solid red;}.type-pro-nutrition .nutrition-textright {display:block; position:absolute; left:60%; top:0; right:0; bottom:0; border:0px solid green; text-align:left;}.type-pro-nutrition .nutrition-textright .textbox .tcell100h {max-width:40vw;}.type-pro-nutrition .nutrition-textright .innerwidth{max-width:800px;}.type-pro-nutrition .nutrition-textright .textbox{ position:absolute; left:0; top:0; right:50%; right:30px; bottom:0;}.type-pro-nutrition .nutrition-textright .textbox .textboxtext{ }.type-pro-nutrition .nutrition-textright .textone{opacity:0;}.type-pro-nutrition .nutrition-textright .texttwo{opacity:0;}.type-pro-nutrition .nutrition-textright .textthree{opacity:0;}.type-pro-nutrition .nutrition-textright .textfour{opacity:0;}.type-pro-nutrition .nutrition-imageleft {text-align:right;}.type-pro-nutrition .nutrition-imageleft .nutrition-img-dose {width:auto; height:100%; margin-left:auto; margin-right:0; position:absolute; right:0; top:0; }.type-pro-nutrition .nutrition-imageleft .nutrition-img-flake {width:auto; height:100%; margin-left:auto; margin-right:0; position:absolute; right:0; top:0; opacity:0;  }.type-pro-nutrition .nutrition-imagefish {display:block; position:absolute; left:0; top:0; right:0; bottom:0; /*background: no-repeat 50% 50% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/Fischszene_Sichten_12_1-1.jpg\") transparent; background-size: cover;*/ }.type-pro-nutrition .nutrition-textfish {display:block; position:absolute; left:0; top:0; right:60%; bottom:0; border:0px solid green; text-align:left;}.type-pro-nutrition .nutrition-textfish .textbox{ position:relative;}.type-pro-nutrition .nutrition-textfish .textbox .textboxtext{ display: block; width: 80%; }.type-pro-nutrition .nutrition-textfish .innerwidth{max-width:600px; float: right; padding-left: 30px;}/*pad*/.type-pro-nutrition .nutrition-textfish .textfive{}@media (max-width:960px){	.type-pro-nutrition .nutrition-textright .textbox .tcell100h {max-width:100vw;}	.type-pro-nutrition .nutrition-textright { left:0%; }	.type-pro-nutrition .nutrition-textright .textbox {right:0;}	.type-pro-nutrition .nutrition-textfish{right:0;}}.type-pro-nutrition .nutrition-imageleft .nutrition-img-dose  {right:20vw; opacity:0;}.type-pro-nutrition .nutrition-imageleft .nutrition-img-dose.stageOne  {right:0; opacity:1;}#nutrition-canvas { position:absolute; left:50%; top:0%; border:0px solid yellow; height:900px; width:1600px; transform:translateX(-50%) scale(1); transform-origin: 50% 0%; max-width:1000vw; max-height:1000vh;}#nutrition-canvas-mobfade {display:none;}@media (max-width:720px){	#nutrition-canvas { left: 0; top: 0; transform-origin: 0% 0;}	#nutrition-canvas-mobfade {		border:0px solid yellow;		display: block;		left: 0;		top: 50vh;		right: 0;		height:12vh;		position: absolute;			background: -moz-linear-gradient(top, rgba(0,35,75,0) 0%, rgba(0,35,75,0) 1%, rgba(0,35,75,1) 90%, rgba(0,35,75,1) 100%);		background: -webkit-linear-gradient(top, rgba(0,35,75,0) 0%,rgba(0,35,75,0) 1%,rgba(0,35,75,1) 90%,rgba(0,35,75,1) 100%);		background: linear-gradient(to bottom, rgba(0,35,75,0) 0%,rgba(0,35,75,0) 1%,rgba(0,35,75,1) 90%,rgba(0,35,75,1) 100%);		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#0000234b\', endColorstr=\'#00234b\',GradientType=0 );		}			#nutrition-canvas.stageTwo {left: -10%;}	#nutrition-canvas.stageTwoQuarter {left: -15%;}	#nutrition-canvas.stageTwoHalf {left: -20%;}	#nutrition-canvas.stageThree {left: -20%;}	#nutrition-canvas.stageThreeQuarter {left: -15%;}	#nutrition-canvas.stageThreeHalf {left: 35%;}	#nutrition-canvas.stageFour {left: 40%;}	#nutrition-canvas.stageFourQuarter {left: 40%;}	#nutrition-canvas.stageFourHalf {left: 40%;}	#nutrition-canvas.stageFive {left: 28%;}	#nutrition-canvas.stageFiveQuarter {left: 14%;}	#nutrition-canvas.stageFiveHalf {left: 0%;}	#nutrition-canvas.stageSix {left: 0%;}}.type-pro-nutrition .nutrition-tablecont  .textboxtext{ padding:0 30px;}.type-pro-nutrition .nutrition-tablecont {display:block; position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; }.type-pro-nutrition .nutrition-tablecont .textsix {}.type-pro-nutrition .nutrition-tablecont .innerwidth{max-width:800px;}.type-pro-nutrition .nutrition-tablecont .textbox{ position:relative; }.type-pro-nutrition .nutrition-tablecont .textbox .textboxtext{ }@media (max-width:720px){	.type-pro-nutrition .viewportcont.progradient{background:none; background-color: #00234b;}	.type-pro-nutrition  {background:none; background-color: #00234b;}	.type-pro-nutrition .nutrition-textright  .tcell100h,	.type-pro-nutrition .nutrition-textfish  .tcell100h {height: 50vh; top: 50vh; position: relative; vertical-align:middle; padding: 0 30px}	.type-pro-nutrition .nutrition-textright .textone .textbox .h3 {margin-top:0;}	.type-pro-nutrition .nutrition-textfish .innerwidth {padding-left:0;}	.type-pro-nutrition .nutrition-textfish .textbox .textboxtext {width:100%;}}.type-pro-nutrition .nutrition-textright .textone{ top:60px;}.type-pro-nutrition .nutrition-textright .textone.stageOne{opacity:1; top:0;}.type-pro-nutrition .nutrition-textright .textone.stageOneHalf{opacity:0; top:-60px;}.type-pro-nutrition .nutrition-imageleft.stageTwo {}.type-pro-nutrition .nutrition-textright.stageTwo {}.type-pro-nutrition .nutrition-imageleft .nutrition-img-dose.stageTwo  {opacity:0;}.type-pro-nutrition .nutrition-imageleft .nutrition-img-flake  {opacity:0;     transform: scale(0.3);   transform-origin: 100% 50%;}.type-pro-nutrition .nutrition-imageleft .nutrition-img-flake.stageTwo  {opacity:1;     transform: scale(1);}.type-pro-nutrition .nutrition-imageleft .nutrition-img-flake.stageThree  {transform-origin: 100% 100%;}.type-pro-nutrition .nutrition-textright .texttwo{ top:60px;}.type-pro-nutrition .nutrition-textright .texttwo.stageTwo{opacity:1; top:0;}.type-pro-nutrition .nutrition-textright .texttwo.stageTwoHalf{opacity:0; top:-60px; }.type-pro-nutrition .nutrition-textright .textthree{ top:60px;}.type-pro-nutrition .nutrition-textright .textthree.stageThree{opacity:1; top:0;}.type-pro-nutrition .nutrition-textright .textthree.stageThreeHalf{opacity:0; top:-60px;}.type-pro-nutrition .nutrition-textright .textfour{ top:60px;}.type-pro-nutrition .nutrition-textright .textfour.stageFour{opacity:1; top:0;}.type-pro-nutrition .nutrition-textright .textfour.stageFourHalf{opacity:0; top:-60px;}.type-pro-nutrition .nutrition-imageleft.stageFive {opacity:0; transform: scale(0.3);}.type-pro-nutrition .nutrition-imagefish {opacity:0;}.type-pro-nutrition .nutrition-imagefish.stageFive {opacity:1;}.type-pro-nutrition .nutrition-textfish .textfive{opacity:0; top:60px;}.type-pro-nutrition .nutrition-textfish .textfive.stageSix{opacity:1; top:0;}.type-pro-nutrition .nutrition-textfish .textfive.stageSixHalfddddddd{opacity:0; top:-60px;}.type-pro-nutrition .nutrition-tablecont.stageSeven {opacity:1;}.type-pro-nutrition .nutrition-tablecont .textsix{opacity:0; top:60px;}.type-pro-nutrition .nutrition-tablecont .textsix.stageSevenHalf{opacity:1; top:0;}.type-pro-nutrition .nutrition-tablecont .nutritiontabelle{opacity:0;}.type-pro-nutrition .nutrition-tablecont .nutritiontabelle.stageEight{opacity:1; }/*.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {background: url(../assets/css/fotorama/fotorama@2x.png) 0 0/96px 160px no-repeat; background-color:#fff;}*/.fotorama__wrap {margin: 0 auto;}.fotorama__nav__frame.fotorama__active .fotorama__dot::after { padding: 0; top: 0; left: 0;}#nutritionfotorama .fotorama__nav--dots {overflow:visible;}#nutritionfotorama .fotorama__dot { width: 100%; height: auto; min-height: 0.9375rem; border: 0; left: 0; top: 0; font-size: 1.125rem; line-height: 1.25rem; display: inline-block; text-align: center;  }#nutritionfotorama .fotorama__dot::after{content:\"after\";}#nutritionfotorama .fotorama__nav__shaft   .fotorama__nav__frame  .fotorama__dot::after{content:\"Tab\";}#nutritionfotorama .fotorama__nav__shaft   .fotorama__nav__frame:nth-child(1n)  .fotorama__dot::after{content:\"Tab\";}#nutritionfotorama .fotorama__nav__shaft   .fotorama__nav__frame:nth-child(2n)  .fotorama__dot::after{content:\"Tab\";}#nutritionfotorama .fotorama__nav__shaft   .fotorama__nav__frame:nth-child(3n)  .fotorama__dot::after{content:\"Tab\";}#nutritionfotorama .fotorama__nav__shaft   .fotorama__nav__frame:nth-child(4n)  .fotorama__dot::after{content:\"Tab\";}#nutritionfotorama .fotorama__nav__shaft {background-color:transparent; width: 100%;}#nutritionfotorama .fotorama__nav--dots .fotorama__nav__frame { width: 100%; height: auto; min-height: 40px; color:#3e6ca2; font-size: 1.125rem; border-bottom: 5px solid #3e6ca2; display:none;}#nutritionfotorama .fotorama__nav--dots .fotorama__active {color:#fff; border-bottom: 5px solid #fff; display:block; }#nutritionfotorama .fotorama .inner{padding:40px 45px; text-align:center; color:#333;}/* @media (min-width:960px){	#nutritionfotorama .fotorama .inner{padding:40px 1.25rem; }} */@media (max-width:1680px){	#nutritionfotorama .fotorama .inner{padding-bottom:0;}}#nutritionfotorama .fotorama .inner img{max-width:100%; opacity:0.33; transition: opacity 0.1s ease-in-out; margin:0 auto;}#nutritionfotorama .fotorama .fotorama__active .inner{ color:#fff; position:relative;}#nutritionfotorama .fotorama .fotorama__active .inner img{ opacity:1;}#nutritionfotorama .fotorama p{ padding-top:1.25rem;}#nutritionfotorama .fotorama__arr--prev {left: calc(5vw + 10px);  top: calc(80vw * 0.55); background-image:none;}#nutritionfotorama .fotorama__arr--next {right: calc(5vw + 10px); top: calc(80vw * 0.55); background-image:none;}/*#nutritionfotorama .fotorama__arr--prev::before { font-family: \"Font Awesome 5 Free\"; font-weight: 900; content: \"\\f053\"; color: #ffed00; font-size: 2rem; line-height: 2rem; }*//*#nutritionfotorama .fotorama__arr--next::before { font-family: \"Font Awesome 5 Free\"; font-weight: 900; content: \"\\f054\"; color: #ffed00; font-size: 2rem; line-height: 2rem; }*/#nutritionfotorama .fotorama__arr--next { content:\"\"; width:32px; height:54px; background: no-repeat 50% 50% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/icoArr.png\") transparent; background-size: contain; }#nutritionfotorama .fotorama__arr--prev { content:\"\"; width:32px; height:54px; background: no-repeat 50% 50% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/icoArrLeft.png\") transparent; background-size: contain; }@media (min-width:960px){	#nutritionfotorama .fotorama__arr--prev::before { font-size: 56px; }	#nutritionfotorama .fotorama__arr--next::before { font-size: 56px; }}#nutritionfotorama .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr {opacity:1;}#nutritionfotorama .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr.fotorama__arr--disabled {opacity:0;}#nutritionfotorama .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);}#nutritionfotorama .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);}@media (max-width:1200px){	#nutritionfotorama .fotorama__nav--dots .fotorama__active {display: block;}	#nutritionfotorama .fotorama__nav--dots .fotorama__nav__frame { display: block; width:50%; float:left;}	#nutritionfotorama .fotorama__nav__frame {}	#nutritionfotorama .fotorama__dot {width: 50%; }}@media (min-width:1200px){	#nutritionfotorama .textContainer {padding:70px 1.25rem 30px;}	#nutritionfotorama .fotorama .inner {font-size: 1.375rem}	#nutritionfotorama .fotorama__nav--dots .fotorama__active {display: inline;}	#nutritionfotorama .fotorama__nav--dots .fotorama__nav__frame { display: inline;}		#nutritionfotorama .fotorama__nav__frame { padding:1.25rem 0;}	#nutritionfotorama .fotorama__dot {width: 50%; font-size:1.375rem; }	#nutritionfotorama .fotorama .inner {padding: 40px 40px;}	#nutritionfotorama .fotorama .inner img.desktoponly {display:block; height:auto;} 	#nutritionfotorama .fotorama__arr--prev {left: 0;  top: 33%;}	#nutritionfotorama .fotorama__arr--next {right: 0;  top: 33%;}	#nutritionfotorama .tcell100{width:100vw;}} .fotorama__arr.fotorama__arr--next {}/*.fotorama__arr {background:red; }.fotorama__arr.fotorama__arr--next{font-family: \"Font Awesome 5 Free\"; font-weight: 900; content: \"\\f053\";}*/.nutritiontabelle {margin-top: 1.25rem;}.nutritiontabelle .container{ background-color:#fff; color:#fff;background-color:#290c0e; background-size: cover; background-position: center; background-repeat:no-repeat; /*background-image: url(\"https://mediacenter.spbeu.net/lp/aquasafe/img//as_blurbg.jpg\");*//*background: rgb(51,70,43);background: -moz-linear-gradient(top, rgba(51,70,43,1) 0%, rgba(57,83,44,1) 50%, rgba(69,120,41,1) 100%);background: -webkit-linear-gradient(top, rgba(51,70,43,1) 0%,rgba(57,83,44,1) 50%,rgba(69,120,41,1) 100%);background: linear-gradient(to bottom, rgba(51,70,43,1) 0%,rgba(57,83,44,1) 50%,rgba(69,120,41,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#33462b\', endColorstr=\'#457829\',GradientType=0 );*/}.nutritiontabelle .lrpadding{padding:0 40px; position:relative; z-index:2;}@media (max-width:480px){	.nutritiontabelle .lrpadding{ padding:0 1.25rem;}}.nutritiontabelle .textOne{position:relative; padding-top:0vh; z-index: 3;}.nutritiontabelle .textOne .tcell100h {  vertical-align: top; width: 100vw; }.nutritiontabelle .title{ hyphens: none; margin-bottom:10px; margin-top:40px;}.nutritiontabelle .description{display:block; margin-bottom:40px;}.nutritiontabelle .tabledescription{color:#fff;}.nutritiontabelle .tabledescription .tabledescriptionheader{color:#fff;}.nutritiontabelle .tableinfo{color:#fff;}.nutritiontabelle .tabelleBild{width:100%; height:auto; max-width:100%; margin:0; padding:0; /*background-color:rgba(120,200,190,0.5);*/}.nutritiontabelle .tabelleBild{display:none;}.nutritiontabelle .tabelleContainer{width:100%; height:auto; max-width:100%; margin:0; padding:0; /*background-color:rgba(213,247,190,0.5);*/}@media (min-width:680px){	}@media (min-width:960px){	.nutritiontabelle .title{ margin-top:60px;}	.nutritiontabelle .tabelleContainer{}}@media (min-width:1200px){	.nutritiontabelle .tabelleContainer{width: 60%; float: left;}	.nutritiontabelle .tabelleBild{width: 40%; float: left; padding-right: 40px; box-sizing: border-box; display:block;}	}@media (min-width:1680px){	.nutritiontabelle {margin-top: 50px;}	.nutritiontabelle .tabelleContainer{width: 50%; float: left;}	.nutritiontabelle .tabelleBild{width: 50%; float: left; padding-right: 40px; box-sizing: border-box; display:block;}	}.nutritiontabelle .tabellesize{min-height:280px;    position:relative; border:0px solid red; }.nutritiontabelle .leftBorder{position:absolute; background-color:#3e6ca2; left:0; top:0; bottom:30px; width:1px;}.nutritiontabelle .middleBorder{position:absolute; background-color:#3e6ca2; left:50%; top:0; bottom:30px; width:1px;}.nutritiontabelle .redBorder{position:absolute; background-color:#3e6ca2; color:#fff; left:100%; top:0; bottom:30px; width:1px;}.nutritiontabelle .achsetext{position: absolute; left: -20px; bottom: -30px; width: 40px; height: 2rem; color:#3e6ca2;}.nutritiontabelle .legendetext{text-align:center; margin-top:0px; margin-bottom:0.9375rem; color:#fff;}.nutritiontabelle .bar{position:absolute; background-color:#002d64;background-color:#004293; color:#fff; left:0; top:0; bottom:0; width:80%; height:70px; text-align:left; overflow:hidden;}.nutritiontabelle .bar.one{background-color:#ffed00; }@media (min-width:680px){	.nutritiontabelle .bar.two{background-color:#00234b; }}.nutritiontabelle .bar.trans{background-color:transparent; color:#fff; }.nutritiontabelle .bartext.one{ color:#00234b;}.nutritiontabelle .bartext{padding-left:0.9375rem; position:absolute; color:#fff; left:0; top:0; bottom:0; width:100%; height:70px; line-height:70px; text-align:left; border:0px solid green;}.nutritiontabelle .bartextright{padding-left:5px; position:absolute; color:#fff; left:80%; top:0; bottom:0; width:20%; height:70px; line-height:70px; text-align:left; border:0px solid green;}@media (min-width:680px){	.nutritiontabelle .tabellesize{min-height:300px;}	.nutritiontabelle .legendetext{ }	.nutritiontabelle .bartextright{padding-left:0.9375rem; }	.nutritiontabelle .bar{height:70px; }	.nutritiontabelle .bartext{height:70px; line-height:70px;}	.nutritiontabelle .bartextright{ height:70px; line-height:70px;}			}.nutritiontabelle .bartextright.one{color:#fff; }.nutritiontabelle .bartextright.two{color:#002d64; }.nutritiontabelle .baroverflow{  background-color: #ffed00; width:20%; left:80%; opacity:1;}.nutritiontabelle .bar.one, .nutritiontabelle .bartext.one, .nutritiontabelle .bartextright.one {top:calc(70px * 0 + 10px + 1.25rem * 0);}.nutritiontabelle .bar.two, .nutritiontabelle .bartext.two, .nutritiontabelle .bartextright.two {top:calc(70px * 1 + 10px + 1.25rem * 1);}.nutritiontabelle .bar.three, .nutritiontabelle .bartext.three, .nutritiontabelle .bartextright.three {top:calc(70px * 2 + 10px + 1.25rem * 2);}@media (min-width:960px){	.nutritiontabelle .tabellesize{min-height:240px;}	.nutritiontabelle .bar{ height:50px; }	.nutritiontabelle .bartext, .nutritiontabelle .bartextright{ height:50px; line-height:50px;}		.nutritiontabelle .bar.one, .nutritiontabelle .bartext.one, .nutritiontabelle .bartextright.one {top:calc(50px * 0 + 10px + 1.25rem * 0);}	.nutritiontabelle .bar.two, .nutritiontabelle .bartext.two, .nutritiontabelle .bartextright.two {top:calc(50px * 1 + 10px + 1.25rem * 1);}	.nutritiontabelle .bar.three, .nutritiontabelle .bartext.three, .nutritiontabelle .bartextright.three {top:calc(50px * 2 + 10px + 1.25rem * 2);}}@media (min-width:1680px){	.nutritiontabelle .tabellesize{min-height:300px;}	.nutritiontabelle .bar{ height:70px; }	.nutritiontabelle .bartext, .nutritiontabelle .bartextright{ height:70px; line-height:70px;}		.nutritiontabelle .bar.one, .nutritiontabelle .bartext.one, .nutritiontabelle .bartextright.one {top:calc(70px * 0 + 10px + 1.25rem * 0);}	.nutritiontabelle .bar.two, .nutritiontabelle .bartext.two, .nutritiontabelle .bartextright.two {top:calc(70px * 1 + 10px + 1.25rem * 1);}	.nutritiontabelle .bar.three, .nutritiontabelle .bartext.three, .nutritiontabelle .bartextright.three {top:calc(70px * 2 + 10px + 1.25rem * 2);}}@keyframes keyonewater	{ from {width: 0;} to {width: 88%;} } @keyframes keytwowater 	{ from {width: 0;} to {width: 66%;} } @keyframes keythreewater { from {width: 0;} to {width: 100%;} } .nutritiontabelle .bar.one {width:88%;}.nutritiontabelle .bar.two {width:66%;}.nutritiontabelle .bar.three {width:100%;}.nutritiontabelle .animateini.bar.one {width:0%;}.nutritiontabelle .animateini.bar.two {width:0%;}.nutritiontabelle .animateini.bar.three {width:0%;}.nutritiontabelle .animateini.bartext.one,.nutritiontabelle .animateini.bartext.two,.nutritiontabelle .animateini.bartext.three,.nutritiontabelle .animateini.bartextright.one,.nutritiontabelle .animateini.bartextright.two,.nutritiontabelle .animateini.bartextright.three  {opacity:0;}.nutritiontabelle .animate.bar.one {width:0%;			animation: keyonewater 1s normal forwards ease-out; 		animation-delay: 0s;} 	.nutritiontabelle .animate.bar.two {width:0%;			animation: keytwowater 1s normal forwards ease-out; 		animation-delay: 0.1s;}.nutritiontabelle .animate.bar.three {width:0%;			animation: keythreewater 1s normal forwards ease-out; 		animation-delay: 0.2s;}.nutritiontabelle .animate.bartext.one {opacity:0;						animation: fadeIn 0.5s normal forwards ease-out; 	animation-delay: 0.4s;}.nutritiontabelle .animate.bartext.two {opacity:0;						animation: fadeIn 0.5s normal forwards ease-out; 	animation-delay: 0.6s;}.nutritiontabelle .animate.bartext.three {opacity:0;						animation: fadeIn 0.5s normal forwards ease-out; 	animation-delay: 0.8s;}.nutritiontabelle .animate.bartextright.one {opacity:0;						animation: fadeInLeft 0.5s normal forwards ease-out; 	animation-delay: 0.7s;}.nutritiontabelle .animate.bartextright.two {opacity:0;						animation: fadeInLeft 0.5s normal forwards ease-out; 	animation-delay: 0.9s;}.nutritiontabelle .animate.bartextright.three {opacity:0;					animation: fadeInLeft 0.5s normal forwards ease-out; 	animation-delay: 1.1s;}    /* tabelle table2 start */@keyframes keyonenutritable2	{ from {width: 0;} to {width: 100%;} } @keyframes keytwonutritable2 	{ from {width: 0;} to {width: 78%;} } @keyframes keythreenutritable2	{ from {width: 0;} to {width: 74%;} } .nutritiontabelle .table2 .animate.bar.one {width:0%;			animation: keyonenutritable2 1s normal forwards ease-out; 		animation-delay: 0s;} 	.nutritiontabelle .table2 .animate.bar.two {width:0%;			animation: keytwonutritable2 1s normal forwards ease-out; 		animation-delay: 0.1s;}.nutritiontabelle .table2 .animate.bar.three {width:0%;			animation: keythreenutritable2 1s normal forwards ease-out; 	animation-delay: 0.2s;}/* tabelle table2 ende */ /* tabelle table3 start */@keyframes keyonenutritable3	{ from {width: 0;} to {width: 100%;} } @keyframes keytwonutritable3 	{ from {width: 0;} to {width: 25.17%;} } @keyframes keythreenutritable3	{ from {width: 0;} to {width: 14.14%;} } .nutritiontabelle .table3 .animate.bar.one {width:0%;			animation: keyonenutritable3 1s normal forwards ease-out; 		animation-delay: 0s;} 	.nutritiontabelle .table3 .animate.bar.two {width:0%;			animation: keytwonutritable3 1s normal forwards ease-out; 		animation-delay: 0.1s;}.nutritiontabelle .table3 .animate.bar.three {width:0%;			animation: keythreenutritable3 1s normal forwards ease-out; 	animation-delay: 0.2s;}/* tabelle table3 ende */ /* tabelle table4 start */@keyframes keyonenutritable4	{ from {width: 0;} to {width: 100%;} } @keyframes keytwonutritable4 	{ from {width: 0;} to {width: 60.07%;} } @keyframes keythreenutritable4	{ from {width: 0;} to {width: 54.27%;} } .nutritiontabelle .table4 .animate.bar.one {width:0%;			animation: keyonenutritable4 1s normal forwards ease-out; 		animation-delay: 0s;} 	.nutritiontabelle .table4 .animate.bar.two {width:0%;			animation: keytwonutritable4 1s normal forwards ease-out; 		animation-delay: 0.1s;}.nutritiontabelle .table4 .animate.bar.three {width:0%;			animation: keythreenutritable4 1s normal forwards ease-out; 	animation-delay: 0.2s;}/* tabelle table4 ende */ @media (max-width:720px){	#nutritionfotorama {max-width:100vw;}	#nutritionfotorama .fotorama .inner {padding: 0;}	#nutritionfotorama .fotorama p {padding: 0 30px 0 1.25rem;}	#nutritionfotorama .fotorama__dot {padding-left: 1.25rem; font-size:1rem;}	.nutritiontabelle .legendetext {margin:10px 0;}	.nutritiontabelle .tabellesize {min-height: 205px; }	.nutritiontabelle .bar{ height:40px }	.nutritiontabelle .bartext{ height:40px; line-height:40px; }	.nutritiontabelle .bartextright{ height:40px; line-height:40px; }	.nutritiontabelle .bar.one, .nutritiontabelle .bartext.one, .nutritiontabelle .bartextright.one {top:calc(40px * 0 + 10px + 15px * 0);}	.nutritiontabelle .bar.two, .nutritiontabelle .bartext.two, .nutritiontabelle .bartextright.two {top:calc(40px * 1 + 10px + 15px * 1);}	.nutritiontabelle .bar.three, .nutritiontabelle .bartext.three, .nutritiontabelle .bartextright.three {top:calc(40px * 2 + 10px + 15px * 2);}		.nutritiontabelle .tabelleContainer { width: 100%; max-width: calc(100% - 70px); padding: 0 30px; }	.nutritiontabelle .tabelleBild {display:block; width:60%; margin:0 auto;}}                   #pro_scene_water {height:900vh;}#fishclose-canvas { position:absolute; left:50%; top:0%; border:0px solid yellow; height:900px; width:1600px; transform:translateX(-50%) scale(1); transform-origin: 50% 0%; max-width:1000vw; max-height:1000vh;}#bubbles-canvas { position:absolute; left:50%; top:0%; border:0px solid yellow; height:900px; width:1600px; transform:translateX(-50%) scale(1); transform-origin: 50% 0%; max-width:1000vw; max-height:1000vh;}#bubbles-canvas-col {display:block; position:absolute; left:0; top:0; right:0; bottom:0; width:100vw; height:100vh; background-color:#0611261c;background: -moz-linear-gradient(top, rgba(6,17,38,0.69) 0%, rgba(6,17,38,0.25) 66%, rgba(6,17,38,0.25) 100%);background: -webkit-linear-gradient(top, rgba(6,17,38,0.69) 0%,rgba(6,17,38,0.25) 66%,rgba(6,17,38,0.25) 100%);background: linear-gradient(to bottom, rgba(6,17,38,0.69) 0%,rgba(6,17,38,0.25) 66%,rgba(6,17,38,0.25) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#b0061126\', endColorstr=\'#40061126\',GradientType=0 );}#fishclose-canvas-mobfade {display:none;}@media (max-width:720px){	#fishclose-canvas-mobfade {		border:0px solid yellow;		display: block;		left: 0;		top: 50vh;		right: 0;		height:12vh;		position: absolute;			background: -moz-linear-gradient(top, rgba(0,35,75,0) 0%, rgba(0,35,75,0) 1%, rgba(0,35,75,1) 90%, rgba(0,35,75,1) 100%);		background: -webkit-linear-gradient(top, rgba(0,35,75,0) 0%,rgba(0,35,75,0) 1%,rgba(0,35,75,1) 90%,rgba(0,35,75,1) 100%);		background: linear-gradient(to bottom, rgba(0,35,75,0) 0%,rgba(0,35,75,0) 1%,rgba(0,35,75,1) 90%,rgba(0,35,75,1) 100%);		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#0000234b\', endColorstr=\'#00234b\',GradientType=0 );		}}.type-pro-water {}.type-pro-water {display:block; position:absolute; left:0; top:0; right:0; bottom:0; /*width:100vw;*/ height:100vh;}.type-pro-water .container{border:0px solid yellow; min-height:1.25rem;}.type-pro-water .water-textleft {display:block; position:absolute; left:0; top:0; right:auto; bottom:0; width:40%; border:0px solid green; text-align:left;}.type-pro-water .water-textleft .innerwidth{max-width:600px; }.type-pro-water .water-textleft .textbox{ position:absolute; left:0; top:0; right:0; bottom:0; padding-left:30px;}/*pad*/.type-pro-water .water-textleft .textbox .textboxtext{}.type-pro-water .water-textleft .textone{opacity:0;}.type-pro-water .water-textleft .texttwo{opacity:0;}.type-pro-water .water-imagefish {display:block; position:absolute; left:0; top:0; right:0; bottom:0; background: no-repeat 50% 50% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/Fischszene_Sichten_04_1.jpg\") transparent; background-size: cover; }.type-pro-water .water-plant {display:block; position:absolute; left:0; top:0; right:0; bottom:0; background-color:#00234b; }.type-pro-water .water-plant .plant-image {width:50%; height:100%; position:absolute; left:0; top:0; right:50%; bottom:0;  border:0px solid pink; /*background: no-repeat 100% 100% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/temp_plant_image.png\") transparent; */ background-size: contain; }.type-pro-water .water-plant .plant-text {position: relative; width: 50%; left: 50%; text-align: left;}		@media (max-width:960px){	.type-pro-water .water-textleft {width:100%;}	.type-pro-water .water-plant .plant-text { left:0%; }	.type-pro-water .water-plant .plant-text {left:0; width:auto;}}					.pflanze_svg_cont {height:100%; width:100%;}		.pflanze_svg_cont  svg{height: 100% !important; position: absolute; left: 0; top: 0; }		.pflanze_svg_cont .cls-1,		.pflanze_svg_cont .st0{fill:url(#skyGradient)}		.pflanze_svg_cont .gradient .cls-1,		.pflanze_svg_cont .gradient .st0{fill:url(#svggradientfu) #3192d0;}.type-pro-water .plant-text .textbox{ position:absolute; left:0; top:0; right:45px; bottom:0;} /*pad*/.type-pro-water .plant-text .textbox .textboxtext{ }.type-pro-water .plant-text .textthree{opacity:1;}.type-pro-water .water-video { display:block; position:absolute; left:0; top:0; right:0; bottom:0; /*background-color:#00234b;*/ background-color:#061126; opacity:0;}.type-pro-water .water-video .videoWrapperInner  {background-color:#051531;}.type-pro-water .videoWrapperOuter {   max-width: 100vw; height: 56.25vw; width: 100vw;   }.type-pro-water .videoWrapperOuter * { max-width:100vw; }.type-pro-water .video-text {display:block; position:absolute; left:0; top:0; right:0; bottom:0; opacity:1; }.type-pro-water .video-text .textfour {}.type-pro-water .video-text .innerwidth{max-width:800px;}.type-pro-water .video-text .textbox{ position:absolute; left:0; top:0; right:0; bottom:0;}.type-pro-water .video-text .textbox .textboxtext{ padding:0 30px; }.type-pro-water .video-text .textfour{  }.type-pro-water .video-text .textfive{  }/*.type-pro-water .video-text .textfour .container{ background-color:#00234b52; padding: 0.9375rem; }.type-pro-water .video-text .textfive .container{ background-color:#00234b52; padding: 0.9375rem; }*/.type-pro-water .video-text .watertabelle{  }/*.type-pro-water .water-tabletwo {display:block; position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; }.type-pro-water .water-tabletwo .textsix {}.type-pro-water .water-tabletwo .innerwidth{max-width:800px;}.type-pro-water .water-tabletwo .textbox{ position:relative; }.type-pro-water .water-tabletwo .textbox .textboxtext{ }*/.type-pro-water .water-textleft .textone{ top:60px;}.type-pro-water .water-textleft .textone.stageOne{opacity:1; top:0;}.type-pro-water .water-textleft .textone.stageOneHalf{opacity:0; top:-60px;}.type-pro-water .water-textleft .texttwo{ top:60px;}.type-pro-water .water-textleft .texttwo.stageTwo{opacity:1; top:0;}.type-pro-water .water-textleft .texttwo.stageTwoHalf{opacity:0; top:-60px;}.type-pro-water .water-plant  {opacity:0;}.type-pro-water .water-plant.stageThree  {opacity:1;}.type-pro-water .water-plant .plant-image {transform: translateX(-220px);}.type-pro-water .water-plant .plant-image.stageThree {transform: translateX(0px);}.type-pro-water .water-plant .plant-image.stageFour {opacity:0;}.type-pro-water .plant-text .textthree{ top:60px;}.type-pro-water .plant-text .textthree.stageThree{opacity:1; top:0;}.type-pro-water .plant-text .textthree.stageFour{ opacity:0; top:-60px;}/*.type-pro-water .plant-text .textthree.stageThreeHalf{ top:-60px;}*/.type-pro-water .water-video.stageFive {opacity:1;}.type-pro-water .video-text .textfour { top:60px;}.type-pro-water .video-text .textfour.stageFive {opacity:1; top:0;}.type-pro-water .video-text .textfour.stageFiveHalf { top:-60px; opacity:0;}.type-pro-water .video-text .textfive { top:60px; opacity:0;}.type-pro-water .video-text .textfive.stageSix {opacity:1; top:0;}.type-pro-water .video-text .watertabelle{ opacity:0; }.type-pro-water .video-text .watertabelle.stageFiveHalf{ opacity:1; }/*.type-pro-water .water-tabletwo{}.type-pro-water .water-tabletwo .textsix {}.type-pro-water .water-tabletwo .watertabelletwo{opacity:0;}.type-pro-water .water-tabletwo.stageEightO{opacity:1;}.type-pro-water .water-tabletwo .textsix {top:60px; opacity:0}.type-pro-water .water-tabletwo .textsix.stageEightO {top:0; opacity:1;}.type-pro-water .water-tabletwo .watertabelletwo.stageNine{opacity:1;}*/@media (max-width:720px){	.type-pro-water .plant-text .textbox{ position:absolute; left:0; top:0; right:0px; bottom:0;} 	.type-pro-water .water-textleft .textbox {padding:0;}	.type-pro-water .water-textleft   .tcell100h {height: 50vh; top: 50vh; position: relative; vertical-align:top; padding: 0 30px}	.type-pro-water .water-plant   .tcell100h {height: 50vh; top: 0vh; position: relative; vertical-align:top; padding: 0 30px}	.type-pro-water .water-plant .plant-image {width:100%; left: 0; top: 20vh; right: 0}	.type-pro-water .water-video   .tcell100h {height: 100vh; top: 0vh; position: relative; vertical-align:middle; padding: 0 30px; }	.type-pro-water .water-video   .text-center {text-align:left;}	.type-pro-water .video-text .textbox .textboxtext {padding:0;}}																																					.turbiditytabelle {margin-top: 50px; margin-left: 30px; margin-right: 30px;}@media (min-width:1680px){	.turbiditytabelle {margin-left: 0; margin-right: 0;}}.turbiditytabelle .container{ background-color:#fff; color:#fff;background-color:#290c0e; background-size: cover; background-position: center; background-repeat:no-repeat; /*background-image: url(\"https://mediacenter.spbeu.net/lp/aquasafe/img//as_blurbg.jpg\");*//*background: rgb(51,70,43);background: -moz-linear-gradient(top, rgba(51,70,43,1) 0%, rgba(57,83,44,1) 50%, rgba(69,120,41,1) 100%);background: -webkit-linear-gradient(top, rgba(51,70,43,1) 0%,rgba(57,83,44,1) 50%,rgba(69,120,41,1) 100%);background: linear-gradient(to bottom, rgba(51,70,43,1) 0%,rgba(57,83,44,1) 50%,rgba(69,120,41,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#33462b\', endColorstr=\'#457829\',GradientType=0 );*/}.turbiditytabelle .lrpadding{padding:0 40px; position:relative; z-index:2;}@media (max-width:480px){	.turbiditytabelle .lrpadding{ padding:0 1.25rem;}}.turbiditytabelle .textOne{position:relative; padding-top:0vh; z-index: 3;}.turbiditytabelle .textOne .tcell100h {  vertical-align: top; width: 100vw; }.turbiditytabelle .title{ hyphens: none; margin-bottom:10px; margin-top:40px;}.turbiditytabelle .description{display:block; margin-bottom:40px;}.turbiditytabelle .tabledescription{color:#fff;}.turbiditytabelle .tabledescription .tabledescriptionheader{color:#fff;}.turbiditytabelle .tableinfo{color:#fff;}.turbiditytabelle .tabelleBild{width:100%; height:auto; max-width:100%; margin:0; padding:0; /*background-color:rgba(120,200,190,0.5);*/}.turbiditytabelle .tabelleContainer{width:auto; height:auto; max-width:100%; margin:0 40px 40px 40px; padding:0; box-sizing: border-box;  /*background-color:rgba(213,247,190,0.5);*/}@media (min-width:680px){	}@media (min-width:960px){	.turbiditytabelle .title{ margin-top:60px;}	.turbiditytabelle .tabelleContainer{}}@media (min-width:1200px){	.turbiditytabelle .tabelleContainer{ }}@media (min-width:1680px){	.turbiditytabelle .tabelleContainer{margin:0 40px 60px 40px; }}.turbiditytabelle .tabellesize{min-height:300px;    position:relative; border:0px solid red; }.turbiditytabelle .leftBorder{position:absolute; background-color:#3e6ca2; left:0; top:0; bottom:30px; width:1px;}.turbiditytabelle .middleBorder{position:absolute; background-color:#3e6ca2; left:50%; top:0; bottom:30px; width:1px;}.turbiditytabelle .redBorder{position:absolute; background-color:#3e6ca2; color:#fff; left:100%; top:0; bottom:30px; width:1px;}.turbiditytabelle .achsetext {  position: absolute; left: -40px; bottom: -16px; width: 40px; height: 2rem; color: #fff; text-align: left;  }.turbiditytabelle .legendetext{text-align:center; margin-top:0px; margin-bottom:0.9375rem; color:#fff;}.turbiditytabelle .horborder1{position:absolute; background-color:#fff; 		left:0; bottom:0; right:0; height:1px;}.turbiditytabelle .horborder2{position:absolute; background-color:#3e6ca2; 	left:0; bottom:20%; right:0; height:1px;}.turbiditytabelle .horborder3{position:absolute; background-color:#3e6ca2; 	left:0; bottom:40%; right:0; height:1px;}.turbiditytabelle .horborder4{position:absolute; background-color:#3e6ca2; 	left:0; bottom:60%; right:0; height:1px;}.turbiditytabelle .horborder5{position:absolute; background-color:#fff; 		left:0; bottom:80%; right:0; height:1px;}.turbiditytabelle .horborder6{position:absolute; background-color:#3e6ca2; 	left:0; bottom:100%; right:0; height:1px;}.turbiditytabelle .horborder7{position:absolute; background-color:#3e6ca2; 	left:0; bottom:85.74%; right:0; height:1px;}.turbiditytabelle .horborder8{position:absolute; background-color:#3e6ca2; 	left:0; bottom:100%; right:0; height:1px;}.turbiditytabelle .bar{position:absolute; background-color:#00234b; color:#fff; left:0; bottom:0; width:16%; height:1.5rem; text-align:left; overflow:hidden;}.turbiditytabelle .bar.one{ background-color:#00234b;}.turbiditytabelle .bar.two{ background-color:#004293;}.turbiditytabelle .bar.three{ background-color:#00234b;}.turbiditytabelle .bar.four{ background-color:#004293;}.turbiditytabelle .bar.trans{background-color:transparent; color:#fff; }.turbiditytabelle .bartext{padding:0px; position:absolute; color:#fff; left:0; bottom:0; width:100%; height:1.5rem; line-height:normal; text-align:left; border:0px solid green;}.turbiditytabelle .bartext{height:60px; width:23.2%; text-align:center; bottom: -65px;}@media (max-width:960px){	.turbiditytabelle .bartext { bottom: 40px; transform: rotate(90deg); transform-origin: 100% 0%; margin-left: -35px; }}/*7,2 3,6*/.turbiditytabelle .bar.one { left:7.2%;}.turbiditytabelle .bar.two { left:30.4%;} /*7,2 + 16 + 7,2*/.turbiditytabelle .bar.three { left:53.6%;} /*7,2 + 16 + 7,2 + 16 + 7,2*/.turbiditytabelle .bar.four { left:76.8%;} /*7,2 + 16 + 7,2 + 16 + 7,2 + 16 + 7,2*/.turbiditytabelle .bartext.one { left:3.6%;}.turbiditytabelle .bartext.two { left:25%;}.turbiditytabelle .bartext.three { left:50%;} .turbiditytabelle .bartext.four { left:75%;} 	@media (min-width:960px){	.turbiditytabelle .tabellesize{min-height:240px;}}@media (min-width:1200px){	.turbiditytabelle .tabellesize{min-height:200px;}	.turbiditytabelle .bar{ height:70px; }	.turbiditytabelle .bartext{ height:60px; line-height:inherit;}		.turbiditytabelle .bar.one { left:7.2%;}	.turbiditytabelle .bar.two { left:30.4%;} /*7,2 + 16 + 7,2*/	.turbiditytabelle .bar.three { left:53.6%;} /*7,2 + 16 + 7,2 + 16 + 7,2*/	.turbiditytabelle .bar.four { left:76.8%;} /*7,2 + 16 + 7,2 + 16 + 7,2 + 16 + 7,2*/		.turbiditytabelle .bartext.one { left:3.6%;}	.turbiditytabelle .bartext.two { left:26.8%;} /*7,2 + 16 + 7,2*/	.turbiditytabelle .bartext.three { left:50%;} /*7,2 + 16 + 7,2 + 16 + 7,2*/	.turbiditytabelle .bartext.four { left:73.2%;} /*7,2 + 16 + 7,2 + 16 + 7,2 + 16 + 7,2*/}@media (min-width:1680px){	.turbiditytabelle .tabellesize{min-height:300px;}}@keyframes keyoneturbidity	{ from {height: 0;} to {height: 8.83%;} } @keyframes keytwoturbidity 	{ from {height: 0;} to {height: 12.19%;} } @keyframes keythreeturbidity { from {height: 0;} to {height: 9.72%;} } @keyframes keyfourturbidity { from {height: 0;} to {height: 10.78%;} } .turbiditytabelle .bar.one {height:8.83%;}.turbiditytabelle .bar.two {height:12.19%;}.turbiditytabelle .bar.three {height:9.72%;}.turbiditytabelle .bar.four {height:10.78%;}.turbiditytabelle .animateini.bar.one {height:0%;}.turbiditytabelle .animateini.bar.two {height:0%;}.turbiditytabelle .animateini.bar.three {height:0%;}.turbiditytabelle .animateini.bar.four {height:0%;}.turbiditytabelle .animateini.bartext.one,.turbiditytabelle .animateini.bartext.two,.turbiditytabelle .animateini.bartext.three,.turbiditytabelle .animateini.bartext.four,.turbiditytabelle .animateini.bartextright.one,.turbiditytabelle .animateini.bartextright.two,.turbiditytabelle .animateini.bartextright.three,.turbiditytabelle .animateini.bartextright.four  {opacity:0;}.turbiditytabelle .animate.bar.one {height:0%;			animation: keyoneturbidity 1s normal forwards ease-out; 		animation-delay: 0s;} 	.turbiditytabelle .animate.bar.two {height:0%;			animation: keytwoturbidity 1s normal forwards ease-out; 		animation-delay: 0.1s;}.turbiditytabelle .animate.bar.three {height:0%;			animation: keythreeturbidity 1s normal forwards ease-out; 		animation-delay: 0.2s;}.turbiditytabelle .animate.bar.four {height:0%;			animation: keyfourturbidity 1s normal forwards ease-out; 		animation-delay: 0.3s;}.turbiditytabelle .animate.bartext.one {opacity:0;						animation: fadeIn 0.5s normal forwards ease-out; 	animation-delay: 0.4s;}.turbiditytabelle .animate.bartext.two {opacity:0;						animation: fadeIn 0.5s normal forwards ease-out; 	animation-delay: 0.6s;}.turbiditytabelle .animate.bartext.three {opacity:0;						animation: fadeIn 0.5s normal forwards ease-out; 	animation-delay: 0.8s;}.turbiditytabelle .animate.bartext.four {opacity:0;						animation: fadeIn 0.5s normal forwards ease-out; 	animation-delay: 1s;}.turbiditytabelle .animate.bartextright.one {opacity:0;						animation: fadeInLeft 0.5s normal forwards ease-out; 	animation-delay: 0.7s;}.turbiditytabelle .animate.bartextright.two {opacity:0;						animation: fadeInLeft 0.5s normal forwards ease-out; 	animation-delay: 0.9s;}.turbiditytabelle .animate.bartextright.three {opacity:0;					animation: fadeInLeft 0.5s normal forwards ease-out; 	animation-delay: 1.1s;}.turbiditytabelle .animate.bartextright.four {opacity:0;						animation: fadeInLeft 0.5s normal forwards ease-out; 	animation-delay: 1.3s;}@media (max-width:720px){	.turbiditytabelle {margin: 0; }	.turbiditytabelle .tabelleContainer {margin: 0 0 10px 0;}	.turbiditytabelle .tabellesize {min-height: 50vh;}		/*.turbiditytabelle .bartext {  bottom: 40px; transform: rotate(90deg); transform-origin: 100% 0%; margin-left: -55px; height: 30px; width: 100px;  }*/	.turbiditytabelle .bartext { bottom: 40px; transform: rotate(270deg); transform-origin: 100% 0%; margin-left: -80px; height: 150px; width: 100px; }	 		.turbiditytabelle .bartext.one { left:calc(0% + 30px);}	.turbiditytabelle .bartext.two { left:calc(25% + 25px);}	.turbiditytabelle .bartext.three { left:calc(50% + 15px);} 	.turbiditytabelle .bartext.four { left:calc(75% + 15px);} 	.turbiditytabelle .tableinfo {font-size: 12px; line-height: 1.3; }	.turbiditytabelle .achsetext { left: -22px;}				/*#nutritionfotorama {max-width:100vw;}	#nutritionfotorama .fotorama .inner {padding: 0;}	#nutritionfotorama .fotorama p {padding: 0 30px 0 1.25rem;}	#nutritionfotorama .fotorama__dot {padding-left: 1.25rem; font-size:1rem;}	.nutritiontabelle .legendetext {margin:10px 0;}	.nutritiontabelle .tabellesize {min-height: 195px;}	.nutritiontabelle .bar{ height:40px }	.nutritiontabelle .bartext{ height:40px; line-height:40px; }	.nutritiontabelle .bartextright{ height:40px; line-height:40px; }	.nutritiontabelle .bar.one, .nutritiontabelle .bartext.one, .nutritiontabelle .bartextright.one {top:calc(40px * 0 + 10px + 10px * 0);}	.nutritiontabelle .bar.two, .nutritiontabelle .bartext.two, .nutritiontabelle .bartextright.two {top:calc(40px * 1 + 10px + 10px * 1);}	.nutritiontabelle .bar.three, .nutritiontabelle .bartext.three, .nutritiontabelle .bartextright.three {top:calc(40px * 2 + 10px + 10px * 2);}		.nutritiontabelle .tabelleContainer { width: 100%; max-width: calc(100% - 70px); padding: 0 30px; }*/}#watercompfotorama .fotorama__nav--dots {overflow:visible;}#watercompfotorama .fotorama__dot { width: 100%; height: auto; min-height: 0.9375rem; border: 0; left: 0; top: 0; font-size: 1.125rem; line-height: 1.25rem; display: inline-block; text-align: center;  }#watercompfotorama .fotorama__dot::after{content:\"after\";}#watercompfotorama .fotorama__nav__shaft   .fotorama__nav__frame  .fotorama__dot::after{content:\"Tab\";}#watercompfotorama .fotorama__nav__shaft   .fotorama__nav__frame:nth-child(1n)  .fotorama__dot::after{content:\"Tab\";}#watercompfotorama .fotorama__nav__shaft   .fotorama__nav__frame:nth-child(2n)  .fotorama__dot::after{content:\"Tab\";}#watercompfotorama .fotorama__nav__shaft   .fotorama__nav__frame:nth-child(3n)  .fotorama__dot::after{content:\"Tab\";}#watercompfotorama .fotorama__nav__shaft   .fotorama__nav__frame:nth-child(4n)  .fotorama__dot::after{content:\"Tab\";}#watercompfotorama .fotorama__nav__shaft {background-color:transparent; width: 100%;}#watercompfotorama .fotorama__nav--dots .fotorama__nav__frame { width: 100%; height: auto; min-height: 40px; color:#3e6ca2; font-size: 1.125rem; border-bottom: 5px solid #3e6ca2; display:none;}#watercompfotorama .fotorama__nav--dots .fotorama__active {color:#fff; border-bottom: 5px solid #fff; display:block; }#watercompfotorama .fotorama .inner{padding:40px 45px; text-align:center; color:#333;}/* @media (min-width:960px){	#watercompfotorama .fotorama .inner{padding:40px 1.25rem; }} */@media (max-width:1680px){	#watercompfotorama .fotorama .inner{padding-bottom:0;}}#watercompfotorama .fotorama .inner img{max-width:100%; opacity:0.33; transition: opacity 0.1s ease-in-out; margin:0 auto;}#watercompfotorama .fotorama .fotorama__active .inner{ color:#fff; position:relative;}#watercompfotorama .fotorama .fotorama__active .inner img{ opacity:1;}#watercompfotorama .fotorama p{ padding-top:1.25rem;}#watercompfotorama .fotorama__arr--prev {left: calc(5vw + 10px);  top: calc(80vw * 0.55); background-image:none;}#watercompfotorama .fotorama__arr--next {right: calc(5vw + 10px); top: calc(80vw * 0.55); background-image:none;}/*#watercompfotorama .fotorama__arr--prev::before { font-family: \"Font Awesome 5 Free\"; font-weight: 900; content: \"\\f053\"; color: #ffed00; font-size: 2rem; line-height: 2rem; }#watercompfotorama .fotorama__arr--next::before { font-family: \"Font Awesome 5 Free\"; font-weight: 900; content: \"\\f054\"; color: #ffed00; font-size: 2rem; line-height: 2rem; }*/#watercompfotorama .fotorama__arr--next { content:\"\"; width:32px; height:54px; background: no-repeat 50% 50% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/icoArr.png\") transparent; background-size: contain; }#watercompfotorama .fotorama__arr--prev { content:\"\"; width:32px; height:54px; background: no-repeat 50% 50% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/icoArrLeft.png\") transparent; background-size: contain; }@media (min-width:960px){	#watercompfotorama .fotorama__arr--prev::before { font-size: 56px; }	#watercompfotorama .fotorama__arr--next::before { font-size: 56px; }}#watercompfotorama .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr {opacity:1;}#watercompfotorama .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr.fotorama__arr--disabled {opacity:0;}#watercompfotorama .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);}#watercompfotorama .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);}@media (max-width:1200px){	#watercompfotorama .fotorama__nav--dots .fotorama__active {display: block;}	#watercompfotorama .fotorama__nav--dots .fotorama__nav__frame { display: block; width:50%; float:left;}	#watercompfotorama .fotorama__nav__frame {}	#watercompfotorama .fotorama__dot {width: 50%; }}@media (min-width:1200px){	#watercompfotorama .textContainer {padding:70px 1.25rem 30px;}	#watercompfotorama .fotorama .inner {font-size: 1.375rem}	#watercompfotorama .fotorama__nav--dots .fotorama__active {display: inline;}	#watercompfotorama .fotorama__nav--dots .fotorama__nav__frame { display: inline;}		#watercompfotorama .fotorama__nav__frame { padding:1.25rem 0;}	#watercompfotorama .fotorama__dot {width: 25%; font-size:1.375rem; }	#watercompfotorama .fotorama .inner {padding: 40px 40px;}	#watercompfotorama .fotorama .inner img.desktoponly {display:block; height:auto;} 	#watercompfotorama .fotorama__arr--prev {left: 0;  top: 33%;}	#watercompfotorama .fotorama__arr--next {right: 0;  top: 33%;}	#watercompfotorama .tcell100{width:100vw;}} .fotorama__arr.fotorama__arr--next {}/*.fotorama__arr {background:red; }.fotorama__arr.fotorama__arr--next{font-family: \"Font Awesome 5 Free\"; font-weight: 900; content: \"\\f053\";}*/.watercomptabelle {margin-top: 50px;}.watercomptabelle .container{ background-color:#fff; color:#fff;background-color:#290c0e; background-size: cover; background-position: center; background-repeat:no-repeat; /*background-image: url(\"https://mediacenter.spbeu.net/lp/aquasafe/img//as_blurbg.jpg\");*//*background: rgb(51,70,43);background: -moz-linear-gradient(top, rgba(51,70,43,1) 0%, rgba(57,83,44,1) 50%, rgba(69,120,41,1) 100%);background: -webkit-linear-gradient(top, rgba(51,70,43,1) 0%,rgba(57,83,44,1) 50%,rgba(69,120,41,1) 100%);background: linear-gradient(to bottom, rgba(51,70,43,1) 0%,rgba(57,83,44,1) 50%,rgba(69,120,41,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#33462b\', endColorstr=\'#457829\',GradientType=0 );*/}.watercomptabelle .lrpadding{padding:0 40px; position:relative; z-index:2;}@media (max-width:480px){	.watercomptabelle .lrpadding{ padding:0 1.25rem;}}.watercomptabelle .textOne{position:relative; padding-top:0vh; z-index: 3;}.watercomptabelle .textOne .tcell100h {  vertical-align: top; width: 100vw; }.watercomptabelle .title{ hyphens: none; margin-bottom:10px; margin-top:40px;}.watercomptabelle .description{display:block; margin-bottom:40px;}.watercomptabelle .tabledescription{color:#fff;}.watercomptabelle .tabledescription .tabledescriptionheader{color:#fff;}.watercomptabelle .tableinfo{color:#fff;}.watercomptabelle .tabelleBild{width:100%; height:auto; max-width:100%; margin:0; padding:0; /*background-color:rgba(120,200,190,0.5);*/}.watercomptabelle .tabelleBild{display:none;}.watercomptabelle .tabelleContainer{width:100%; height:auto; max-width:100%; margin:0; padding:0; /*background-color:rgba(213,247,190,0.5);*/}@media (min-width:680px){	}@media (min-width:960px){	.watercomptabelle .title{ margin-top:60px;}	.watercomptabelle .tabelleContainer{}}@media (min-width:1200px){	.watercomptabelle .tabelleContainer{width: 50%; float: left;}	.watercomptabelle .tabelleBild{width: 50%; float: left; padding-right: 40px; box-sizing: border-box; display:block;}	}.watercomptabelle .tabellesize{min-height:280px;    position:relative; border:0px solid red; }.watercomptabelle .leftBorder{position:absolute; background-color:#3e6ca2; left:0; top:0; bottom:30px; width:1px;}.watercomptabelle .middleBorder{position:absolute; background-color:#3e6ca2; left:50%; top:0; bottom:30px; width:1px;}.watercomptabelle .redBorder{position:absolute; background-color:#3e6ca2; color:#fff; left:100%; top:0; bottom:30px; width:1px;}.watercomptabelle .achsetext{position: absolute; left: -20px; bottom: -30px; width: 40px; height: 2rem; color:#3e6ca2;}.watercomptabelle .legendetext{text-align:center; margin-top:0px; margin-bottom:0.9375rem; color:#fff;}.watercomptabelle .bar{position:absolute; background-color:#002d64; color:#fff; left:0; top:0; bottom:0; width:80%; height:70px; text-align:left; overflow:hidden;}.watercomptabelle .bar.two{background-color:#00234b; color:#333; }.watercomptabelle .bar.three{background-color:#ffed00; color:#333; }.watercomptabelle .bar.trans{background-color:transparent; color:#fff; }.watercomptabelle .bartext{padding-left:0.9375rem; position:absolute; color:#fff; left:0; top:0; bottom:0; width:100%; height:70px; line-height:70px; text-align:left; border:0px solid green;}.watercomptabelle .bartext.three{ color:#00234b;}.watercomptabelle .bartextright{padding-left:5px; position:absolute; color:#fff; left:80%; top:0; bottom:0; width:20%; height:70px; line-height:70px; text-align:left; border:0px solid green;}@media (min-width:680px){	.watercomptabelle .tabellesize{min-height:300px;}	.watercomptabelle .legendetext{ }	.watercomptabelle .bartextright{padding-left:0.9375rem; }	.watercomptabelle .bar{height:70px; }	.watercomptabelle .bartext{height:70px; line-height:70px;}	.watercomptabelle .bartextright{ height:70px; line-height:70px;}			}.watercomptabelle .bartextright.two{color:#002d64; }.watercomptabelle .bartextright.three{color:#fff; }.watercomptabelle .baroverflow{  background-color: #ffed00; width:20%; left:80%; opacity:1;}.watercomptabelle .bar.one, .watercomptabelle .bartext.one, .watercomptabelle .bartextright.one {top:calc(70px * 0 + 10px + 1.25rem * 0);}.watercomptabelle .bar.two, .watercomptabelle .bartext.two, .watercomptabelle .bartextright.two {top:calc(70px * 1 + 10px + 1.25rem * 1);}.watercomptabelle .bar.three, .watercomptabelle .bartext.three, .watercomptabelle .bartextright.three {top:calc(70px * 2 + 10px + 1.25rem * 2);}@media (min-width:960px){	.watercomptabelle .tabellesize{min-height:300px;}	.watercomptabelle .bar{ height:70px; }	.watercomptabelle .bartext, .watercomptabelle .bartextright{ height:70px; line-height:70px;}		.watercomptabelle .bar.one, .watercomptabelle .bartext.one, .watercomptabelle .bartextright.one {top:calc(70px * 0 + 10px + 1.25rem * 0);}	.watercomptabelle .bar.two, .watercomptabelle .bartext.two, .watercomptabelle .bartextright.two {top:calc(70px * 1 + 10px + 1.25rem * 1);}	.watercomptabelle .bar.three, .watercomptabelle .bartext.three, .watercomptabelle .bartextright.three {top:calc(70px * 2 + 10px + 1.25rem * 2);}}@keyframes keyonewater	{ from {width: 0;} to {width: 88%;} } @keyframes keytwowater 	{ from {width: 0;} to {width: 66%;} } @keyframes keythreewater { from {width: 0;} to {width: 100%;} } .watercomptabelle .bar.one {width:88%;}.watercomptabelle .bar.two {width:66%;}.watercomptabelle .bar.three {width:100%;}.watercomptabelle .animateini.bar.one {width:0%;}.watercomptabelle .animateini.bar.two {width:0%;}.watercomptabelle .animateini.bar.three {width:0%;}.watercomptabelle .animateini.bartext.one,.watercomptabelle .animateini.bartext.two,.watercomptabelle .animateini.bartext.three,.watercomptabelle .animateini.bartextright.one,.watercomptabelle .animateini.bartextright.two,.watercomptabelle .animateini.bartextright.three  {opacity:0;}.watercomptabelle .animate.bar.one {width:0%;			animation: keyonewater 1s normal forwards ease-out; 		animation-delay: 0s;} 	.watercomptabelle .animate.bar.two {width:0%;			animation: keytwowater 1s normal forwards ease-out; 		animation-delay: 0.1s;}.watercomptabelle .animate.bar.three {width:0%;			animation: keythreewater 1s normal forwards ease-out; 		animation-delay: 0.2s;}.watercomptabelle .animate.bartext.one {opacity:0;						animation: fadeIn 0.5s normal forwards ease-out; 	animation-delay: 0.4s;}.watercomptabelle .animate.bartext.two {opacity:0;						animation: fadeIn 0.5s normal forwards ease-out; 	animation-delay: 0.6s;}.watercomptabelle .animate.bartext.three {opacity:0;						animation: fadeIn 0.5s normal forwards ease-out; 	animation-delay: 0.8s;}.watercomptabelle .animate.bartextright.one {opacity:0;						animation: fadeInLeft 0.5s normal forwards ease-out; 	animation-delay: 0.7s;}.watercomptabelle .animate.bartextright.two {opacity:0;						animation: fadeInLeft 0.5s normal forwards ease-out; 	animation-delay: 0.9s;}.watercomptabelle .animate.bartextright.three {opacity:0;					animation: fadeInLeft 0.5s normal forwards ease-out; 	animation-delay: 1.1s;}    /* tabelle table2 start */@keyframes keyonewatertable2	{ from {width: 0;} to {width: 74%;} } @keyframes keytwowatertable2 	{ from {width: 0;} to {width: 78%;} } @keyframes keythreewatertable2	{ from {width: 0;} to {width: 100%;} } .watercomptabelle .table2 .animate.bar.one {width:0%;			animation: keyonewatertable2 1s normal forwards ease-out; 		animation-delay: 0s;} 	.watercomptabelle .table2 .animate.bar.two {width:0%;			animation: keytwowatertable2 1s normal forwards ease-out; 		animation-delay: 0.1s;}.watercomptabelle .table2 .animate.bar.three {width:0%;			animation: keythreewatertable2 1s normal forwards ease-out; 	animation-delay: 0.2s;}/* tabelle table2 ende */ /* tabelle table3 start */@keyframes keyonewatertable3	{ from {width: 0;} to {width: 55%;} } @keyframes keytwowatertable3 	{ from {width: 0;} to {width: 43%;} } @keyframes keythreewatertable3	{ from {width: 0;} to {width: 100%;} } .watercomptabelle .table3 .animate.bar.one {width:0%;			animation: keyonewatertable3 1s normal forwards ease-out; 		animation-delay: 0s;} 	.watercomptabelle .table3 .animate.bar.two {width:0%;			animation: keytwowatertable3 1s normal forwards ease-out; 		animation-delay: 0.1s;}.watercomptabelle .table3 .animate.bar.three {width:0%;			animation: keythreewatertable3 1s normal forwards ease-out; 	animation-delay: 0.2s;}/* tabelle table3 ende */ /* tabelle table4 start */@keyframes keyonewatertable4	{ from {width: 0;} to {width: 39%;} } @keyframes keytwowatertable4 	{ from {width: 0;} to {width: 47%;} } @keyframes keythreewatertable4	{ from {width: 0;} to {width: 100%;} } .watercomptabelle .table4 .animate.bar.one {width:0%;			animation: keyonewatertable4 1s normal forwards ease-out; 		animation-delay: 0s;} 	.watercomptabelle .table4 .animate.bar.two {width:0%;			animation: keytwowatertable4 1s normal forwards ease-out; 		animation-delay: 0.1s;}.watercomptabelle .table4 .animate.bar.three {width:0%;			animation: keythreewatertable4 1s normal forwards ease-out; 	animation-delay: 0.2s;}/* tabelle table4 ende */#pro_scene_contact {height:200vh;}.type-pro-contact {}.type-pro-contact .viewportcont {/*width:100vw;*/ height:100vh;}.type-pro-contact .contact-image {display:block; position:absolute; left:0; top:0; right:0; bottom:0; background: no-repeat 100% 50% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/temp_contact_bg.png\") transparent; background-size: contain; }.type-pro-contact .contact-text {display:block; position:absolute; left:0; top:0; right:0; bottom:0; opacity:1; }.type-pro-contact .contact-text .textone {}.type-pro-contact .contact-text .innerwidth{max-width:800px;}.type-pro-contact .contact-text .textbox{ position:relative; }.type-pro-contact .contact-text .textbox .textboxtext{ }.type-pro-contact #contactthank{display:none;}.type-pro-contact .contactthanktext{padding:45px 0; }.type-pro-contact .probutton {padding-left:60px; padding-right:60px; }.type-pro-contact input.style.untouched, .type-pro-contact textarea.style.untouched {box-shadow:none;}.type-pro-contact .formcont{ position:relative; display:block; font-size: 0; margin-bottom:40px; margin-left: 30px; margin-right: 30px;}@media (min-width:1680px){	.type-pro-contact .formcont{  margin-left: 0; margin-right: 0;}}.type-pro-contact .formele{ position:relative; width:50%; display:block; float:left; padding: 10px; box-sizing: border-box;}.type-pro-contact label{ display:block; text-align:left;} .type-pro-contact .formmsg{ position:relative; padding: 10px; box-sizing: border-box;}.type-pro-contact input.style, .type-pro-contact textarea.style {	box-sizing: border-box;    position: relative;    width: 100%;    font-size: 1.25rem;    color: #c4c4c4;    padding: 6px 10px;    background-color: #00234ba3;    border: none;}@media (max-width:992px){	.type-pro-contact .contact-image {background-size: cover;}}.type-pro-contact .form-group {}.type-pro-contact .form-group .valid-feedback {display:none;}.type-pro-contact .form-group .invalid-feedback {display:none;}.type-pro-contact .form-group .form-control.is-invalid  ~ .invalid-feedback {display:block !important; font-size: 70%; color: red;}/*form-control validate is-invalid*/@media (max-width:720px){ 	.type-pro-contact .formcont {margin-left: 1.25rem; margin-right: 1.25rem;}	.type-pro-contact .formele{ width:100%; }}.sectionproducts{margin-top:30px;}.sectionproducts .col-singleProduct{width:25%; float:left; position: relative;}.sectionproducts .row{width:100%; height:100%; position: relative;}.sectionproducts { padding-bottom: 0; }@media (max-width:1680px) and (min-width: 992px){	.sectionproducts .container-fluid {max-width:90vw;}}.sectionproducts .productname{display:none;}.sectionproducts img.produkt{width: 50%; margin-right: 40%;}.sectionproducts img.stoerer {  max-width: 50%; position: absolute; right: 24%; top: 32%;  }.sectionproducts .description {  width: 40%; display: inline-block; position: relative; margin-top: -15vh;  z-index:5;}.sectionproducts .foodCont {  width: 45%; display: inline-block; position: relative; top: -15%; float: right; left: -5%;  }.sectionproducts .foodCont .food{  }.sectionproducts .foodCont .foodline{ position:absolute; left:-40%; top:-10%; }.sectionproducts .foodCont .linecont{ display:block; width:100%; height:100%;  }.sectionproducts.sectionproductsTwo img.produkt{width: 50%; margin-left:auto; margin-right:auto; position: relative; z-index:2;}.sectionproducts.sectionproductsTwo  .description {display:block; width:auto;}.sectionproducts.sectionproductsTwo  .description strong {color:#fff;}.sectionproducts.sectionproductsTwo img.stoerer { max-width: 50%; position: absolute; right: 0; top: 35%;top:40%; z-index:3;}.sectionproducts.sectionproductsTwo .col-singleProduct {}/* background: no-repeat center 15% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/Sonnenstrahl.png\") transparent; background-size: 80%; */.sectionproducts.sectionproductsTwo .sonnenstrahl {width:80%; margin-left:10%; position:absolute; top:8%; left:0; z-index:1;}.sectionproducts a.probutton{display:inline-block; width:60%; margin: 30px auto;}.sectionproductsPre .subline { margin:80px 0; padding:0 1.25rem;}@media (max-width:992px){	#pro_scene_productslist{background:none; background-color: #00234b;}	.type-pro-productslist .progradient{background:none; background-color: #00234b;}	.sectionproducts {background-image:none; background-color: #00234b;}	.sectionproducts .col-product { padding:5px 35px; 		background: #00234b;		background: -moz-linear-gradient(top, #00234b 0%, #003f87 20%, #00234b 60%, #00234b 100%);		background: -webkit-linear-gradient(top, #00234b 0%,#003f87 20%,#00234b 60%,#00234b 100%);		background: linear-gradient(to bottom, #00234b 0%,#003f87 20%,#00234b 60%,#00234b 100%);		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#00234b\', endColorstr=\'#00234b\',GradientType=0 );		}	.sectionproducts .productname{display:block; margin-bottom:40px; text-align:center; font-weight:bold; font-size: 1.5rem;}	.sectionproducts img.produkt { width: 20%; margin-right: 30%; float: right; position:relative; left:-10%; z-index: 2; }	.sectionproducts img.stoerer { max-width: 32%; position: absolute; right: calc(30px + 14%); top: 38%; z-index: 3; }	.sectionproducts .foodCont {display:none;}	.sectionproducts .foodCont .foodline{ display:none; }	.sectionproducts .description { width: 100%; display: block; position: relative; top: -12%; margin-bottom:10px; clear: both; text-align: center; z-index: 4; }	.foodxs { width: 35%; position: relative; left: 16%; z-index: 1; top: 5%; } 	.foodxs.visible-xs {display:inline-block;}		.sectionproducts.sectionproductsTwo  { 		background: #00234b;		background: -moz-linear-gradient(top, #00234b 0%, #00234b 5%, #003f87 15%, #003f87 28%, #00234b 43%, #00234b 50%, #00234b 55%, #003f87 65%, #003f87 78%, #00234b 93%, #00234b 100%);		background: -webkit-linear-gradient(top, #00234b 0%,#00234b 5%,#003f87 15%,#003f87 28%,#00234b 43%,#00234b 50%,#00234b 55%,#003f87 65%,#003f87 78%,#00234b 93%,#00234b 100%);		background: linear-gradient(to bottom, #00234b 0%,#00234b 5%,#003f87 15%,#003f87 28%,#00234b 43%,#00234b 50%,#00234b 55%,#003f87 65%,#003f87 78%,#00234b 93%,#00234b 100%);		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#00234b\', endColorstr=\'#00234b\',GradientType=0 );	}	.sectionproducts.sectionproductsTwo img.stoerer {top: 35%;}	.sectionproducts.sectionproductsTwo img.produkt {  width: auto; margin-right: auto; float: none; position: relative; z-index: 2; margin-left: auto; left: auto; right: auto; max-height:35vh;}	.sectionproducts.sectionproductsTwo  a.probutton {width: auto; display:block; }	.sectionproducts.sectionproductsTwo .description {    font-size: 1.125rem; line-height: normal; width: auto; display: block; margin: 0; margin-top: -10vh; margin-left: 10px; margin-right: 10px;}	.sectionproducts.sectionproductsTwo .container-fluid.fluidContent {padding-left:0px; padding-right:0px; width: 100%;}	.sectionproducts.sectionproductsTwo .col-singleProduct {width:50%;} /*background: no-repeat center 15% url(\"https://mediacenter.spbeu.net/lp/proupdate/img/Sonnenstrahl.png\") transparent; background-size: contain;*/	.sectionproducts.sectionproductsTwo .sonnenstrahl {width:100%; margin-left:0;  top:8%; }}@media (max-width:720px){	.mobmenutop {margin-top:60px !important;}}/* ################################ AB HIER RAUS ############################## *//* ################################ AB HIER RAUS ############################## *//* ################################ AB HIER RAUS ############################## *//* ################################ AB HIER RAUS ############################## *//* ################################ AB HIER RAUS ############################## *//* ################################ AB HIER RAUS ############################## *//* ################################ AB HIER RAUS ############################## *//* ################################ AB HIER RAUS ############################## *//* ################################ AB HIER RAUS ############################## *//* ################################ AB HIER RAUS ############################## *//* ################################ AB HIER RAUS ############################## */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: 1.25rem; 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;	 text-transform:uppercase; } a.tetbtn:hover, a.tetbtn:active { color: white; text-decoration: none; background-color: #123655; } a.tetbtn.white { background-color: #fff;	 color:#123655; } a.tetbtn.white:hover, a.tetbtn.white:active { color: #fff;; text-decoration: none; background-color: #123655; } @media (max-width:480px){	#nutritionfotorama .fotorama .inner {padding: 0.9375rem 0;}	#nutritionfotorama .fotorama p {padding-top:10px;}}/* tet css overwr */.type-pro-intro .col-header-headline {    font-weight: 300;    font-family: \"Roboto Condensed Light\", \"Roboto Condensed\", Arial, sans-serif;}.type-pro-intro .col-header-headline strong {    font-family: \"Roboto Condensed Bold\", \"Roboto Condensed\", Arial, sans-serif;    font-weight: normal;}.type-pro-intro .col-header-headline small {    font-family: \"Roboto Condensed\", Arial, sans-serif;    font-weight: normal;}footer #footer {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#00ffffff\', endColorstr=\'#ffffff\',GradientType=0 );}header .header-wrapper .header {background-color:#fff;}header .header-wrapper .header img {max-width:100vw;}body.scrolledup header   {opacity:0 !important; z-index:-5;}body.scrolledup header .header-wrapper   {opacity:0 !important; z-index:-5;}";

							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 mcrWidgetContent = document.createElement("div");
									links[i].parentNode.replaceChild( mcrWidgetContent, links[i] );
									mcrWidgetContent.innerHTML = html;
									

									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 */
			}
		}
		console.log("https://mediacenter.spbeu.net/lp/proupdate/getjslang.php?q="+string);
		xmlhttp.open("GET","https://mediacenter.spbeu.net/lp/proupdate/getjslang.php?q="+string,true);
		xmlhttp.send();
	}
	geturlstringfunc(mcr_url);

})();