body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .download-element{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie{background-image:url(../../assets/contao/images/iconMOVIE.svg)} .social_feed_element{overflow:visible;padding:0;width:100%}.social_feed_element.extended .inner a{display:inline;padding:0;color:#1b95e0}.social_feed_element.extended .inner a:hover{text-decoration:underline}.social_feed_element.extended .inner>figure{padding:0}.social_feed_element.extended a.more{padding:0;font-size:14px;color:#1b95e0;font-weight:700;display:block}.social_feed_element.extended a.more:hover{text-decoration:underline}.social_feed_element.extended .inner{padding:0 20px 20px}.social_feed_element.extended p:first-child{margin-top:0}.social_feed_element.extended p:last-child{margin-bottom:0}.social_feed_element .inner{background:#f2f2f2;padding:0;margin:30px 10px 10px;position:relative;word-break:break-word;border-top:5px solid #c1c1c1}.social_feed_element .inner a{padding:0 20px;display:block}.social_feed_element .inner>figure{padding:0 20px}.social_feed_element .ce_text{padding:15px 0;color:#333;margin:0}.social_feed_element .icon{position:static;text-indent:0}.social_feed_element .icon img{position:absolute;top:-20px;border-radius:100%;max-width:50px}.social_feed_element .icon .image-wrapper:not(.loaded){height:0 !important}.social_feed_element .info{margin:0;padding:10px 0 0;text-align:right;font-size:14px;color:#989898;display:flex;align-items:center;justify-content:flex-end}.social_feed_element .info img{width:15px;margin-left:10px}.social_feed_element .title{margin:10px 0;font-size:16px;font-weight:700;color:#333}.social_feed_element a{color:#333;text-decoration:none}.social_feed_element .ce_text{font-size:14px}.social_feed_element .fa{font-size:18px;padding-left:5px}.social_feed_element .image_container>a{padding:0}.social_feed_container{width:calc(100% + 30px);margin-left:-15px;font-family:sans-serif}.social_feed_container:not(.masonry){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.social_feed_container:not(.masonry).columns2 .social_feed_element{-ms-flex:0 0 50%;flex:0 0 50%}.social_feed_container:not(.masonry).columns3 .social_feed_element{-ms-flex:0 0 33%;flex:0 0 33%}.social_feed_container:not(.masonry).columns4 .social_feed_element{-ms-flex:0 0 25%;flex:0 0 25%}.social_feed_container.masonry.columns2 .social_feed_element,.social_feed_container.masonry.columns3 .social_feed_element,.social_feed_container.masonry.columns4 .social_feed_element{float:left}.social_feed_container.masonry.columns2 .social_feed_element{width:50%}.social_feed_container.masonry.columns3 .social_feed_element{width:33.33%}.social_feed_container.masonry.columns4 .social_feed_element{width:25%}@media (max-width:767px){.social_feed_container{width:100%;margin-left:0}.social_feed_container:not(.masonry).columns2 .social_feed_element,.social_feed_container:not(.masonry).columns3 .social_feed_element,.social_feed_container:not(.masonry).columns4 .social_feed_element{-ms-flex:0 0 100%;flex:0 0 100%}.social_feed_container.masonry.columns2 .social_feed_element,.social_feed_container.masonry.columns3 .social_feed_element,.social_feed_container.masonry.columns4 .social_feed_element{float:none;width:100%}} /*! * mega menu layout * optimiced for Contao Official Demo Theme */.mod_navigation.dropdown{overflow:visible}.mod_navigation li.mm_container>a,.mod_navigation li.mm_container>span{position:relative}.mod_navigation li.mm_container:hover>a:after,.mod_navigation li.mm_container:hover>span:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background-color:#F4F2F0;z-index:110}.mod_navigation li.mm_container .mm_dropdown{display:none;position:absolute;left:0;right:0;z-index:100}.mod_navigation li.mm_container .mm_dropdown>.inner{padding:1rem 2rem;border:1px solid #E5DFDC;background-color:rgba(244, 242, 240, 0.95);overflow:hidden}.mod_navigation li.mm_container:hover .mm_dropdown{display:block}.mod_navigation .mm_dropdown{} .mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;background:0 0;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc string{color:#fff}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}} @charset "UTF-8"; .contao-cookiebar { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; font-size: 0; letter-spacing: 0; text-align: center; padding: 15px; max-height: 100vh; box-sizing: border-box; pointer-events: none; overflow: hidden; } .contao-cookiebar * { box-sizing: border-box; } .contao-cookiebar:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .contao-cookiebar .cc-inner { display: inline-block; overflow-y: auto; max-height: 100%; max-width: 100%; opacity: 0; pointer-events: none; visibility: hidden; font-size: 1rem; text-align: left; } .contao-cookiebar.cc-top .cc-inner { vertical-align: top; } .contao-cookiebar.cc-top.cc-active .cc-inner { animation: cookiebar-top-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-top.cc-saved .cc-inner { animation: cookiebar-top-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-bottom .cc-inner { vertical-align: bottom; } .contao-cookiebar.cc-bottom.cc-active .cc-inner { animation: cookiebar-bottom-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-bottom.cc-saved .cc-inner { animation: cookiebar-bottom-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-middle .cc-inner { vertical-align: middle; } .contao-cookiebar.cc-middle.cc-active .cc-inner { animation: cookiebar-middle-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-middle.cc-saved .cc-inner { animation: cookiebar-middle-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-left { text-align: left; } .contao-cookiebar.cc-right { text-align: right; } .contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child { margin-top: 0; } .contao-cookiebar .cc-head p { margin-bottom: 15px; } .contao-cookiebar .cc-btn { display: inline-block; cursor: pointer; width: 100%; padding: 8px 14px; margin-bottom: 8px; font-size: 15px; outline: 0 none; border: 1px solid #cfcfcf; border-radius: 4px; color: #444; background: #f5f5f5; } .contao-cookiebar .cc-btn:hover { background: #ececec; } .contao-cookiebar .cc-btn:last-child { margin-bottom: 0; } .contao-cookiebar .grayscale .cc-btn { background: #f1efef; } .contao-cookiebar .grayscale .cc-btn:hover { background: #ececec; } .contao-cookiebar .grayscale .cc-btn.success { background: #fbfbfb; } .contao-cookiebar .grayscale .cc-btn.success:hover { background: #f7f7f7; } .contao-cookiebar .highlight .cc-btn.success { background: #4e9e3e; border-color: #3e7830; color: #fff; } .contao-cookiebar .highlight .cc-btn.success:hover { background: #4c933f; } .contao-cookiebar label { position: relative; display: block; padding: 8px 13px 8px 0; line-height: 1.2rem; } .contao-cookiebar label.group { font-weight: 600; } .contao-cookiebar input { position: absolute; width: 1px; height: 1px; outline: 0 none; opacity: 0; } .contao-cookiebar input + label { padding: 8px 13px 8px 50px; cursor: pointer; } .contao-cookiebar input + label:before { content: ''; position: absolute; top: 6px; left: 0; width: 35px; height: 18px; margin: 0; box-sizing: content-box; border-radius: 10px; background: #fff; border: 2px solid #9c9b99; transition: border-color .2s; } .contao-cookiebar input + label:after { display: block; content: ''; position: absolute; top: 10px; left: 4px; width: 14px; height: 14px; border-radius: 10px; background: #9c9b99; transition: background .2s, margin-left .2s, padding .2s; } .contao-cookiebar input + label:active:after { padding-left: 5px; } .contao-cookiebar input.cc-group-half + label:after { background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%); } .contao-cookiebar input:checked + label:after { background: #399d32; margin-left: 17px; } .contao-cookiebar input:checked + label:active:after { margin-left: 12px; } .contao-cookiebar input:checked + label:before { background: #dcf3db; border-color: #399d32; } .contao-cookiebar input:disabled + label { pointer-events: none; } .contao-cookiebar input:disabled + label:after { background: #c8c7c5; } .contao-cookiebar input:disabled + label:before { background: #f4f4f4; border-color: #c8c7c5; } .contao-cookiebar.cc-active .cc-inner { opacity: 1; pointer-events: auto; visibility: visible; } .contao-cookiebar.cc-active.cc-blocked { pointer-events: auto; animation: cookiebar-overlay-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-saved.cc-inner { opacity: 0; pointer-events: none; visibility: hidden; } .contao-cookiebar.cc-saved.cc-blocked { pointer-events: none; animation: cookiebar-overlay-out 0.5s ease-in-out forwards; } @media (min-width: 768px) { .contao-cookiebar .cc-btn { width: auto; margin-bottom: 0; } .contao-cookiebar .cc-inner { max-width: 750px; } } @keyframes cookiebar-overlay-in { 0% { background: rgba(0, 0, 0, 0); } 100% { background: rgba(0, 0, 0, 0.75); } } @keyframes cookiebar-overlay-out { 0% { background: rgba(0, 0, 0, 0.75); } 100% { background: rgba(0, 0, 0, 0); visibility: hidden; } } @keyframes cookiebar-top-in { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes cookiebar-top-out { 0% { opacity: 1; visibility: visible; transform: translateY(0); } 100% { opacity: 0; visibility: hidden; transform: translateY(-100%); } } @keyframes cookiebar-middle-in { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @keyframes cookiebar-middle-out { 0% { opacity: 1; visibility: visible; transform: scale(1); } 100% { opacity: 0; visibility: hidden; transform: scale(0); } } @keyframes cookiebar-bottom-in { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes cookiebar-bottom-out { 0% { opacity: 1; visibility: visible; transform: translateY(0); } 100% { opacity: 0; visibility: hidden; transform: translateY(100%); } } .cookiebar_default { color: #444444; } .cookiebar_default p { color: #868686; line-height: 1.4; } .cookiebar_default .cc-inner { padding: 25px; border-radius: 5px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); background: #fff; } .cookiebar_default .cc-group { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; position: relative; border: 1px solid #d0d0d0; border-radius: 5px; margin-bottom: 10px; } .cookiebar_default .cc-group > label { flex-grow: 1; margin: 5px 0 5px 10px; } .cookiebar_default .cc-group .cc-detail-btn { border: 0 none; outline: 0 none; background: transparent; font-size: 13px; letter-spacing: 0; text-transform: initial; cursor: pointer; color: #a2a2a2; padding: 8px 10px; line-height: 1.2rem; } .cookiebar_default .cc-group .cc-detail-btn span:nth-child(2) { display: none; } .cookiebar_default .cc-group .cc-detail-btn.cc-active span:nth-child(1) { display: none; } .cookiebar_default .cc-group .cc-detail-btn.cc-active span:nth-child(2) { display: inline; } .cookiebar_default .cc-group .cc-detail-btn:hover { color: #717171; } .cookiebar_default .cc-group .cc-detail-btn-details { display: inline-block; border: 0 none; outline: 0 none; background: transparent; font-size: 13px; letter-spacing: 0; text-transform: initial; cursor: pointer; color: #a2a2a2; text-decoration: underline; padding: 0; margin: 0 0 10px; } .cookiebar_default .cc-group .cc-detail-btn-details span:nth-child(2) { display: none; } .cookiebar_default .cc-group .cc-detail-btn-details.cc-active span:nth-child(1) { display: none; } .cookiebar_default .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) { display: inline; } .cookiebar_default .cc-group .cc-detail-btn-details:hover { color: #717171; } .cookiebar_default .cc-cookies { display: none; width: 100%; background: #fbfbfb; border-radius: 0 0 5px 5px; } .cookiebar_default .cc-cookies > p { font-size: 0.875rem; } .cookiebar_default .cc-cookies > p, .cookiebar_default .cc-cookies > .cc-cookie { margin: 0; padding: 15px; border-top: 1px solid #e6e6e6; } .cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info { font-size: 0.875rem; background: #fff; padding: 10px; border-radius: 5px; border: 1px solid #efefef; } .cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info > div > span { font-weight: 600; } .cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info > div + div { margin-top: 5px; } .cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details { margin-top: 15px; } .cookiebar_default .cc-cookies .cc-cookie .cc-cookie-desc > p { margin-bottom: 0; } .cookiebar_default .cc-cookies .cc-cookie label.cookie + p, .cookiebar_default .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .cookiebar_default .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details { margin-top: 10px; } .cookiebar_default .cc-cookies .cc-cookie p { margin: 0 0 15px; font-size: 0.875rem; } .cookiebar_default .cc-footer, .cookiebar_default .cc-info { text-align: center; } .cookiebar_default .cc-info { margin-top: 15px; } .cookiebar_default .cc-info > p { font-size: 0.875rem; } .cookiebar_default .cc-info > a { display: inline-block; font-size: 0.813rem; color: #a2a2a2; text-decoration: none; } .cookiebar_default .cc-info > a:hover { color: #717171; } .cookiebar_default .cc-info > a + a:before { display: inline-block; content: '·'; margin-right: 5px; } /* ESSENTIAL STYLES */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu { float: left; margin-bottom: 1em; } .sf-menu ul { box-shadow: 2px 2px 6px rgba(0,0,0,.2); min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ } .sf-menu a, .sf-menu span.active { border-left: 1px solid #fff; border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */ border-top: 1px solid rgba(255,255,255,.5); padding: .75em 1em; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu a { color: #13a; } .sf-menu li { background: #BDD2FF; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ -webkit-transition: background .2s; transition: background .2s; } .sf-menu li.active span.active { display: block; } .sf-menu ul li { background: #AABDE6; } .sf-menu ul ul li { background: #9AAEDB; } .sf-menu li:hover, .sf-menu li.sfHover { background: #CFDEFF; /* only transition out, not in */ -webkit-transition: none; transition: none; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } @font-face { font-family: 'AmsiProNarrowLight'; font-style: normal; font-weight: 400; src: local('AmsiProNarrowLight'), local('AmsiProNarrowLight'), url('../../files/fonts/AmsiProNarrowLight/font.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/AmsiProNarrowLight/font.woff') format('woff'): /* Modern Browsers */ } @font-face { font-family: "AmsiProNarrow-SemiBold"; src: url('../../files/fonts/AmsiProNarrowSemiBold/font.woff2') format('woff2'), url('../../files/fonts/AmsiProNarrowSemiBold/font.woff') format('woff'); } @font-face { font-family: 'AmsiProNarrowBlack'; font-style: normal; font-weight: 400; src: local('AmsiProNarrowBlack'), local('AmsiProNarrowBlack'), url('../../files/fonts/AmsiProNarrowBlack/font.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/AmsiProNarrowBlack/font.woff') format('woff'); /* Modern Browsers */ } @font-face { font-family: 'AmsiProCondensedUltra'; font-style: normal; font-weight: 400; src: url('../../files/fonts/AmsiProCondensedUltra/font.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/AmsiProCondensedUltra/font.woff') format('woff'); /* Modern Browsers */ } @font-face { font-family: 'AmsiProNarrow-Regular'; font-style: normal; font-weight: 400; src: local('AmsiProNarrowRegular'), local('AmsiProNarrowRegular'), url('../../files/fonts/AmsiProNarrowRegular/font.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/AmsiProNarrowRegular/font.woff') format('woff'); /* Modern Browsers */ } @font-face { font-family: 'AmsiProCondensedBlack'; font-style: normal; font-weight: 400; src: url('../../files/fonts/AmsiProCondensedBlack/font.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/fonts/AmsiProCondensedBlack/font.woff') format('woff'); /* Modern Browsers */ } .fontDef_Headline_h1, h1 { font-family:"AmsiProCondensedUltra", sans-serif; font-size: 70px; line-height: 80px; text-transform: uppercase; color: #222222; padding-bottom: 0px; margin-bottom: 10px !important; font-weight: 400; } .fontDef_Headline_h2, h2 { font-family:"AmsiProCondensedUltra", sans-serif; font-size: 52px; line-height: 55px; margin-bottom: 35px; padding-top: 0px; color: #ffffff; display: block; font-weight: 300; text-align: center; text-transform: uppercase; font-weight: 400; } .fontDef_Bereich, .fontDef_Headline_h3 , h3, h1.h3, .h3 h1, .h3 { font-family:"AmsiProCondensedUltra", sans-serif; font-size: 25px; line-height: 34px; color: #ffffff; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; } .fontDef_Headline_h4 , h4 { *font-size: 18px; *line-height: 25px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 20px; font-weight: bold; } #footer .fontDef_Headline_h4 , #footer h4 { color: #FFFFFF; } .fontDef_Copy { font-family:"AmsiProNarrow-Semibold", sans-serif; font-size: 19px; line-height: 29px; color: #444444; font-weight: 400; letter-spacing: 0.5px; } .fontDef_Copy_Small { font-family:"AmsiProNarrowLight"; font-size: 18px; line-height: 27px; color: inherit; } .fontDef_Button { font-family:"AmsiProNarrowBlack", "sans-serif"; font-size: 16px; line-height: 0px; text-transform: uppercase; font-weight: 400; } h5 { font-size: 17px; padding-bottom: 10px; } .fontColor_01 { color: #FEFCF5; color: #7C4495; color: #616161; } .backColor_01, .backColor_body { background: #000000; color: #dddddd; } .backColor_grey { background-color: #E9E9E9; } .fontColor_02 { color: #333333; } .backColor_02 { background: #f5f5f5; color: #333333; } .backColor_02.weiss { background: #ffffff; color: #333333; } .backColor_header { background: #fef9e8; } .backColor_footer { background: #444444 } .backColor_header_small { background: #ECDFB5; *background: #DFEBF2; } .padding_inside.rs-columns { padding-bottom: 50px; } h1 { margin-bottom: 40px; } h3 { margin-bottom: 20px; margin-top: 40px; } h3:first-child { margin-top: 0; } p { margin-bottom: 20px; } .padding_top_0 { padding-top: 0 !important; } .padding_top_20 { padding-top: 20px !important; } .padding_bottom_20 { padding-bottom: 20px !important; } .padding_top_40 { padding-top: 40px !important; } .padding_bottom_40 { padding-bottom: 40px !important; } .padding_top_60 { padding-top: 60px !important; } .padding_bottom_60 { padding-bottom: 60px !important; } .padding_top_80 { padding-top: 80px !important; } .padding_bottom_80 { padding-bottom: 80px !important; } .padding_top_100 { padding-top: 100px !important; } .padding_bottom_100 { padding-bottom: 100px !important; } .padding_beetween_headline_content { padding-top: 30px; } #footer p { margin-bottom: 10px; } .margin_top_10 { margin-top: 10px; } .margin_top_20 { position: relative; margin-top: 20px; } .margin_top_30 { position: relative; margin-top: 30px; } .margin_top_50 { margin-top: 50px; } .margin_bottom_20_img figure { margin-bottom: 20px; } .margin_picture_right_float figure { position: relative; margin-left: 50px; margin-bottom: 50px; } .margin_picture_left_float figure { position: relative; margin-right: 50px; margin-bottom: 50px; } .padding_bottom_subline { padding-bottom: 30px; } .rs-column { margin-right: 7%; } .sf-menu { float: none; clear: both; } #megamenu .level_1 li.b2b { display: none; } nav.mod_navigation ul.level_1 { display: inline-block; } nav.mod_navigation ul { padding-left: 0px; } .sf-menu ul { box-shadow: none; } .sf-menu .level_2 li { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; border-left: 5px solid #FFF !important; border-right: 5px solid #FFF !important; border-bottom: 5px solid #FFF !important; } .mm-panels { box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; } .sf-menu a { border-top: none !important; padding: 0.4em 0.5em 0em 0.5em; color: #FFFFFF !important; font-weight: 400; } .sf-menu span.active { border-top: none !important; padding: 0.25em 0.7em; color: #0067A0 !important; } #navigation nav .hide, #mmenu .hide, .sf-menu .hide { display:none; } #navigation nav { position: absolute; z-index:101; top:30px; right:20px; } nav.mod_navigation, nav.mod_customnav { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; overflow:visible; font-family: 'AmsiProNarrow-Regular'; font-size: 16px; line-height:20px; text-transform: uppercase; color: #FFFFFF; font-weight: 700; } #right nav.mod_navigation, #right nav.mod_customnav { color: #5E92BF; } li.dummy_unsichtbar_im_menu { display:none } nav.mod_navigation li, nav.mod_navigation a { color: inherit; } nav.mod_navigation .level_2 a.oneline, nav.mod_navigation .level_2 a { *padding-top:18px; color: #1F7C9C; } nav.mod_navigation .level_2 .oneline .subline { display:none; } nav.mod_navigation .level_1 .subline { display:none; } nav.mod_navigation .level_2 .subline, nav.mod_navigation .level_3 .subline { font-family: 'AmsiProNarrowBold', sans-serif; display:block; font-size:12px; color:#787878; text-transform: none; font-weight: 700; } nav.mod_navigation li, nav.mod_navigation ul, nav.mod_navigation a { border-left:none; *font-size: 16px; *line-height: 22px; } nav.mod_navigation .level_1 li { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; background:none; height:auto; border-radius: 3px; margin-right: 5px; *background: #FFFFFF; background: none; *border: 1px solid #FFFFFF; } nav.mod_navigation .level_2 li { background:#000000; border-radius: 0px; } nav.mod_navigation .level_2 li.first { border-radius: 3px 3px 0px 0px; } nav.mod_navigation .level_2 li.last { border-radius: 0px 0px 3px 3px; } nav.mod_navigation .level_1 li.trail, nav.mod_navigation .level_1 li.active { background: #444444 ; } nav.mod_navigation .level_1 li.trail a, nav.mod_navigation .level_1 li.active a { color: #FFFFFF !important } nav.mod_navigation .level_1 .level_2 li a { color: #FFFFFF !important } nav.mod_navigation .level_2 a.sf-with-ul:after { content:url(../../files/assets/Menuepfeil-Gross.png); position:absolute; right:20px; top:13px; } nav.mod_navigation .level_1 li a:hover { color: #AAAAAA; } nav.mod_navigation .level_2 li a:hover { color: #AAAAAA; } nav.mod_navigation ul.level_2 li { border: none !important; padding: 7px; } nav.mod_navigation ul.level_2 li:last-child { padding-bottom: 15px; } nav.mod_navigation ul.level_2 { margin-top:0px; padding-top: 10px; *margin-left:-120%; font-size: 15px; } nav.mod_navigation .sortiment ul.level_2 { margin-top:0px; padding-top: 10px; margin-left:-40%; font-size: 15px; } nav.mod_navigation .level_3 li.first { border-top:none; } nav.mod_navigation .level_1 li:hover, nav.mod_navigation .level_2 li:hover, nav.mod_navigation .level_3 li:hover { background: #444444; color: #FFFFFF; } nav.mod_navigation .level_1 li:hover a, nav.mod_navigation .level_2 li:hover a, nav.mod_navigation .level_3 li:hover a { color: #FFFFFF !important; } nav.mod_navigation .level_2 li:hover.last, nav.mod_navigation .level_2 li.last, nav.mod_navigation .level_2 li.trail.last, nav.mod_navigation .level_2 li.active.last, nav.mod_navigation .level_3 li:hover.last, nav.mod_navigation .level_3 li.last, nav.mod_navigation .level_3 li.active.last { color: #1F7C9C; } nav.mod_navigation .level_2 li:hover.last, nav.mod_navigation .level_2 li.last, nav.mod_navigation .level_2 li.trail.last, nav.mod_navigation .level_2 li.active.last, nav.mod_navigation .level_3 li:hover.last, nav.mod_navigation .level_3 li.last, nav.mod_navigation .level_3 li.active.last { *border-bottom:0px !important; } nav.mod_navigation .level_1 .level_2 li.trail a, nav.mod_navigation .level_1 .level_2 li.active a, nav.mod_navigation .level_1 .level_3 li.trail a, nav.mod_navigation .level_1 .level_3 li.active a { color: #ffffff !important; } nav.mod_navigation .level_1 .level_2 li:hover.trail a, nav.mod_navigation .level_1 .level_2 li:hover.active a, nav.mod_navigation .level_1 .level_3 li:hover.trail a, nav.mod_navigation .level_1 .level_3 li:hover.active a { color: #FFFFFF !important; } nav.mod_navigation .level_3 li{ padding-left:25px; padding-right:15px; } nav.mod_navigation .level_3 li:after { content:""; } nav.mod_navigation .level_3 li:before { content:url(../../files/assets/MenuePfeil-Klein.png); position:absolute; left:15px; top:18px; } #megamenu .rs-column.-large-col-3-1 { width: 30%; } #megamenu .rs-column { margin-top: 0% } #megamenu .rs-column { margin-right: 3%; } #megamenu .rs-column.-large-last { margin-right: -5px; } #megamenu .level_1 li { display: inline-block; font-size: 18px; padding-left: 10px; padding-right: 10px; letter-spacing: 2px; } #megamenu .level_1 a { text-decoration: none; letter-spacing: inherit; } #content_top #megamenu:not(#navi-small .mod_navigation) { top: 20px; } #megamenu .mm_dropdown { letter-spacing: 0px !important; } #megamenu .dd_wrapper { padding-left: 20px; padding-right: 20px; } #megamenu .mm_dropdown figure { padding-bottom: 0px; } #megamenu .mm_dropdown .ce_text { font-size: 17px; line-height: 23px; text-transform: none !important; } #megamenu li.mm_container .mm_dropdown>.inner { background: rgba(255,255,255,0.85); background: #FFFFFF; border: none; margin-top: 30px; padding: 30px 0px 00px 0px; border-radius: 5px; -webkit-box-shadow: 3px 4px 10px 3px rgba(0,0,0,0.15); box-shadow: 3px 4px 10px 3px rgba(0,0,0,0.15); border-top: 25px solid #000000; } #megamenu li.mm_container .mm_dropdown>.inner a { color: #333333 !important; text-transform: uppercase; font-size: 14px; *background: #333333; } #megamenu .abschluss { font-size: 19px; padding-top: 18px; background: #000000; color: #FFFFFF !important; *font-family: "AmsiProCondensedUltra", sans-serif; } #megamenu li.mm_container .mm_dropdown>.inner .abschluss a { color: #ffffff !important; *background: #FFFFFF; *padding: 2px; *border-radius: 4px 2px; } #megamenu li.mm_container .mm_dropdown>.inner .abschluss a:before { content:"→"; padding-right: 2px; padding-left: 2px; } #megamenu .level_1 li:hover, #megamenu .level_1 li.active, #megamenu .level_1 li.trail { background: #000000 !important } #megamenu li.mm_container .mm_322 { width: 400px; left: -120px; } #megamenu li.mm_container .mm_385 { width: 550px; left: -200px; } #megamenu li.mm_container .mm_374 { width: 550px; left: -200px; } #megamenu li.mm_container .mm_378 { width: 450px; left: -150px; } /*************************************************************************************** NAVIGATION SUBMENU RECHTE SPALTE */ #right .mod_navigation ul, #right .mod_customnav ul { padding:0; margin:0; margin-top:0px; } #right .mod_navigation li, #right .mod_customnav li { list-style:none; height:auto; padding-bottom: 7px; } #right .mod_customnav .level_1 li:hover, #right .mod_customnav .level_1 li.active { border-bottom:none !important } #right .mod_navigation .level_1 li:hover, #right .mod_navigation .level_1 li.active, #right .mod_navigation .level_1 li.trail, #right .mod_customnav .trail { border-bottom:none !important; color:#30405c; font-weight: 500; } #right .mod_navigation li, #right .mod_customnav li { padding: 10px 20px 8px 20px; list-style: none; background: #D00908; margin-bottom: 5px; display: table; } #right .mod_navigation li.active, #right .mod_customnav li.active { padding: 10px 20px 8px 20px; list-style: none; background: #C1E8FB; margin-bottom: 5px; display: inline-block; color: #0067A0; } #right .mod_navigation a, #right .mod_customnav a { font-family: 'AmsiProNarrowBold', sans-serif; font-size:16px !important; color:#ffffff; text-decoration: none; font-weight: 700; } #right .mod_navigation li.active strong { color:#0067A0; } #b2b_button { position: absolute; right: 40px; bottom: -10px; color: #FFFFFF; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; } #b2b_button a { color: #000000; background: #FFFFFF; padding: 2px 3px 2px 5px; text-decoration: none; } .b2b .ce_download { text-align: center; max-width: 700px; margin: auto; border-top: 1px solid #999; padding-bottom: 20px; padding-top: 20px; } .b2b .side_by_side .ce_download { border-top: 0px solid #999; } .b2b .side_by_side h3 { border-bottom: 1px solid #999; padding-bottom: 8px; } .b2b .ce_download h5 { text-align: center; text-transform: uppercase; } .b2b .download_block { display: flex; } .b2b .download_block.side_by_side { display: block; } .b2b .download_picture { *margin-right:30px; *border: 1px solid #999; padding: 5px; } .b2b #packshots .download_picture { padding: 15px 5px 5px 5px; background: #FFFFFF; } .b2b .download_link { text-align: center; } .b2b .two_buttons .download_link { margin-top: -10px; } .b2b .two_buttons .download_link .button a { width: 140px; padding: 5px 18px 2px 18px; font-size: 15px; } .b2b .download_link a { text-decoration: none; } .mod_lostPassword .formbody, .mod_login .formbody { max-width: 300px; margin: auto; } .b2b .widget-submit { margin-top: 20px; } .b2b .content { max-width: 900px !important; padding-top: 60px; } .b2b .ce_form input[type="submit"], .b2b .ce_form button[type="submit"], .b2b button { background: #FFFFFF; font-size: 20px; line-height: 20px; padding: 14px 20px; color: #FFFFFF; font-weight: normal; text-decoration: none; margin-top: 20px; border: 1px solid #444444; border-radius: 5px; color: #444444; cursor: pointer; width: auto; height: auto; } .b2b .ce_form input[type="text"], .b2b .ce_form input[type="email"], .b2b .ce_form input[type="tel"], .b2b .ce_form textarea, .b2b select, .b2b input, .b2b textarea { position: relative; margin: auto; margin-top: 5px; line-height: 35px; margin-left: 0px; border: 1px solid #444444; border-radius: 5px; float: none; display: initial; width: calc(100% - 20px - 7%); *padding-left: 10px; text-align: center; } .b2b .ce_form label, .b2b .widget-text label, .b2b .widget-textarea label, .b2b .widget-password label{ color: #444444; font-weight: normal; float: none !important; padding-left: 0px; max-width: 100%; } .mod_login .formbody { text-align: center; } .mod_login .widget-text label, .mod_login .widget-textarea label, .mod_login .widget-password label { max-width: 100%; } .mobile_content { display: none; } .width_300 { width: 300px; } .bg_top_65 .responsive-background-image { background-position: center 65% !important; } .message { display: none; padding: 50px; padding-top: 100px; } .mod_login, .login { padding: 50px; padding-top: 100px; } * { //-webkit-transition:all 0.5s ease; //-moz-transition:all 0.5s ease; //transition:all 0.5s ease; position: relative; margin: 0; padding: 0; } body .ce_timeline_single { margin-top: -200px; } body .ce_timeline_single.first { margin-top: 0px !important; } body.ivp_active .ce_timeline_single.wivp .year { font-size: 35px; font-family: "AmsiProCondensedUltra"; background: #FFFFFF; color: #000000; } body.ivp_active .ce_timeline_single.wivp .text { margin-top: 20px; max-width: 500px; } body.ivp_active .ce_timeline_single.wivp .text img { border-radius: 200px; } .sortiment .produkt.right_side, .sortiment .produkt.left_side{ float: none; } .sortiment .sidebyside .produktfilm { width: 500px; } .sortiment .produkt.single .sidebyside .produktfilm { max-width: 100%; } .sortiment .produkt.single .sidebyside .produktfilm figure { max-width: 215px; } .sortiment .produkt.single.left_side .sidebyside .produktfilm figure { float: right; } .sortiment .produkt { padding-bottom: 50px; } .sortiment .produkt figure { padding-bottom: 20px; padding-top: 20px; } .button .image_container a { background: none; padding: 0; } .text_right { text-align: right; } .header_overlay { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; background: rgba(0,0,0,0); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; } .rs-column { margin-top: 3%; } .produkt { position: relative; overflow: visible; } .produkt { float: none; clear: both; } .produkt.left_side { float: left; } .produkt.right_side { float: right; } .zutatenliste_bildspalte.produkt { margin-top: 0px !important } .produkt figure { padding-bottom: 40px; padding-top: 20px; text-align: center; } .produkt p { max-width: 400px; } .produkt.pfeil_oben h3:before { content: "➚"; font-size: 35px; position: absolute; top: -40px; left: 50px; } .produkt.pfeil_unten p:before { content: "➚"; position: absolute; bottom: -40px; transform: rotate(90deg); font-size: 35px; left: 100px; z-index: 10; overflow: visible; } .produkt.pfeil_rechts { overflow: visible; } .produkt.pfeil_rechts .produktfilm { position: relative; text-align: center; } .produkt.pfeil_rechts p:before { content: "➚"; position: absolute; top: 0px; transform: rotate(190deg); font-size: 35px; left: -60px; z-index: 10; overflow: visible; } .produkt h3 { text-transform: uppercase; padding-bottom: 0px; margin-bottom: 0px; } .produkt .becher { display: none; opacity: 0 ; } .produkt .textblock { -webkit-transition:all 1s ease 0.51s; -moz-transition:all 1s ease 0.5s; transition:all 1s ease 0.5s; padding-top: 30px; margin-top: 0px; } .produkt .textblock.kleine_becher { padding-top: 0px; } .produkt.film.pfeil_oben .textblock { padding-top: 30px; } .produkt.film video { max-width: 360px; text-align: center; } .produkt .produktfilm { -webkit-transition:all 1s ease 0.51s; -moz-transition:all 1s ease 0.5s; transition:all 1s ease 0.5s; text-align: center; margin-top: 0px; } .sidebyside { display: flex; justify-content: center } .sidebyside .produktfilm { max-width: 360px; margin-top: 0px; } .sidebyside .textbox { padding-top: 50px; } .sidebyside .textblock { max-width: 500px !important } .sidebyside p { max-width: 500px !important } .sidebyside.small .image { width: 160px; margin-top: 0px; } .sidebyside.small p { max-width: 800px !important } .sidebyside.small .textblock { padding-bottom: 50px; } .padding_right_60 { padding-right: 60px; } .padding_left_60 { padding-left: 60px; } .headline_left h2 { text-align: left; } .social_feed_element { width: 33%; } #taglinks { text-align: center; } #taglinks li { display: inline; padding-left: 20px; font-size: 25px; } #bioland { position: absolute; top: 50px; transform: rotate(0deg); width: 130px; height: 130px; z-index: 2 !important; background: url(../../files/assets/bioland.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; right: 50px; display: none; } .bioland #bioland { display: block; } .historie_block { display: flex; position: relative; margin: auto; max-width: 900px; margin-top: 20px; border-bottom: 1px solid #999; padding-bottom: 30px; padding-top: 20px; } .historie_block img { border-radius: 200px; } .historie_block .textblock { width: 70%; } .historie_block:nth-child(even){ text-align: left; } .historie_block:nth-child(even) .image_container { float: left; margin-right: 50px; order: 1; } .historie_block:nth-child(even) .textblock { order: 2 } .historie_block:nth-child(odd){ text-align: right; } .historie_block:nth-child(odd) .image_container { float: right; margin-left: 50px; } .share { float: right; } .back { font-size: 18px; background: #000000; padding: 5px 10px 0px 10px; display: inline-block; } .back a { text-decoration: none; font-size: 18px; color: #FFFFFF; } .zutatenliste_bildspalte { text-align: center !important; } .zutatenliste_bildspalte h4 { padding-bottom: 0px; margin-bottom: 0px; margin-top: 20px; text-align: center; } .bildleiste .rs-column { margin-right: 2%; } .bildleiste .rs-column.-large-last { margin-right: -5px } .bildleiste .rs-column.-large-col-4-1 { width: 23.5%; } .startseite .umbruch { display:none; } .slider-control a { top: 0px !important; text-decoration: none; } .ansprechpartner.rechte_spalte .float_left { float: none; clear: both; } .ansprechpartner .sidebyside { justify-content: flex-start !important; } .s_by_s.ansprechpartner .mobile_headline { text-align: left; display: block !important; } .bewerbung .s_by_s.ansprechpartner .sidebyside { display: block; text-align: left; } .bewerbung .s_by_s.ansprechpartner .sidebyside .image { text-align: left; } .bewerbung .s_by_s.ansprechpartner .padding_left_60 { padding-left: 0px; } .s_by_s.ansprechpartner img { width: auto; height: auto; } .zutaten { font-size: 16px; line-height: 22px; } .zutaten ul { margin-left: 0px; padding-left: 15px; } .max_height_600 { max-height: 600px; } .product { position: relative; overflow: visible; } .product video { position: relative; top: 0px; width: 100%; height: 100%; } .overlay_image { position: relative; top: 0px; width: 100%; } .overlay_text { opacity: 0; *background: #000000; *color: #FFFFFF; position: absolute; max-width: 360px; border-radius: 5px; padding: 17px 20px 0px 20px; bottom: 0px; overflow: visible; font-size: 15px; line-height: 22px; } .overlay_text h4 { *color: #FFFFFF !important; } .inline { padding-top: 40px; display: flex; justify-content: center; } .button.inline a { margin-right: 10px; } .video_container video { border-radius: 5px; } .no_footer_margin_top #footer { margin-top: 0px; } .videosuper { position: absolute; color: #FFFFFF; width: 100%; text-align: center; bottom: 50px; } #headerbild { margin-top: 170px; } .videoheader #headerbild .ce_image, .videoheader #headerbild .ce_image, .videoheader #headerbild figure { *height: calc(100vh - 380px); *height: calc(100vh - 50px); *margin-top: -10vh; } .videoheader.full #headerbild .ce_image, .videoheader.full #headerbild .ce_image, .videoheader.full #headerbild figure { *height: calc(100vh - 50px); *height: calc(100vh - 280px); *margin-top: -10vh; } #headerbild video { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .cover video { position: relative; object-fit: cover; margin-top: -20%; } .trenner { border-bottom: 1px solid #444; margin-bottom: 30px; } .jobdescription h3 { background: #000000; color: #ffffff !important; text-align: center; top: -15px; position: relative; padding: 10px 10px 5px 10px; border-radius: 5px; margin-bottom: 0px; } .max_width_800 { max-width: 800px; margin: auto; position: relative; } .max_width_900 { max-width: 900px; margin: auto; } .max_width_950 { max-width: 950px; margin: auto; } .mod_navigation .hide_desktop { display: none; } .headline { text-align: center; margin-top: 50px; margin-bottom: 50px; color: #FFFFFF; font-size: 83px; font-family: "AmsiProCondensedBlack"; font-weight: 400; } .headline h1 { color: #FFFFFF; padding-left: 30px; padding-right: 30px; } .headline p { padding-top: 30px; font-size: 53px; } .ce_text ul { *display: table; } .responsive-background-image { background-size: cover; background-position: center center; background-repeat: no-repeat; display: inline-block; width: 100%; height: 60vh; min-height: 400px; } .responsive-background-image img { display: none; } .header_BackPosTop_30 .responsive-background-image { background-position: center; } .ce_text ul li { color: #cccccc; } .annoucement { border-radius: 5px; padding: 5px 15px; background: #edf9fc; font-weight: bold; color: #FF0000 } .ce_text a, .layout_latest a { color: #000000; text-decoration: underline; *font-weight: bold; } .ce_text a .button { color: #ffffff; text-decoration: none; } /* .ce_text a:before, .layout_latest a:before { position: relative; content: url("../../files/assets/Pfeil_Rechts.png") !important; padding-right: 3px; top: 1px; } */ .ce_text figure a:before, .layout_latest figure a:before, .layout_latest h2 a:before { content:" " !important; padding-right: 0 !important; top:0 !important } .ce_image figure { padding-bottom: 0px; margin-bottom: 0px; display: flex; } .ce_text.blockliste { padding-bottom: 50px; } #footer a { font-weight: normal !important; } .ce_gallery li { width: 24%; margin-bottom: 1%; margin-right: 1%; } .ce_gallery.haendler li { width: 14%; height: 190px; margin-bottom: 2%; margin-right: 2%; display: flex; align-items: center; } .ce_gallery.partner li { width: 11%; height: 150px; margin-bottom: 1%; margin-right: 1%; display: flex; align-items: center; } .ce_gallery.partner li figure { display: flex; align-items: center; } .ce_gallery.partner img { border-radius: 0px; } .padding_top_0 h2 { padding-top: 0px !important; } figcaption { font-weight: bold; color: #7CB87F; } figcaption .funktion1, figcaption .funktion2 { font-weight: normal; color: initial; line-height: 18px; font-size: 14px; } .portrait { border-radius: 175px; border: 1px solid #444444; width: 120px; height: 120px; } .ansprechpartner.rechte_spalte .portrait { width: 180px; height: 180px; } @media only screen and (min-width : 1380px) { #headerbild .startseite .responsive-background-image { background-position: center bottom; } } #headerbild .responsive-background-image img { display: none; } #headerbild .startseite .responsive-background-image { height: 60vh; *min-height: 600px; } #headerbild .ce_image, #headerbild figure { height: 60vh; *min-height: 500px; } #headerbild .ce_image.startseite, #headerbild .startseite figure { height: 60vh; *min-height: 600px; } .translate { position: relative; top: 10px; padding:5px 10px 10px ; float: right; font-size: 11px; line-height: 13px; padding-right: 10px; background: #eeeeee; } .translate a { text-decoration: none; } .translate img { padding-left: 2px; padding-right: 2px; } #header_top a img, #footer a img, #footer img { position: relative; top: 3px; border-radius: 0px !important; } .statement { font-family: "AMSI"; padding-top: 20px; padding-bottom: 20px; color: #5E92BF; font-weight: 200; text-transform: none; font-size: 25px; line-height: 35px; } .content { max-width: 1280px; margin: auto; padding-top: 00px; padding-bottom: 80px; padding-left:60px; padding-right: 60px; } .content_900 { max-width: 900px; margin: auto; padding-top: 00px; padding-bottom: 120px; padding-left:60px; padding-right: 60px; } .content_1024 { max-width: 1024px; margin: auto; padding-top: 00px; padding-bottom: 120px; padding-left:60px; padding-right: 60px; } .no_bottom_padding { padding-bottom: 0px !important; } .teaser_02 { display: flex; justify-content: center; align-items: center; //background:url(../../files/images/_ausgesucht/landschaft_soft_02.jpg); background-size: 100%; background-position: center; min-height: 700px; } .content_mobile, .mobile_content { display: none; } .content_desktop, .desktop_content { display: block; } a { text-decoration: underline; color: #444444; } figcaption { font-size: 15px; } .image_container.float_left { margin-right: 50px; } .image_container.float_right { margin-left: 50px; } strong { font-weight: 700; color: #FFFFFF; } .backColor_01 a { color: #FFFFFF; } .backColor_02 strong { color: #444444; } .backColor_02 h2, .backColor_02 h3, .backColor_02 h4, .backColor_02 .ce_text ul li { color: #333333; } .ce_button { position: relative; transition-timing-function: ease-in-out; transition-duration: 0.3s; z-index: 10; margin-top: 50px; } .ce_button a, .ce_button button { position: relative; display: inline-block; border: 3px solid #5E92BF; border-radius: 5px; padding: 10px 30px 20px 30px; transition-timing-function: ease-in-out; transition-duration: 0.3s; background: rgba(255,255,255,0); } .ce_button:not(.no-hover) a:hover { color: #FFFFFF; } .ce_button a:after { display: inline-block; position: relative; content:url(../../files/assets/button-pfeil-re.svg); width: 15px; height: 15px; margin-left: 20px; top: 3px; transition-timing-function: ease-in-out; transition-duration: 0.3s; } .ce_button:not(.no-hover) a:hover:after { content:url(../../files/assets/button-pfeil-re-white.svg); top: 3px; } .ce_button:not(.no-hover) a:before { content: ''; color: #000000; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: rgba(94,146,191,1); transition-timing-function: ease-in-out; transition-duration: 0.3s; z-index: -1; } .ce_button:not(.no-hover) a:hover:before { width: 100%; } /********************************************************************** HEADER / HEADERNAVI **********************************************************************/ #header { height:30px; display: none; } #logo { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; position: relative; top: 10px; width: 165px; *left: -22px; height: 110px; z-index: 5000 !important; margin: auto; } #logo a { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; width: 165px; height: 110px; background: url(../../files/assets/logo.png); background-size: 100%; background-position: left top; background-repeat: no-repeat; display: block; margin: auto; } #logo-small { *width: 150px; } #logo-small #logo { position: relative; top:10px; left: 0px; width: 80px; height: 65px; *background:url(../../files/assets/logo_weissenhorner_sticky_header.png); background-size:100%; background-position: left top; background-repeat: no-repeat; z-index: auto !important } #header .inside, #navigation .inside { position: relative; max-width:1280px; margin:auto; } #content_top { -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; background: #000000; z-index: 100; position: fixed; top: 0px; height: 160px; width: 100vw; padding-bottom: 10px; text-align: center; } #content_top .mod_navigation:not(#navi-small .mod_navigation) { top: 10px; position: relative; margin: auto; display: block; background: #000000; height: 35px; padding-top: 10px; } #header_top { position:relative; padding-top:0px; z-index: 943; text-align: right; width: 100%; display: none; } #header_top ul, #footer ul { padding:0; margin: 0; } #header_top li, #footer li { display: inline; padding-left: 8px; } #footer li:first-child { padding-left: 0px; margin-left: 0px; } #header_top, #header_top a { color:#FFFFFF; font-size:12px; text-decoration: none; } #header-small { position: fixed; padding-left:0px; top:-200px; left:0; width:100%; z-index:5999; height:80px; *-webkit-box-shadow: -2px 7px 17px -8px rgba(0,0,0,0.75); *-moz-box-shadow: -2px 7px 17px -8px rgba(0,0,0,0.75); *box-shadow: -2px 7px 17px -8px rgba(0,0,0,0.75); *background-size: auto 150px; *background-position: bottom; display: none; background: #000000; border-bottom: 2px solid #ffffff } #header-small-inside { position:relative; *max-width:1280px; *padding-left: 30px; *padding-right: 40px; margin:auto; } #navi-small { position: relative; z-index: 101; top: -20px; width: 100%; display: none; } #navi-small ul { *padding-right: 70px; padding-right: 30px; } /* #navi-small li.joghurt { margin-right: 70px; } */ #navi-small li.sortiment { margin-right: 150px; } #navigation { position: relative; top: -20px; z-index:100; overflow: visible; padding-left:0px; padding-left: 20px; padding-right: 20px; height: 50px; } #navigation .inside { height:100px; width:100%; max-width:1280px; } nav.mod_navigation .level_2 a.sf-with-ul::after { content:"" !important; } #wrapper .custom { height: 100px; } /************************************************************** MAIN */ /************************************************************** TEXTBLÖCKE KLASSEN */ .fullbox { position: relative; width:100%; text-align: left; padding-top:65px; padding-bottom:30px; padding-bottom: 60px; } .fullbox a { *color: #363636; } .fullbox img { border: 3px solid #ffffff; } .content_1024 { display: block; padding:0px 40px 0px 25px; max-width:1024px; margin:auto; border-right: 0px solid #c7d0da; } .content_1280 { padding:0px 25px 0px 0px; max-width:1280px; margin:auto; border-right: 0px solid #c7d0da; } .startseite .content_1024 { border-right: none !important; } .image_container a:after { content:"" !important; padding-left:0px !important; padding-top:0px !important; } .listing, .ce_list { position:relative; font-size: 14px; line-height: 20px; color:#787878; border:1px solid #787878; border-radius: 10px; padding:10px; } .listing li, .ce_list li { *border-bottom: 1px solid #f2f2f2; padding: 8px 0 8px 25px; list-style: none; background-image: url(../../files/assets/bullet.png); background-repeat:no-repeat; background-position:left 10px; } .listing li:last-child, .ce_list li:last-child { border-bottom: none !important; } .listing ul, .ce_list ul { margin-left:0; padding-left:5px; } /***************************************************** Coentent Bereich Innen 'Main' */ /* #main .inside { max-width: 1280px; padding-left: 50px; padding-right: 40px; margin: auto; *padding-top: 50px; } */ .seitenleiste #main .inside { max-width: 1280px; padding-left: 28px; padding-right: 40px; margin: auto; } .startseite #main .inside { max-width: 100%; padding-left: 0px; padding-right: 0px; } video { width: 100% !important } img { border-radius: 5px; } .no-bullits li, .no-bullits ul, .menupunkte li, .menupunkte ul { list-style-type: none; padding-left: 0px; } .ce_text li a { text-decoration: none; } /* .ce_text li a:before { position: relative; content: url("../../files/assets/Pfeil_Rechts.png") !important; padding-right: 10px; top: 5px; } .fullbox .ce_text li a:before { position: relative; content: url("../../files/assets/Pfeil_Rechts.png") !important; padding-right: 20px; top: 8px; } */ #footer a:before { position: relative; content: url("../../files/assets/Pfeil_Rechts.png") !important; padding-right: 5px; top:5px; } .link_after a:after { position: relative; content: url("../../files/assets/Pfeil_Rechts.png") !important; padding-left: 10px; top: 6px; } .content_1024.sitemap { display: block; } .sitemap li { list-style: none !important } .sitemap li a, .ce_downloads li a { text-decoration: none; font-size: 16px; } .sitemap li a:before, .ce_downloads li a:before { position: relative; content: url("../../files/assets/Pfeil_Rechts.png") !important; padding-right: 10px; top: 5px; } .sitemap ul, .sitemap li { padding:initial; margin: initial; } .sitemap .level_2 li { margin-left: 30px; } .artikeltrenner { position: relative; padding-bottom: 60px; } .center { text-align: center; } .content_top { height:255px; border-bottom: 3px solid #dbebcf; } .content_top .ce_image { position:absolute; top:0px; width:100%; height:255px; } .content_top .inside { padding-left:50px; } .content_top img { *width:0%; text-align: center; min-height:255px; margin-top:0; } .content_top a { text-decoration: none; color:#fff; font-size:13px; line-height: 27px; } .content_top li { list-style: none; display: inline; padding-right:10px; } .content_top .ce_headline { max-width:1024px; margin:auto; display: none; } .mod_breadcrumb { font-family: 'DIN', sans-serif; position:relative; max-width:1024px; margin:auto; font-size:13px; color:#fff; font-style: italic; padding-left:20px; padding-top:30px; display: none; } .center .ce_text {text-align:center;} .ce_text.center { text-align: center; } .blockabstand20 { margin-top:20px !important; } .blockabstand40 { margin-top:40px !important; } .blockabstand60 { margin-top:60px !important; } .blockabstand80 { margin-top:80px !important; } /************************************************ AKKORDION **********/ :focus {outline:0 !important;} .ce_accordionSingle { padding-top: 20px; *margin-bottom: 10px; *padding-bottom: 30px; *border-bottom: 1px dotted #999; text-align: center; } .accordion { } .ui-accordion-content { font-size: 17px; line-height: 23px; *background: #EEEEEE; padding: 10px; *margin-bottom: 30px; text-align: left; max-width: 700px; margin: auto; border-top: 1px solid; } .ui-accordion-header { background: #333333; width: auto; border-radius: 5px; padding: 10px 20px 5px 20px; color: #eeeeee; text-decoration: none; font-weight: 400; display: inline; } .ui-accordion-header:before { position: relative; content: url("../../files/assets/WeisserPfeil_Kleiner.png") !important; padding-right: 10px; top: 1px; } .ui-accordion-header-active:before { position: relative; content: url("../../files/assets/WeisserPfeil_Kleiner.png") !important; padding-right: 10px; top: 1px; } .toggler { cursor:pointer; } .ui-accordion-content { margin-top:30px; } .accordion_link_italic_blau_400 .ui-accordion-header { font-style: italic; font-weight: 400; color:#004a9a; } /************************************************************** RECHTE SEITE */ #right { font-family: 'DIN', sans-serif; font-size:13px; line-height: 27px; margin-top:110px; border-left: 1px solid #c7d0da; padding-left:25px; color:#787878; margin-bottom:80px; *width: 280px !important } /************************************************************** FOOTER */ #footer { width:100%; color:#fff; font-size:15px; line-height: 22px; height: auto; text-align: center; background: #000000; *margin-top: 100px; text-align: left; padding-top: 40px; } .footer_kontakt_box p, .footer_kontakt_box h4, .footer_sonstiges_box p, .footer_sonstiges_box h4 { padding-left: 50px; } .logo_footer { position: relative; border-top: 2px solid #ffffff; padding-top: 20px; padding-bottom: 20px; } .logo_footer figure { max-width: 300px; margin: auto; } .startseite #footer { margin-top: 0px; } #footer .inside { *max-width: 1280px; *padding-left: 50px; *padding-right: 50px; margin: auto; padding-bottom: 30px; } #footer a:before { content: "" !important; padding: 0; } #footer .-large-last .ce_image,#footer .-large-last .ce_text { padding-left:33px; } #footer .rs-columns { width: 700px; display: flex; margin: auto; padding-bottom: 40px; } #footer a { color:#FFFFFF; text-decoration: none; } /************************************************************** FORMULARE */ .ce_form { font-size: 16px; } .fineuploader-wrapper .fineuploader-item.file .content, .fineuploader-wrapper .fineuploader-item.image .content { padding-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 20px; } .fineuploader-wrapper .qq-upload-list li.qq-upload-success, .fineuploader-item .image { display: none; } .fineuploader-wrapper .qq-upload-file-selector.qq-upload-file, .fineuploader-wrapper .qq-upload-size-selector.qq-upload-size { display: none; } .fineuploader-wrapper .values-list li:first-child { border-top: 1px solid #999; padding-top: 10px; margin-top: 5px; } .fineuploader-wrapper .values-list li:last-child { margin-bottom: 20px; } .fineuploader-wrapper .qq-upload-button { width: 200px; text-align: center; } input:focus, textarea:focus { outline: none; } .formular_zeile { display: flex; } .formular_zeile.less_space { margin-top: -30px; } .formular_zeile .widget { width: 50%; } .ce_form label { color: #444444; font-weight: normal; float: none !important; padding-left: 0px; } /* .kontakt .ce_form label { color: #FFFFFF; } */ .widget-explanation { float: none; clear: both; } /* .ce_form .widget-fineuploader { float: left; margin-right: 20px; } */ .ce_form .widget-fineuploader label { color: #FFFFFF; background: #444444; padding: 10px 20px; margin-bottom: 10px; display: inline-block; width: 200px; text-align: center; } .ce_form span.mandatory { color:#444444; } .ce_form input[type="text"], .ce_form input[type="email"], .ce_form input[type="tel"], .ce_form textarea { margin-top:5px; line-height:35px; margin-left: 0px; border: 1px solid #444444; border-radius: 5px; float: none; display: block; width: calc(100% - 20px - 7%); padding-left: 10px; } .ce_form select, .ce_form option { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-top: 5px; line-height: 35px; margin-left: 0px; border: 1px solid #444444; border-radius: 5px; float: none; display: block; width: calc(100% - 10px - 7%); padding-left: 10px; } .ce_form .widget-radio fieldset { position:relative; margin-left:130px; margin-top:-25px; } .ce_form .widget { margin-top:15px; } .checkbox_datenschutz { margin-top: 50px; } .checkbox_datenschutz label { display: inline !important; margin-left: 10px !important; } .checkbox_datenschutz a { color: #000000 !important; } /* .kontakt .checkbox_datenschutz a { color: #FFFFFF !important; } */ fieldset.checkbox_datenschutz { border: 0px solid; margin-bottom: 20px; } .ce_form button { background: #FFFFFF; font-size: 20px; line-height: 20px; padding: 14px 20px; color: #FFFFFF; font-weight: normal; text-decoration: none; margin-top: 20px; border: 1px solid #444444; border-radius: 5px; color: #444444; cursor: pointer; } .ce_form button:before { position: relative; content: url("../../files/assets/Pfeil_Rechts.png") !important; padding-right: 10px; top: 3px; } .ce_form p.error { color: #ff0000; } .mobile_menu .hide_desktop, .mobile_menu nav.mod_navigation .level_1 li:first-child { display: block; } .mobile_menu { max-width: 300px !important; } .mobile_menu .inner { margin-top: 81px; border-left: 2px solid #FFFFFF; padding: 20px; padding-top: 30px; text-transform: uppercase; width: 100%; } .mobile_menu nav.mod_navigation li, .mobile_menu nav.mod_navigation ul, .mobile_menu nav.mod_navigation a { text-decoration: none; width: auto; min-width: 300px; } .mobile_menu li { list-style: none; } .mobile_menu nav.mod_navigation .sortiment ul.level_2 { margin-top: 0px; padding-top: 10px; margin-left: 20px; } .mobile_menu nav.mod_navigation .level_1 li { padding-bottom: 8px; padding-top: 8px; border-bottom: 1px solid #999; } .mobile_menu nav.mod_navigation .level_2 li { padding-bottom: 4px; padding-top: 4px; } .mobile_menu nav.mod_navigation .level_1 li:hover, .mobile_menu nav.mod_navigation .level_2 li:hover, .mobile_menu nav.mod_navigation .level_3 li:hover { background: none; } .mobile_menu nav.mod_navigation .level_1 li.trail, .mobile_menu nav.mod_navigation .level_1 li.active { background: none; } .mobile_menu nav.mod_navigation ul.level_2 li.active { background: #333333; } /* dk_mmenu /* .mm-navbar_sticky { display: none; } .mm-menu { margin-top: 81px; border-left: 2px solid #FFFFFF; padding: 20px; padding-top: 30px; text-transform: uppercase; } .mm-menu nav.mod_navigation .level_1 li:first-child { display: block; padding-bottom: 10px; } .mm-menu nav.mod_navigation .level_2 li:first-child { padding-bottom: 0px; } .mm-menu nav.mod_navigation .level_2 li { padding-bottom: 2px; } .mm-menu li { list-style: none; } .mm-menu nav.mod_navigation .sortiment ul.level_2 { margin-left: 10px; } .mm-menu nav.mod_navigation .level_1 li:hover, .mm-menu nav.mod_navigation .level_2 li:hover, .mm-menu nav.mod_navigation .level_3 li:hover { background: none; } .mm-menu nav.mod_navigation .level_1 li, .mm-menu nav.mod_navigation .level_2 li, .mm-menu nav.mod_navigation .level_3 li { background: none; } .mm-menu nav.mod_navigation .level_1 li.trail, .mm-menu nav.mod_navigation .level_1 li.active { *background: #222222; } .mm-menu li.mmenu_spacer { margin-top: 30px; } .mm-menu li.mmenu_smaller { font-size: 13px !important; line-height: 0px; text-transform: none !important; padding-bottom: 1px !important; } } .mm-menu li.mmenu_smaller a { padding-bottom: 1px !important; } li.mmenu_smaller.mm-listitem:after, li.mmenu_noborder.mm-listitem:after { border-bottom: none !important } */ /* .mm-menu .level_2 li { font-size: 15px; !important line-height: 15px; padding-bottom: 1px; } */ /* @media only screen and (max-width : 1024px) { #wrapper, #headerbild { display: none; } .message { display: block !important; padding: 50px; padding-top: 100px; } } */ @media only screen and (max-width : 1680px) { .header_default { display: block; } .header_1680 { display: none; } } @media only screen and (min-width : 1681px) { .header_default { display: none; } .header_1680 { display: block; } } .s_by_s .mobile_headline { display: none; } .mobile, .content_mobile_570, .content_mobile { display: none; } .mobile-icon { position: fixed; display:none; background: url("../../files/assets/menu.png"); background-size: 35px 35px; width:35px; height:35px; top: 25px; right:20px; z-index:5001; } #header-small .mobile-icon { bottom: 30px; cursor: pointer; } /* .mobile_menu .inner { background:rgba(255,255,255,0.95); padding-top:30px; padding-left:30px; } */ /************************************************************************************************/ @media only screen and (max-width : 1090px) { .mobile-icon, .mobile-icon2 { display: block; } #b2b_button { display: none; } .custom .mod_navigation, #navi-small { display:none !important } #content_top { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgb(255, 255, 255); height: 70px; } #logo a { width: 80px; height: 65px; } #headerbild { margin-top: 80px; } #bioland { position: absolute; top: 20px; width: 50px; height: 50px; right: 20px; } } @media only screen and (max-width : 1070px) { nav.mod_navigation .level_1 li:first-child { display: none; } nav.mod_navigation .level_2 li:first-child { display: block; } } @media only screen and (max-width : 1024px) { .image_container.float_right { margin-left: 0px; padding-bottom: 20px; } .float_right { float: none; clear: both; } .no_mobile_image figure { display: none; } .blue_full, .grey_full { padding-left: 20px; } html { -webkit-text-size-adjust: none; } .einruecken { margin-left: 0px !important; } #wrapper { width:auto; } .desktop { display:block; } #header { display:none; } h1 { font-size:40px; line-height: 50px; } .content_1024, .innen #main .mod_article { padding-left:20px !important; padding-right:20px !important; } table td:first-child { width:auto; } table td:last-child { width:auto; } .blog table td:last-child { display:block; } #footer { height:auto; } #main .ce_text.bild_rechts_h3 figure.image_container.float_above { margin-bottom:20px; } } @media only screen and (max-width : 900px) { .content_1280 { padding: 0; } .content { padding-left: 30px; padding-right: 20px; } .zutaten .produkt p { max-width: 100% !important; } .sortiment .sidebyside .produktfilm { width: 100%; } .sortiment .single .sidebyside .produktfilm { width: 120px; } } /************************************************************************************************/ @media only screen and (max-width : 768px) { .stellenliste .rs-column.-medium-col-2-1 { width: 100%; } .stellenliste .ce_sliderStart { padding-bottom: 50px; } .stellenliste .ce_sliderStart img { width: 100%; } .s_by_s.ansprechpartner .mobile_headline { text-align: left; } .s_by_s.ansprechpartner .sidebyside { display: block; text-align: left; } .s_by_s.ansprechpartner .sidebyside .image { text-align: left; } .s_by_s.ansprechpartner img { width: auto; height: auto; } .content { padding-bottom: 60px; padding-left: 30px; padding-right: 30px; } .padding_top_100 { padding-top: 70px !important; } .s_by_s .mobile_headline { display: block; text-align: center; } .s_by_s.headline_left h2{ text-align: center; } .s_by_s .textblock h2 { display: none; } .s_by_s img { max-width: 600px; width: 100%; height: auto; } .s_by_s.no_inner_h2 .image { padding-bottom: 30px } .s_by_s .padding_right_60, .s_by_s .padding_left_60 { padding-right: 0px; padding-left: 0px; } .sidebyside .produktfilm { margin-top: 20px; } .produkt .textblock.kleiner_becher { padding-top: 0px; } .sidebyside.image_text { flex-direction: column; align-items:center; } .sidebyside.image_text .image { width: 100%; order: 1; text-align: center; } .sidebyside.image_text .textblock { order: 2; } #footer .rs-columns { display: inline-block; width: 100%; } } /************************************************************************************************/ @media only screen and (max-width : 414px) { .mobile_content { display: block; } .desktop_content { display: none; } .mobile_padding_top { padding-top: 25px; } .sortimentpage #headerbild video { height: 150%; margin-top: -20%; } .sortimentpage #headerbild .mobile_content video { height: 40vh !important; margin-top: 0; } .bewerbung h3 { padding-top: 30px; } .bewerbung .ansprechpartner { padding-top: 30px; } .stellenliste .ce_sliderStart { padding-bottom: 30px; } .jobdescription h3 { font-size: 20px; line-height: 24px; letter-spacing: 0.3px; } .bildleiste .rs-column.-large-col-4-1 { width: initial; } .padding_bottom_40 { padding-bottom: 40px !important } .padding_top_40 { padding-top: 40px !important } .rs-column.-medium-first-row, .rs-column.-large-first-row { margin-top: 0; } .inline { padding-top: 20px; display: block; } .headline h1 { *padding-top: 20px; } .headline p { padding-top: 20px; font-size: 33px; } .produkt .produktfilm { margin: auto; } .produkt.right_side, .produkt.left_side { float: none !important; clear: both; } .sidebyside { *display: block; flex-direction: column; align-items:center; } .sidebyside.small .image { margin-bottom: 30px; } .sidebyside .produktfilm, .produktfilm, .sidebyside .image, { width: 80% !important; order: 1; } .sidebyside .textblock { order: 2; } .padding_left_60, .padding_right_60 { padding-left: 30px; padding-right: 10px; } .padding_top_60, .padding_top_80, .padding_top_100 { padding-top: 0px !important; } .content { padding-top: 10px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px; } .content_1280 { padding-right: 0px; padding-left: 0px; } .headline { margin-bottom: 15px; } #header-small-inside { padding-left: 20px; } #wrapper .custom { height: 110px; } .desktop { display: none; } .mobile { display: block; } #container { margin-top: -50px; } #header-small { height: 90px; } #content_top { padding-right: 20px;; } #logo-small { width: 200px; padding-left: 0px; } #logo-small #logo { width: 200px !important; height: 70px !important; } .content_mobile { display:block !important } .content_desktop, .desktop_content { display:none !important } #main .inside { margin-top: 10px !important; } h2.ce_headline { margin-top: 20px !important; } h1 { margin-bottom: 20px; font-size: 40px; line-height: 43px; } .startseite h1 { margin-top: 25px; } .fontDef_Subline { font-size: 20px; line-height: 29px; margin-bottom: 0px; } .fontDef_Headline_h2, h2 { padding-top: 30px; font-size: 33px; line-height: 40px; margin-bottom: 20px; } .fontDef_Bereich, .fontDef_Headline_h3, h3, h1.h3, .h3 h1, .h3 { font-size: 26px; line-height: 35px; letter-spacing: 0; } .fontDef_Copy { font-size: 16px; line-height: 26px; } #logo { width: 90% !important; height: 100px !important; left: -10px; } .startseite #logo { left: -10px; } .blue_full, .grey_full { padding-top: 20px !important; } #article-871 { margin-top: 00px !important; margin-bottom: 0px; } table { margin-bottom: 20px; } #footer .-large-last .ce_image, #footer .-large-last .ce_text { padding-left: 0px !important; margin-top: 40px; } .ce_headline.first { margin-top: 20px !important; } .rs-columns.ce_rs_columns_start { margin-bottom:30px; } .content_top { border-bottom: 10px solid #fedc00; height: 108px !important; } .content_top img { height: 100px !important; min-height: 100px !important; } #headerbild .responsive-background-image img { display: none; border-radius: 0px; height: 40vh !important; width: auto; } #headerbild .startseite .responsive-background-image, #headerbild .responsive-background-image { *background-image: none !important; height: 40vh !important; min-height: auto; } #headerbild .ce_image.startseite, #headerbild .startseite figure, #headerbild .ce_image, #headerbild figure { height: 40vh !important; min-height: auto; } .historie_block .image_container { display: none; } .historie_block .textblock { width: auto; } .ce_gallery.partner { text-align: center; } .ce_gallery.partner li { width: auto; height: initial; text-align: center; margin: auto; position: relative; } .ce_gallery.partner li figure { padding: 10px; display: block; } } @media only screen and (max-width : 375px) { .formular_zeile { display: block; } .ce_form select, .ce_form option, .ce_form input[type="text"], .ce_form input[type="email"], .ce_form input[type="tel"], .ce_form textarea { width: calc(100% - 20px); } .formular_zeile .widget { width: calc(100% - 20px); } } /* WIREFRAME DUMMY*/ .container_fe_page_innen { max-width: 1025px; margin: auto; padding-right: 325px; } .container_fe_page_innen .content_1280 { max-width: 1000px; } .mod_article { *padding-top: 100px; *padding-bottom: 100px; } #headerbild .mod_article { padding: 0; } #container .mod_article:first-child { padding-top: 10px; } .padding_bottom_0 { padding-bottom: 0px !important; } td { width: auto; } .button a, .button.flex li a { font-family: "AmsiProNarrowBlack","sans-serif"; background: #333333; width: auto; border-radius: 5px; padding: 7px 20px 5px 20px; color: #eeeeee; text-decoration: none; font-weight: 400; display: inline-block; margin-top: 10px; letter-spacing: 0.75px; } .button a:before, a.button:before { position: relative; content: url("../../files/assets/WeisserPfeil_Kleiner.png") !important; padding-right: 10px; top: 1px; } a.button:before { top: 0px; } .button a[href^="tel:"]:before { content:"" !important; padding-right: 0px; top: 0px; } .button a[href^="tel:"], .button.flex li a[href^="tel:"] { background: none; width: auto; border-radius: 0px; padding: 0; color: inherit; text-decoration: none; font-weight: inherit; font-size: inherit; } .button.flex ul { margin: 0; padding: 0; } .button.flex li { display: inline-block; margin:5px; } .button.flex li a:before { top: 3px; } ul, ol { padding-top: 0px; padding-left: 30px; padding-bottom: 30px; } .ce_downloads li { padding-bottom: 15px; } /***************************/ /** * Global TinyMCE style sheet * * Use this style sheet to define CSS classes for the rich text editor. The * stlye sheet will be included in the editor and the page layout automatically. * Although the stlye sheet is shared by all themes, you can override its * formattings in any of your theme style sheets. * * files/tinymce.css (this is how it looks like in TinyMCE) * .warning { color:#c55; } * * theme_a.css (this is how it looks like in theme A) * .warning { font-weight:bold; } * * theme_b.css (this is how it looks like in theme B) * .warning { color:#000; } * * If you do not want to use a global TinyMCE style sheet at all, simply delete * this file (files/tinymce.css). */ a.button { font-family: "AmsiProNarrowBlack","sans-serif"; background: #333333; width: auto; border-radius: 5px; padding: 8px 20px 5px 20px; color: #eeeeee; text-decoration: none; font-weight: 400; display: inline-block; margin-top: 10px; letter-spacing: 0.75px; } .fontDef_Subline { font-size: 27px; line-height: 38px; margin-bottom: 0px; color: #444444; margin-top: -30px; font-weight: 300; padding-top: 0px !important; } div.bildtitel { position: absolute; bottom: 15%; background: #000000; color: #FFFFFF; padding: 15px 20px 8px 20px; text-align: right; *width: calc(100% - 20px); width: auto; font-weight: 600; line-height: 20px; left: 0px; } .bildtitel_klein { font-size: 15px; font-weight: 400; } div.historie_jahreszahl { position: relative; width: 100%; font-size: 35px; font-family: "AmsiProCondensedUltra"; margin-bottom: 20px; } @charset "UTF-8";/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-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)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}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)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__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)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-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-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-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}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__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-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-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-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)}}@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)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-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)}}@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)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-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-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-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} .blogbox { position: relative; margin-bottom: 10px; } .blogteaserimage { position: relative } .blogbox .textwrapper { padding-top: 15px; padding-bottom: 25px; padding-left: 0px; padding-right: 0px; background: #ffffff; } .blogbox .newstext_wrapper { padding-left: 25px; padding-right: 50px; } .blogbox h2 { font-weight: 400; font-size: 30px; line-height: 35px; text-align: left; } .blogbox h3 { font-size: 20px; line-height: 30px; color: #444444; background: #FFFFFF; padding: 5px 10px 0px 25px; display: inline-block; } .blogbox .more { font-size: 18px; background: #000000; padding: 5px 10px 0px 10px; display: inline-block; } .blogbox .more a { text-decoration: none; font-size: 18px; color: #FFFFFF; } @media only screen and (max-width:1919px) { .blogbox h2 { font-weight: 400; font-size: 2.075vw!important; line-height: 2.15vw!important } } @media only screen and (max-width:1024px) { .blogbox h2 { font-weight: 400; font-size: 32px!important; line-height: 42px!important } } @media only screen and (max-width:1023px) { .blogbox h2 { font-weight: 400; font-size: 23px!important; line-height: 28px!important } } .mod_newslist { position: relative; padding-bottom: 50px } .mod_newslist .blogbox, .mod_newslist .newsbox { width: 29.8666%; float: left; margin-right: 2.6% } .mod_newslist .newsbox:first-child { margin-left: 2.6% } .mod_newsreader h1 { font-size: 50px; line-height: 60px; padding-bottom: 70px; text-align: center; } .mod_newsreader h2 { font-size: 30px; line-height: 38px; text-align: left; }