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}.media{display:flow-root}.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}.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%} header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} .download-element a{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 a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)} /*! * 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,.mod_navigation li.mm_container>strong{position:relative}.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>a:after,.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>strong:after,.mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>a:after,.mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>strong: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:not(.mm_container_onClickOnly):hover .mm_dropdown,.mod_navigation li.mm_container.mm_container_onClickOnly .mm_isActive~.mm_dropdown{display:block} .ce_timelineSliderStart{margin-bottom:20px}.ce_timelineSliderStart.horizontal,.ce_timelineSliderStart.auto{display:flex;align-items:center;overflow:visible;padding:30px 0}.content-slider-roadmap{overflow:hidden;visibility:hidden;position:relative;text-align:center}.event__content .ce_text:first-child p:first-child{margin-top:0}.image-slider{position:relative}.slider-control-roadmap{text-align:center;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:30px}.slider-control-roadmap .slider-menu{width:100%;padding:0 30px}.slider-control-roadmap .slider-menu b{font-size:28px;color:#000}.slider-control-roadmap .slider-menu b.active{color:#9a9a9a}.slider-control-roadmap .slider-next{right:0}.slider-control-roadmap .slider-prev,.slider-control-roadmap .slider-next{color:#000;font-size:28px;position:absolute;text-decoration:none}.slider-control-roadmap .slider-prev{left:0}.roadmap.roadmap--orientation-horizontal,.roadmap.roadmap--orientation-auto{width:90%}.roadmap.roadmap--orientation-horizontal *,.roadmap.roadmap--orientation-auto *{box-sizing:border-box}.roadmap.roadmap--orientation-horizontal .roadmap__events__event,.roadmap.roadmap--orientation-auto .roadmap__events__event{height:250px}.roadmap.roadmap--orientation-horizontal .roadmap__events__event .event__date,.roadmap.roadmap--orientation-auto .roadmap__events__event .event__date{font-size:22px}.roadmap.roadmap--orientation-horizontal .roadmap__events,.roadmap.roadmap--orientation-auto .roadmap__events{padding:250px 0}.roadmap.roadmap--orientation-horizontal .roadmap__events:after,.roadmap.roadmap--orientation-auto .roadmap__events:after{top:inherit}.roadmap.roadmap--orientation-horizontal .roadmap__navigation,.roadmap.roadmap--orientation-auto .roadmap__navigation{margin-top:20px}.ce_timelineSliderStart.nav-top .roadmap{display:flex;flex-wrap:wrap;justify-content:center}.ce_timelineSliderStart.nav-top .roadmap .roadmap__navigation{order:1;margin-bottom:20px}.ce_timelineSliderStart.nav-top .roadmap .roadmap__events{order:2}@media (min-width:993px){.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(even) .event .event__date,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even) .event .event__date{bottom:-140px}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(odd) .event .event__date,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd) .event .event__date{top:-140px}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(even) .event .event__date,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:nth-child(odd) .event .event__date,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even) .event .event__date,.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd) .event .event__date{position:absolute;width:100%}}.roadmap.roadmap--orientation-vertical.roadmap--initialized{margin:70px auto;position:relative}.roadmap.roadmap--orientation-vertical.roadmap--initialized *{box-sizing:border-box}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event{min-height:44px;margin-bottom:50px}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event .event{width:50%;top:-15px;-webkit-transition:all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1.3);-o-transition:all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1.3);transition:all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1.3)}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event:nth-child(odd) .event__date{text-align:right;padding-right:70px;font-size:22px}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event:nth-child(odd) .event__content{position:absolute;right:-390px;width:100%;top:0;text-align:left}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event:nth-child(odd) .event{top:-10px}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event:nth-child(even) .event__date{text-align:left;font-size:22px;padding-left:70px}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event:nth-child(even) .event__content{position:absolute;left:-390px;width:100%;text-align:right;top:0}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events{min-height:1px}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events:after{-webkit-transition:all 0.1s linear;-o-transition:all 0.1s linear;transition:all 0.1s linear;height:100%}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:before{display:none}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:after{height:20px !important;width:20px !important;border-radius:100%;left:50%;margin-left:-10px;margin-top:-7.5px;transform:none !important;transition:none}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(odd) .event__content{right:-100%;padding-left:70px}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(even) .event__content{left:-100%;padding-right:70px}.roadmap.roadmap--orientation-horizontal .roadmap__navigation,.roadmap.roadmap--orientation-vertical .roadmap__navigation,.roadmap.roadmap--orientation-auto .roadmap__navigation{padding:0}.roadmap.roadmap--orientation-horizontal .roadmap__navigation li,.roadmap.roadmap--orientation-vertical .roadmap__navigation li,.roadmap.roadmap--orientation-auto .roadmap__navigation li{height:30px}.roadmap.roadmap--orientation-horizontal .roadmap__navigation *,.roadmap.roadmap--orientation-vertical .roadmap__navigation *,.roadmap.roadmap--orientation-auto .roadmap__navigation *{position:relative;top:inherit;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;z-index:1}.roadmap.roadmap--orientation-horizontal .roadmap__navigation>* a,.roadmap.roadmap--orientation-vertical .roadmap__navigation>* a,.roadmap.roadmap--orientation-auto .roadmap__navigation>* a{font-weight:700;text-decoration:none}.roadmap.roadmap--orientation-horizontal .roadmap__navigation>:last-child,.roadmap.roadmap--orientation-vertical .roadmap__navigation>:last-child,.roadmap.roadmap--orientation-auto .roadmap__navigation>:last-child{float:right;right:inherit}.roadmap.roadmap--orientation-horizontal .roadmap__navigation>:first-child,.roadmap.roadmap--orientation-vertical .roadmap__navigation>:first-child,.roadmap.roadmap--orientation-auto .roadmap__navigation>:first-child{float:left;left:inherit}.roadmap.roadmap--orientation-horizontal h2,.roadmap.roadmap--orientation-horizontal h3,.roadmap.roadmap--orientation-horizontal h4,.roadmap.roadmap--orientation-horizontal h5,.roadmap.roadmap--orientation-horizontal h6,.roadmap.roadmap--orientation-vertical h2,.roadmap.roadmap--orientation-vertical h3,.roadmap.roadmap--orientation-vertical h4,.roadmap.roadmap--orientation-vertical h5,.roadmap.roadmap--orientation-vertical h6,.roadmap.roadmap--orientation-auto h2,.roadmap.roadmap--orientation-auto h3,.roadmap.roadmap--orientation-auto h4,.roadmap.roadmap--orientation-auto h5,.roadmap.roadmap--orientation-auto h6{margin:0}.roadmap.roadmap--orientation-horizontal .roadmap__events__event:after,.roadmap.roadmap--orientation-horizontal .roadmap__events__event:before,.roadmap.roadmap--orientation-horizontal .roadmap__events:after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:after,.roadmap.roadmap--orientation-vertical .roadmap__events__event:before,.roadmap.roadmap--orientation-vertical .roadmap__events:after,.roadmap.roadmap--orientation-auto .roadmap__events__event:after,.roadmap.roadmap--orientation-auto .roadmap__events__event:before,.roadmap.roadmap--orientation-auto .roadmap__events:after{background-color:#000}.roadmap.roadmap--orientation-vertical .roadmap__navigation>:last-child,.roadmap.roadmap--orientation-vertical .roadmap__navigation>:first-child{float:none;text-align:center}@media (max-width:992px){.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(even) .event__date{padding-left:35px}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(odd) .event__date{padding-right:35px}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event .event{transition:none !important}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(odd) .event__content{padding-left:35px}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(even) .event__content{padding-right:35px}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events .roadmap__events__event:before{transition:none !important}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events:after{transition:none !important}.roadmap.roadmap--orientation-auto .event__date{margin-bottom:15px}.roadmap.roadmap--orientation-auto .roadmap__events{padding:0}.roadmap.roadmap--orientation-auto .roadmap__events:after{top:0}.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd) .event{top:0}.roadmap.roadmap--orientation-auto .roadmap__navigation>:last-child,.roadmap.roadmap--orientation-auto .roadmap__navigation>:first-child{float:none;text-align:center}}@media (max-width:600px){.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event:nth-child(odd) .event{margin-left:0}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events__event:nth-child(even) .event{margin-right:0}.roadmap.roadmap--orientation-vertical.roadmap--initialized .roadmap__events{width:100%}} .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%; } } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)} .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} #nav_mega.dropdown{overflow:visible}#nav_mega li.mm_container>a,#nav_mega li.mm_container>span{position:relative}#nav_mega li.mm_container:hover>a:after,#nav_mega li.mm_container:hover>span:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background-color:#ffffff;z-index:110}#nav_mega li.mm_container .mm_dropdown{display:none;position:absolute;left:auto;right:0px;z-index:100}#nav_mega li.mm_container .mm_dropdown>.inner{padding:0px 12px 0px 12px;border:1px solid #0082cc;background-color:rgba(255, 255, 255, 0.9);width:220px;margin-top:1rem;overflow:hidden}#nav_mega li.mm_container:hover .mm_dropdown{display:block}#nav_mega .mm_dropdown{} /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.3.2 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Hover.css Copyright Ian Lunn 2017. Generated with Sass. */ /* 2D TRANSITIONS */ /* Grow */ .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { -webkit-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } .hvr-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .hvr-push { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-push:hover, .hvr-push:focus, .hvr-push:active { -webkit-animation-name: hvr-push; animation-name: hvr-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .hvr-pop { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Bounce In */ .hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Bounce Out */ .hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Rotate */ .hvr-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { -webkit-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .hvr-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-float:hover, .hvr-float:focus, .hvr-float:active { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* Sink */ .hvr-sink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { -webkit-transform: translateY(8px); transform: translateY(8px); } /* Bob */ @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Hang */ @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } .hvr-hang { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { -webkit-animation-name: hvr-hang-sink, hvr-hang; animation-name: hvr-hang-sink, hvr-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Skew */ .hvr-skew { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .hvr-skew-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Backward */ .hvr-skew-backward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { -webkit-transform: skew(10deg); transform: skew(10deg); } /* Wobble Vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Bottom Right */ @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { -webkit-animation-name: hvr-wobble-to-bottom-right; animation-name: hvr-wobble-to-bottom-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Top Right */ @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { -webkit-animation-name: hvr-wobble-to-top-right; animation-name: hvr-wobble-to-top-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { -webkit-animation-name: hvr-wobble-top; animation-name: hvr-wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { -webkit-animation-name: hvr-wobble-bottom; animation-name: hvr-wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Skew */ @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-skew { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Buzz */ @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-buzz { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Buzz Out */ @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Forward */ .hvr-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active { -webkit-transform: translateX(8px); transform: translateX(8px); } /* Backward */ .hvr-backward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active { -webkit-transform: translateX(-8px); transform: translateX(-8px); } /* BACKGROUND TRANSITIONS */ /* Fade */ .hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: #2098D1; color: white; } /* Back Pulse */ @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } .hvr-back-pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); overflow: hidden; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #2098D1; background-color: #2098d1; color: white; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; background: #0082cb; padding: 15px; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #F8B000; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Left */ .hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { color: white; } .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Bottom */ .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; background: #0082cb; padding: 15px; } .hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #F8B000; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { color: white; } .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Sweep To Top */ .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; } .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Bounce To Right */ .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background: #0082cb; padding: 15px; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #F8B000; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: white; } .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Left */ .hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { color: white; } .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Bottom */ .hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { color: white; } .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Top */ .hvr-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { color: white; } .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Radial Out */ .hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { color: white; } .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { -webkit-transform: scale(2); transform: scale(2); } /* Radial In */ .hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; background: #2098D1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { color: white; } .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle In */ .hvr-rectangle-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #2098D1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { color: white; } .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle Out */ .hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098D1; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white; } .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { -webkit-transform: scale(1); transform: scale(1); } /* Shutter In Horizontal */ .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #2098D1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { color: white; } .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); } /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098D1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: white; } .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Shutter In Vertical */ .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #2098D1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { color: white; } .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { -webkit-transform: scaleY(0); transform: scaleY(0); } /* Shutter Out Vertical */ .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { color: white; } .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* BORDER TRANSITIONS */ /* Border Fade */ .hvr-border-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Hollow */ .hvr-hollow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { background: none; } /* Trim */ .hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-trim:before { content: ''; position: absolute; border: white solid 4px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { opacity: 1; } /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-ripple-out:before { content: ''; position: absolute; border: #e1e1e1 solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } /* Ripple In */ @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } @keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } .hvr-ripple-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-ripple-in:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { -webkit-animation-name: hvr-ripple-in; animation-name: hvr-ripple-in; } /* Outline Out */ .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-outline-out:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; } /* Outline In */ .hvr-outline-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-outline-in:before { pointer-events: none; content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; } /* Round Corners */ .hvr-round-corners { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: border-radius; transition-property: border-radius; } .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { border-radius: 1em; } /* Underline From Left */ .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #2098D1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0; } /* Underline From Center */ .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background: #2098D1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; } /* Underline From Right */ .hvr-underline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-underline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; bottom: 0; background: #2098D1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { left: 0; } /* Overline From Left */ .hvr-overline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-overline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background: #2098D1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { right: 0; } /* Overline From Center */ .hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-overline-from-center:before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; top: 0; background: #2098D1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { left: 0; right: 0; } /* Overline From Right */ .hvr-overline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-overline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background: #2098D1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { left: 0; } /* Reveal */ .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #2098D1; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 4px; } /* Underline Reveal */ .hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #2098D1; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* Overline Reveal */ .hvr-overline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-overline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #2098D1; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* SHADOW/GLOW TRANSITIONS */ /* Glow */ .hvr-glow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } /* Shadow */ .hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); } /* Grow Shadow */ .hvr-grow-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform; } .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1); } /* Box Shadow Outset */ .hvr-box-shadow-outset { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } /* Box Shadow Inset */ .hvr-box-shadow-inset { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Shadow Radial */ .hvr-shadow-radial { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-shadow-radial:before, .hvr-shadow-radial:after { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; box-sizing: border-box; background-repeat: no-repeat; height: 5px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-shadow-radial:before { bottom: 100%; background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:after { top: 100%; background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { opacity: 1; } /* SPEECH BUBBLES */ /* Bubble Top */ .hvr-bubble-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-bubble-top:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); top: 0; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; } .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Right */ .hvr-bubble-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; } .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Bottom */ .hvr-bubble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-bubble-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); bottom: 0; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; } .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Left */ .hvr-bubble-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-bubble-left:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; } .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* Bubble Float Top */ .hvr-bubble-float-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); top: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Float Right */ .hvr-bubble-float-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:before { position: absolute; z-index: -1; top: calc(50% - 10px); right: 0; content: ''; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Float Bottom */ .hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); bottom: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Float Left */ .hvr-bubble-float-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:before { position: absolute; z-index: -1; content: ''; top: calc(50% - 10px); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* ICONS */ /* Icon Back */ .hvr-icon-back { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-back .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon { -webkit-transform: translateX(-4px); transform: translateX(-4px); } /* Icon Forward */ .hvr-icon-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-forward .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon { -webkit-transform: translateX(4px); transform: translateX(4px); } /* Icon Down */ @-webkit-keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } /* Icon Down */ .hvr-icon-down { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-down .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Up */ @-webkit-keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* Icon Up */ .hvr-icon-up { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-up .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon { -webkit-animation-name: hvr-icon-up; animation-name: hvr-icon-up; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Spin */ .hvr-icon-spin { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-spin .hvr-icon { -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon { -webkit-transform: rotate(360deg); transform: rotate(360deg); } /* Icon Drop */ @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } @keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } /* Icon Drop */ .hvr-icon-drop { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-drop .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon { opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: hvr-icon-drop; animation-name: hvr-icon-drop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Icon Fade */ .hvr-icon-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-fade .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color; transition-property: color; } .hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon { color: #0F9E5E; } /* Icon Float Away */ @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } /* Icon Float Away */ .hvr-icon-float-away { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-float-away .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon { -webkit-animation-name: hvr-icon-float-away; animation-name: hvr-icon-float-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Sink Away */ @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } /* Icon Sink Away */ .hvr-icon-sink-away { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-sink-away .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon { -webkit-animation-name: hvr-icon-sink-away; animation-name: hvr-icon-sink-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Grow */ .hvr-icon-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon { -webkit-transform: scale(1.3) translateZ(0); transform: scale(1.3) translateZ(0); } /* Icon Shrink */ .hvr-icon-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-shrink .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon { -webkit-transform: scale(0.8); transform: scale(0.8); } /* Icon Pulse */ @-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-pulse .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon { -webkit-animation-name: hvr-icon-pulse; animation-name: hvr-icon-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Pulse Grow */ @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } .hvr-icon-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-pulse-grow .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon { -webkit-animation-name: hvr-icon-pulse-grow; animation-name: hvr-icon-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Pulse Shrink */ @-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-pulse-shrink .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon { -webkit-animation-name: hvr-icon-pulse-shrink; animation-name: hvr-icon-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Push */ @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } .hvr-icon-push { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-push .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon { -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Pop */ @-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } .hvr-icon-pop { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-pop .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon { -webkit-animation-name: hvr-icon-pop; animation-name: hvr-icon-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Bounce */ .hvr-icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bounce .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Icon Rotate */ .hvr-icon-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-rotate .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon { -webkit-transform: rotate(20deg); transform: rotate(20deg); } /* Icon Grow Rotate */ .hvr-icon-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow-rotate .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon { -webkit-transform: scale(1.5) rotate(12deg); transform: scale(1.5) rotate(12deg); } /* Icon Float */ .hvr-icon-float { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-float .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon { -webkit-transform: translateY(-4px); transform: translateY(-4px); } /* Icon Sink */ .hvr-icon-sink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-sink .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon { -webkit-transform: translateY(4px); transform: translateY(4px); } /* Icon Bob */ @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } .hvr-icon-bob { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bob .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon { -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-name: hvr-icon-bob-float, hvr-icon-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Hang */ @-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @-webkit-keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } .hvr-icon-hang { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-hang .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon { -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang; animation-name: hvr-icon-hang-sink, hvr-icon-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Wobble Horizontal */ @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-icon-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-horizontal .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon { -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Wobble Vertical */ @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-icon-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-vertical .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon { -webkit-animation-name: hvr-icon-wobble-vertical; animation-name: hvr-icon-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Buzz */ @-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-icon-buzz { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon { -webkit-animation-name: hvr-icon-buzz; animation-name: hvr-icon-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Buzz Out */ @-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-icon-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz-out .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon { -webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* CURLS */ /* Curl Top Left */ .hvr-curl-top-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-curl-top-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); /*For IE7-8-9*/ z-index: 1000; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before { width: 25px; height: 25px; } /* Curl Top Right */ .hvr-curl-top-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-curl-top-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Right */ .hvr-curl-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-curl-bottom-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Left */ .hvr-curl-bottom-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-curl-bottom-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%); box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { width: 25px; height: 25px; } /*# sourceMappingURL=hover.css.map */ .section { margin:20px 40px; padding:20px 0; min-height:100px; } .section h1 { margin-bottom: 10px; } .section:nth-of-type(n+2) { border-top: 1px solid #e6e6e8; } .section p { line-height:1.2; } .footer { display: flex; justify-content: space-around; background:#eee; padding:8px 20px; color:#888; } .footer a { color:#888; } .fzCookieConsentMessage { padding: 10px 0; margin: 10px 0; } .fzCookieConsentMessage:nth-child(n+2) { border-top: 1px solid #e6e6e8; } .fzCookieConsentMessage .tl_error { background-position: left center !important; } .fzCookieConsentMessage ul { padding-left: 21px; } .fzCookieConsentMessageContent { padding-left: 20px; } .fzCookieConsentMessageFooter { padding-top: 0; margin-top: 1rem; } .mod_cookieconsent input, .mod_cookieconsent button { margin: 0; } .mod_cookieconsent input.submit[type="submit"].colored, .mod_cookieconsent button.submit[type="submit"].colored { background: #519249; } .mod_cookieconsent input.submit[type="submit"].colored:hover, .mod_cookieconsent button.submit[type="submit"].colored:hover { background: #559f4c; } .mod_cookieconsent input.submit, .mod_cookieconsent button { display: inline-block; padding: 1.2em 2em; cursor: pointer; transition: all 0.2s ease-out 0s; width: 100%; background: rgb(152,152,152); color: #fff; border-radius: 5px; border-width: 0; font-weight: normal; font-size: 14.4px; min-width: 140px; text-align: center; text-transform: uppercase; position: relative; -webkit-appearance: none; font-family: Montserrat,sans-serif; letter-spacing: .07em; line-height: 1; height: auto; } .mod_cookieconsent input.submit:hover, .mod_cookieconsent button:hover { background: rgb(160,160,160); border: none; } .mod_cookieconsent { display: none; font-family: Montserrat,sans-serif; font-size: 16px; } .mod_cookieconsent.open { display: block; } .mod_cookieconsent.open-user { display: block !important; } .mod_cookieconsent .privacy_overlay { z-index: 10000000; position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.6); } .mod_cookieconsent .privacy_popup { position: fixed; top: 0; left: 50%; transform: translate3d(-50%, 0, 0); z-index: 10000001; width: 90%; max-width: 475px; height: 100%; } .mod_cookieconsent .privacy_inside { left: 0; top: 0; overflow: auto; height: 100%; display: flex; align-items: center; width: 100%; box-sizing: border-box; } .mod_cookieconsent .privacy_content { padding: 32px 0 24px; background: #fff; border-radius: 7px; width: 100%; box-sizing: border-box; background-image: url(/bundles/contaocookieconsent/img/cookie.svg); background-size: 50px; background-position: 95% 24px; background-position: calc(100% - 15px) 26px; background-repeat: no-repeat; } .mod_cookieconsent .privacy_content .radio_container { max-height: 380px; overflow-y: auto; } .mod_cookieconsent .palette .item { transition: All 0.2s ease; -webkit-transition: All 0.2s ease; border-style: solid; border-color: #ddd; border-width: 0; border-bottom-width: 1px; } .mod_cookieconsent .palette .item .widget-label label { padding: 20px 15px; padding-left: 50px; font-size: 12.8px; line-height: 1.5; } .mod_cookieconsent .item strong { color: #444; font-size: 12.8px; } .mod_cookieconsent .palette .item:nth-child(1) { border-top-width: 1px; } .mod_cookieconsent .palette .item:hover { box-shadow: 0 0 2px 2px rgba(0,0,0,0.07); } .mod_cookieconsent .toggleSettings .info { line-height: 1.5; } .mod_cookieconsent .palette .info { font-size: 12.8px; color: rgba(0,0,0,0.6); margin-bottom: 0; cursor: pointer; display: inline; } .mod_cookieconsent .cookie_info { margin-top: -0.3em; margin-bottom: 16px; padding: 0 32px; padding-right: 72px; font-size: 19.2px; line-height: 1.3; font-family: Montserrat,sans-serif; font-weight: bold; color: #444; } .mod_cookieconsent button.toggleSettings, .mod_cookieconsent .ce_hyperlink, .mod_cookieconsent .acceptAllForm, .mod_cookieconsent .info { width: calc(100% - 64px); margin: 0 auto; box-sizing: border-box; display: block; } .mod_cookieconsent form label, .mod_cookieconsent form input.radio { cursor: pointer; width: 100%; display: block; padding-right: 12%; box-sizing: border-box; } .mod_cookieconsent form div.widget { position: relative; overflow: hidden; display: flex; align-items: baseline; } .mod_cookieconsent form .widget-radio input { margin: 0; float: left; width: 8%; } .mod_cookieconsent form .widget-label { line-height: 1; float: left; width: 100%; cursor: pointer; } .mod_cookieconsent .submit { margin-top: 15px; } .mod_cookieconsent .submit:active { opacity: 0.8; } .mod_cookieconsent .submit.readonly, .mod_cookieconsent .submit.readonly:hover, .mod_cookieconsent .submit.readonly:focus { background: rgb(221, 221, 221); color: rgb(154, 154, 154); border: 1px solid rgb(221, 221, 221); } .mod_cookieconsent .headline { font-size: 20.8px; margin-bottom: 10px; } .mod_cookieconsent p.privacy { color: rgb(255,255,255); background: red; font-weight: bold; padding: 20px; text-align: center; margin: 20px; } .mod_cookieconsent p.privacy a { text-decoration: underline; color: rgba(255,255,255)!important; } .mod_cookieconsent .privacy.hidden { display: none; } .mod_cookieconsent .links { text-align: center; display: flex; justify-content: space-around; padding: 24px 0 0; } .mod_cookieconsent .links a { font-size: 12px; letter-spacing: .03em; text-align: center; text-transform: uppercase; color: #555; cursor: pointer; text-decoration: underline; display: inline-block; margin-left: 3px; margin-right: 3px; } .hide_cookie_consent .mod_cookieconsent { display: none; } div.mod_cookieconsent div.widget-radio { display: block; position: relative; margin: 0; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.mod_cookieconsent div.widget-radio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } div.mod_cookieconsent div.widget-radio input ~ .checkmark { position: absolute; top: 22px; left: 20px; height: 20px; width: 20px; background-color: #eee; border-radius: 50%; padding: 0; } div.mod_cookieconsent div.widget-radio:hover input ~ .checkmark { background-color: #ccc; } div.mod_cookieconsent div.widget-radio input:checked ~ .checkmark { background-color: #519249; } div.mod_cookieconsent div.widget-radio input ~ .checkmark:after { content: ""; position: absolute; display: none; } div.mod_cookieconsent div.widget-radio input ~ .checkmark:before { display: none; } div.mod_cookieconsent div.widget-radio input:checked ~ .checkmark:after { display: block; } div.mod_cookieconsent div.widget-radio input ~ .checkmark:after { top: 50%; left: 50%; width: 6px; height: 6px; border-radius: 50%; background: white; transform: translate3d(-50%, -50%, 0); } @media all and (max-width: 527px) { .mod_cookieconsent .cookie_info { font-size: calc(7.5px + 2vw); padding-right: 64px; } } @media all and (max-width: 425px) { .mod_cookieconsent .privacy_content { background-size: 42px; background-position: calc(100% - 10px) 26px; } .mod_cookieconsent .cookie_info { font-size: 16px; padding-right: 60px; } .mod_cookieconsent .info { font-size: 12.5px; } .mod_cookieconsent input.submit, .mod_cookieconsent button { font-size: 12.5px; } .mod_cookieconsent form label, .mod_cookieconsent form input.radio { padding-right: 5px; } } @media all and (max-width: 375px) { .mod_cookieconsent .privacy_content { background-size: 30px; background-position: calc(100% - 8px) 12px; padding: 16px 0 8px; } .mod_cookieconsent .cookie_info { font-size: 12px; padding-right: 50px; padding-right: calc(-150px + 60vw); } .mod_cookieconsent .info { font-size: 12.5px; } .mod_cookieconsent input.submit, .mod_cookieconsent button { font-size: 11.2px; } .mod_cookieconsent .palette .info { font-size: 11.2px; } .mod_cookieconsent form label, .mod_cookieconsent form input.radio { padding-right: 0px; } .mod_cookieconsent .links { padding: 8px 0 0; } .mod_cookieconsent .submit { margin-top: 5px; } } .fz_cookie_consent_html_loader button { cursor: pointer; margin: 10px; } .fz_cookie_consent_html_loader .load_html{ width: 100%; min-height: 200px; background: #eee; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 1rem 0; } .mod_cookieconsent #cookie_settings { max-height: 0; overflow: hidden; } .mod_cookieconsent #cookie_settings.closed { max-height: 0; overflow: hidden; animation-name: hide; animation-duration: 1.4s; animation-direction: reverse; animation-fill-mode: forwards; animation-timing-function: ease-in-out; } .mod_cookieconsent #cookie_settings.open { max-height: 500px; animation-name: show; animation-duration: 1.4s; animation-direction: normal; animation-timing-function: ease-in-out; } .mod_cookieconsent #cookie_settings + .toggleSettings { overflow: hidden; } .mod_cookieconsent #cookie_settings.closed + .toggleSettings { max-height: 500px; animation-name: show; animation-duration: 1.4s; animation-direction: normal; animation-fill-mode: forwards; animation-timing-function: ease-in-out; } .mod_cookieconsent #cookie_settings.open + .toggleSettings { animation-name: hide; animation-duration: 1.4s; animation-direction: reverse; animation-fill-mode: forwards; animation-timing-function: ease-in-out; } .mod_cookieconsent #cookie_settings + .toggleSettings .info { display: block; margin-bottom: 16px; } .mod_cookieconsent button.toggleSettings { margin-top: 5px; } @keyframes hide { 0%, 50% { max-height: 0px; } 100% { max-height: 500px; } } @keyframes show { 0%, 50% { max-height: 0px; } 100% { max-height: 500px; } } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: local('Montserrat Regular'), local('Montserrat-Regular'), url(/bundles/contaocookieconsent/font/Montserrat/Montserrat-Regular.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: local('Montserrat Medium'), local('Montserrat-Medium'), url(/bundles/contaocookieconsent/font/Montserrat/Montserrat-Medium.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: local('Montserrat Bold'), local('Montserrat-Bold'), url(/bundles/contaocookieconsent/font/Montserrat/Montserrat-Bold.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* pt-sans-v17-regular - latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local(''), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-regular.woff2') format('woff2'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-regular.woff') format('woff'); } /* pt-sans-v17-italic - latin */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; font-display: swap; src: local(''), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-italic.woff2') format('woff2'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-italic.woff') format('woff'); } /* pt-sans-v17-700 - latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; font-display: swap; src: local(''), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700.woff2') format('woff2'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700.woff') format('woff'); } /* pt-sans-v17-700italic - latin */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 700; font-display: swap; src: local(''), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700italic.woff2') format('woff2'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700italic.woff') format('woff'); } /* pt-sans-v17-regular - latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-regular.eot'); src: local(''), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-regular.woff2') format('woff2'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-regular.woff') format('woff'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-regular.ttf') format('truetype'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-regular.svg#Pt-sans') format('svg'); } /* pt-sans-v17-italic - latin */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-italic.eot'); src: local(''), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-italic.woff2') format('woff2'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-italic.woff') format('woff'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-italic.ttf') format('truetype'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-italic.svg#Pt-sans') format('svg'); } /* pt-sans-v17-700 - latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700.eot'); src: local(''), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700.woff2') format('woff2'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700.woff') format('woff'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700.ttf') format('truetype'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700.svg#Pt-sans') format('svg'); } /* pt-sans-v17-700italic - latin */ @font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700italic.eot'); src: local(''), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700italic.woff2') format('woff2'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700italic.woff') format('woff'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700italic.ttf') format('truetype'), url('../../files/googlefonts/pt-sans_v17_20220908-154249/pt-sans-v17-latin-700italic.svg#Pt-sans') format('svg'); } @media (min-width: 1480px){ /* style.css */ .lis li{padding-left:26px;background-image:url("../../files/images/poin-strom2.svg");background-repeat:no-repeat;background-size: 20px auto; background-position: left 3px}.layer-themen .rs-column{margin-top:1%}.butts a{display:block;margin-top:10px;margin-bottom:10px;padding:20px 40px;text-align:center;background-color:#0082cb;border-radius:5px;font-size:20px;color:#fff}.butts a:hover{background-color:#565657;color:#fff}.butts p{padding-top:20px;padding-bottom:20px}.layer-center h1{width:100%;margin-right:auto;margin-bottom:30px;margin-left:auto;padding-top:18px;padding-bottom:18px;text-align:center;border-top:0px solid rgba(0,130,203,.5);border-bottom:0px solid rgba(0,130,203,.5);font-size:32px;color:#0082cb}.acco{margin-bottom:30px}.acco .toggler{padding:12px;background-color:#0082cb;border-top-left-radius:5px;border-top-right-radius:5px;font-size:22px;color:#fff;cursor: pointer}.acco .toggler:hover{background-color:#565657;cursor: pointer}.acco .ui-icon{width:25px;height:25px;float:right;display:block;background-image:url("../../files/images/pfeil-weiss.svg");background-position:right center;background-repeat:no-repeat}.acco .accordion{margin-bottom:30px;padding:20px;background-color:rgba(0,130,203,.15);border-bottom-right-radius:5px;border-bottom-left-radius:5px}.layer-themen h2{margin-right:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid;font-size:26px;color:#0082cb}.layer-themen h3{margin-bottom:20px;padding-bottom:15px;font-size:25px;color:#0082cb;font-weight: 600}.layer-themen .inside{width:60%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.frame_holder{padding-top:30px}iframe{display:block;margin-bottom:30px;background-color:#fff;border: none;width: 1px;min-width: 100%}.calendar-list .month-wrapper{float:left;margin-top:30px;margin-right:60px;margin-bottom:30px}.calendar-list .month-wrapper .month-label{margin-bottom:10px;text-align:center;font-weight:bold}.calendar-list .month-wrapper td{padding:12px}.layer-center .lay2{padding-left:30px}.tabi{padding-top:40px}.tabi td{padding:10px}.tabi table{border-left:2px solid #cce6f5}.tabi tbody tr{border-bottom:2px solid #cce6f5}.tabi thead td{border-right:2px solid #fff}.tabi tbody td{border-right:2px solid #cce6f5}.tabi thead{background-color:#cce6f5}.line{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #0082cb}.poi{margin-right:auto;margin-bottom:30px;margin-left:auto;text-align:center}.down-load .rs-column{margin-top:3%}.etap{min-height:150px}.etap2{min-height:150px}.etap3{min-height:80px}.form-info{margin-top:15px;margin-bottom:15px;font-weight:bold;color:#0082cb}.explanation{width:800px;text-align:right;font-size:15px;color:#870101}button.submit{padding:12px 20px;background-color:#0082cb;border:0px;border-radius:5px;color:#fff}button.submit:hover{background-color:#F8B000;cursor: pointer}.formular .widget-submit{width:800px;margin-top:15px;margin-bottom:15px;text-align:right}.formular label{width:260px;display:inline-block;margin-top:15px;margin-bottom:15px;vertical-align:top}.forma .checkbox_container label{width:30%;display:inline-block;margin-top:15px;margin-bottom:15px;vertical-align:top}.forma span{white-space:nowrap}.check-all label{width:400px}.formular input,.formular textarea{width:500px;margin-bottom:15px;padding:12px 15px;border:0px solid #fff;border-radius:5px}.formular .radio_container input,.formular .checkbox_container input{width:20px}.formular .radio_container label,.formular .checkbox_container label{vertical-align:baseline}.formular{margin-bottom:35px}.accord .toggler{padding:12px;background-color:#0082cb;border-top-left-radius:5px;border-top-right-radius:5px;font-size:22px;color:#fff;cursor: pointer}.accord .ui-icon{width:25px;height:25px;float:right;display:block;background-image:url("../../files/images/pfeil-weiss.svg");background-position:right center;background-repeat:no-repeat}.accord .accordion{padding:20px;background-color:rgba(0,130,203,.15);border-bottom-right-radius:5px;border-bottom-left-radius:5px}.lico li{padding-left:26px;background-image:url("../../files/images/poin-strom.svg");background-position:left center;background-repeat:no-repeat;background-size: 20px auto}.poins-img img{margin-top:30px;margin-bottom:0;padding-bottom:0;vertical-align:bottom}.view h2{margin-bottom:30px;font-size:26px;color:#0082cb}.product h2{margin-right:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid;font-size:26px;color:#0082cb}.download a{padding-top:5px;padding-bottom:5px;padding-left:31px;background-image:url("../../files/images/pdf-icon2.svg");background-position:left center;background-repeat:no-repeat;font-style:italic;text-decoration:underline;color:#0082cb;background-size: 24px auto}.download2 a{padding-top:20px;padding-bottom:20px;padding-left:31px;background-image:url("../../files/images/pdf-icon3.svg");background-position:left center;background-repeat:no-repeat;font-style:italic;text-decoration:underline;color:#0082cb;background-size: 24px auto}.load a{font-style:italic;text-decoration:underline;color:#0082cb}.download a:hover,.load a:hover,.download2 a:hover{text-decoration:none;color:rgba(0,130,203,.8)}.center{width:80%;margin-right:auto;margin-bottom:30px;margin-left:auto;text-align:center}.flexbox{background-color:#e6e6e6;display: flex; flex-wrap: wrap}.flexbox-w{display: flex; flex-wrap: wrap}.lay-text{margin:30px}.lays .rs-column{margin-top:0;margin-right:0}.lays .rs-column.-large-col-2-1{width:50%}.marginstop{margin-top:30px}.lays .image_container img{vertical-align:bottom}a:hover{color:#0082cb}.mod_login{padding-top:15px}.logins label{width:140px;display:inline-block}.logins .checkbox_container label{width:300px;display:inline-block}.crumb{margin-top:10px;margin-right:30px;margin-left:30px;padding-top:12px;padding-bottom:12px;border-top:1px solid rgba(0,130,203,.6);border-bottom:1px solid rgba(0,130,203,.6);font-size:15px}.crumb li{float:left;margin-right:5px}.crumb li.active,.crumb li:hover,.crumb a:hover{color:#0082cb}.crumb li::before{margin-right:5px;content:">"}.crumb li.first::before{margin-right:0;content:""}.scrollToTop{width:40px;height:105px;bottom:30px;right:20px;position:fixed;background-image:url("../../files/images/strom-blue2.svg");background-position:center center;background-repeat:no-repeat;text-indent: -4500px}.scrollToTop:hover{background-image:url("../../files/images/strom-gelb.svg")}.pic-blue{margin-top:-80px}.layer-center .inside{width:85%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.layer-center2 .inside{width:92%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.layer-grey .inside,.layer-white .inside{width:85%;margin-top:60px;margin-right:auto;margin-left:auto;padding-bottom:20px}.layer-center{margin:40px auto;background-color:rgba(0,130,203,.15)}.layer-center2{margin:40px auto;background-color:rgba(0,130,203,.15)}.layer-grey{margin-right:auto;margin-left:auto;background-color:#dcddde}.layer-white{margin-right:auto;margin-left:auto}.layer-center .lay{padding-top:50px;padding-bottom:50px;padding-left:30px}.marg{padding-top:50px;padding-bottom:15px}.marg2{padding-top:50px;padding-bottom:15px;padding-left:30px}.layer-center2 .lay{}.layer-grey .lay,.layer-white .lay{padding-top:50px;padding-bottom:50px}.layer-center .product{padding-top:10px;padding-bottom:50px;padding-left:30px}.layer-center .rs-column{margin-right:0}.layer-center2 .rs-column{margin-top:2%}.poins{min-height:500px;padding-bottom:15px;background-color:#fff;border-radius:5px}.poins2{background-color:#fff;border-radius:5px}.poins p{padding-right:10px;padding-left:10px}.poins2-text{min-height:380px;padding-right:10px;padding-left:10px}.pin2,.pin1,.pin3,.pin4,.pin5{margin-right:auto;margin-left:auto;text-align:center}.pin2,.pin1,.pin3{margin-bottom:50px}.pin2 p,.pin1 p,.pin3 p,.pin4 p,.pin5 p{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.6);font-size:30px;color:#fff}.pin2 h3,.pin1 h3,.pin3 h3,.pin4 h3,.pin5 h3{margin-top:20px;margin-right:auto;margin-left:auto;text-align:center;font-size:55px;line-height:88px;color:#facf61}#counter{padding:40px 30px}h2{font-size:26px;color:#0082cb}h3{font-size:24px;line-height:32px;color:#0082cb}.lay-w{padding-top:20px;padding-bottom:30px}.actual{padding:35px 30px;text-align:center}.actual .rs-column{margin-right:5%}.lay-w .rs-column{margin-right:2.5%;margin-left:2.5%}.lay-w .rs-column.-large-col-2-1{width:44%}h1{width:50%;margin-right:auto;margin-bottom:30px;margin-left:auto;padding-top:18px;padding-bottom:18px;text-align:center;border-top:1px solid rgba(0,130,203,.5);border-bottom:1px solid rgba(0,130,203,.5);font-size:26px;color:#0082cb}.actual h2{width:50%;margin-right:auto;margin-bottom:30px;margin-left:auto;padding-top:18px;padding-bottom:18px;text-align:center;border-top:1px solid rgba(0,130,203,.5);border-bottom:1px solid rgba(0,130,203,.5);font-size:26px;color:#0082cb}.view .rs-column{margin-right:5%}.social{float:left;margin-top:10px;margin-right:25px}.view{margin-top:40px;padding:30px;text-align:center;background-color:#e3e3e3}.butt a{padding:15px 20px;color:#fff}.butt2 a{margin-top:10px;margin-bottom:10px;padding:15px 20px;background-color:#0082cb;border-radius:5px;color:#fff}.butt a:hover{color:#333}#footer a{color:#fff}#footer a:hover{color:#F8B000}#footer h2{margin-right:30px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #F8B000;font-size:23px;color:#F8B000}.login input{margin-top:5px;margin-bottom:14px;padding:8px;background-color:rgba(0,130,203,.2);border:0px;border-radius:7px}.login .submit{margin-top:5px;margin-bottom:14px;padding:8px 15px;background-color:#0082cb;border:0px;border-radius:7px;color:#fff}.login .submit:hover{background-color:#F8B000;color:#000;cursor:pointer}#nav_aktuell li{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #0082cb}#nav_aktuell li.last{border-bottom:0px solid #0082cb}#nav_mega a.logi,#nav_mega span.active.logi{width:23px;height:28px;display:block;background-image:url("../../files/images/account2.svg");background-repeat:no-repeat;text-indent: -4000px}#nav_mega ul{margin-bottom:0}#nav_mega a.aktuell,#nav_mega span.active.aktuell{width:28px;height:28px;display:block;background-image:url("../../files/images/info2.svg");background-repeat:no-repeat;text-indent: -4000px}#nav_mega li.aktuell,#nav_mega li.logi{float:left;margin-right:30px}#nav_mega{margin-top:5px}#footer .inside{padding:20px 30px}#nav_top .level_2{width:0px; height:0px; left:-32768px; top:-32768px; position:absolute; overflow:hidden; display:inline}#nav_top li:hover .level_2{width:260px; height:auto; left:auto; top:auto; overflow:visible; display:block; background-color:#fff; z-index: 99}#nav_top .level_2 li{width:220px;clear:both;padding:15px 10px;text-align:left;border-bottom:1px solid #0082cb}#nav_top .level_2 li.last{border-bottom:0px solid}.rights{float:right;margin-top:30px}#nav_top{float:left;margin-right:40px}#nav_top .level_1 a{padding-top:10px;display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden}#nav_top .level_1 li.active{padding-top:10px;font-weight:normal}#nav_top .level_2 a{padding-top:0}#nav_top .level_1 a:before{content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #0082cb; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out}#nav_top .level_2 a:before{clear:both;background: none; height: 0px}#nav_top .level_2 a:hover,#nav_top .level_1 li.active,#nav_top .level_1 li.trail,#nav_top .level_1 a.trail,#nav_aktuell a:hover,#nav_aktuell li.active{font-weight:normal;color:#0082cb}#nav_top .level_1 a:hover:before,#nav_top .level_1 a:focus:before,#nav_top .level_1 a:active:before{-webkit-transform: translateY(0); transform: translateY(0)}#nav_top .level_2 a:hover:before,#nav_top .level_2 a:focus:before,#nav_top .level_2 a:active:before{}#nav_top .level_1 li{float:left;padding-right:20px;padding-left:20px}.logo{float:left}#header .inside{margin:10px 30px 15px}body{font:17px/24px PT Sans,sans-serif;color:#1f1e1e}a{text-decoration:none;color:#1f1e1e}#footer{background-color:#0082cb;color:#fff} } @media (max-width: 480px){ /* style_480px.css */ .lis li{padding-left:26px;background-image:url("../../files/images/poin-strom2.svg");background-repeat:no-repeat;background-size: 20px auto; background-position: left 3px}.layer-themen .rs-column{margin-top:1%}.butts a{display:block;margin-top:10px;margin-bottom:10px;padding:20px 40px;text-align:center;background-color:#0082cb;border-radius:5px;font-size:20px;color:#fff}.butts a:hover{background-color:#565657;color:#fff}.butts p{padding-top:20px;padding-bottom:20px}.layer-center h1{width:100%;margin-right:auto;margin-bottom:30px;margin-left:auto;padding-top:18px;padding-bottom:18px;text-align:center;border-top:0px solid rgba(0,130,203,.5);border-bottom:0px solid rgba(0,130,203,.5);font-size:32px;color:#0082cb}.acco{margin-bottom:30px}.acco .toggler{padding:12px;background-color:#0082cb;border-top-left-radius:5px;border-top-right-radius:5px;font-size:19px;color:#fff;cursor: pointer}.acco .toggler:hover{background-color:#565657;cursor: pointer}.acco .ui-icon{width:25px;height:25px;float:right;display:block;background-image:url("../../files/images/pfeil-weiss.svg");background-position:right center;background-repeat:no-repeat}.acco .accordion{margin-bottom:30px;padding:20px;background-color:rgba(0,130,203,.15);border-bottom-right-radius:5px;border-bottom-left-radius:5px}.layer-themen h2{margin-right:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid;font-size:26px;color:#0082cb}.layer-themen h3{margin-bottom:20px;padding-bottom:15px;font-size:25px;color:#0082cb;font-weight: 600}.layer-themen .inside{width:90%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.calendar-list .month-wrapper{margin-top:20px;margin-bottom:30px}.calendar-list .month-wrapper .month-label{margin-bottom:10px;text-align:center;font-weight:bold}.calendar-list .month-wrapper td{padding:12px}.layer-center .lay2{padding-left:30px}.tabi{overflow:auto;padding-top:40px}.tabi td{padding:10px}.tabi table{border-left:2px solid #cce6f5}.tabi tbody tr{border-bottom:2px solid #cce6f5}.tabi thead td{border-right:2px solid #fff}.tabi tbody td{border-right:2px solid #cce6f5}.tabi thead{background-color:#cce6f5}.line{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #0082cb}a.menu{width:50px;height:50px;display:block;background-image:url("../../files/images/menu3.svg");background-position:left top;background-repeat:no-repeat}#navigon{float:left;margin-top:10px}.poi{margin-right:auto;margin-bottom:30px;margin-left:auto;text-align:center}.down-load .rs-column{margin-top:3%}.etap{min-height:150px}.form-info{margin-top:15px;margin-bottom:15px;font-weight:bold;color:#0082cb}.explanation{text-align:right;font-size:15px;color:#870101}button.submit{padding:12px 20px;background-color:#0082cb;border:0px;border-radius:5px;color:#fff}button.submit:hover{background-color:#F8B000;cursor: pointer}.formular .widget-submit{margin-top:15px;margin-bottom:15px;text-align:right}.formular label{width:260px;display:inline-block;margin-top:15px;margin-bottom:15px;vertical-align:top}.formular input,.formular textarea{width:90%;margin-bottom:15px;padding:12px 15px;border:0px solid #fff;border-radius:5px}.formular .radio_container input,.formular .checkbox_container input{width:20px;padding:0}.formular .radio_container label,.formular .checkbox_container label{vertical-align:baseline}.formular{margin-bottom:35px}.accord .toggler{padding:12px;background-color:#0082cb;border-top-left-radius:5px;border-top-right-radius:5px;font-size:22px;color:#fff;cursor: pointer}.accord .ui-icon{width:25px;height:25px;float:right;display:block;background-image:url("../../files/images/pfeil-weiss.svg");background-position:right center;background-repeat:no-repeat}.accord .accordion{padding:20px;background-color:rgba(0,130,203,.15);border-bottom-right-radius:5px;border-bottom-left-radius:5px}.lico li{padding-left:26px;background-image:url("../../files/images/poin-strom.svg");background-repeat:no-repeat;background-size: 20px auto; background-position: left 3px}.poins-img img{margin-top:30px;margin-bottom:0;padding-bottom:0;vertical-align:bottom}.view h2{margin-bottom:30px;font-size:26px;color:#0082cb}.product h2{margin-top:10px;margin-right:15px;margin-bottom:15px;padding-top:0;padding-bottom:15px;border-bottom:1px solid;font-size:24px;line-height:34px;color:#0082cb}.download a{padding-top:5px;padding-bottom:5px;padding-left:31px;background-image:url("../../files/images/pdf-icon2.svg");background-position:left center;background-repeat:no-repeat;font-style:italic;text-decoration:underline;color:#0082cb;background-size: 24px auto}.download2 a{padding-top:20px;padding-bottom:20px;padding-left:31px;background-image:url("../../files/images/pdf-icon3.svg");background-position:left center;background-repeat:no-repeat;font-style:italic;text-decoration:underline;color:#0082cb;background-size: 24px auto}.load a{font-style:italic;text-decoration:underline;color:#0082cb}.download a:hover,.load a:hover,.download2 a:hover{text-decoration:none;color:rgba(0,130,203,.8)}.center{width:80%;margin-right:auto;margin-bottom:30px;margin-left:auto;text-align:center}.flexbox{margin-bottom:30px;background-color:#e6e6e6;display: flex; flex-wrap: wrap}.flexbox-w{margin-bottom:30px;display: flex; flex-wrap: wrap}.lay-text{margin:10px 15px}.marginstop{margin-top:30px}.marg{padding-top:50px;padding-bottom:15px}.marg2{padding-top:50px;padding-bottom:15px;padding-left:30px}.lays .image_container img{vertical-align:bottom}a:hover{color:#0082cb}.mod_login{padding-top:15px}.logins label{width:140px;display:inline-block}.logins .checkbox_container label{width:300px;display:inline-block}.crumb{margin-top:10px;margin-right:15px;margin-left:15px;padding-top:12px;padding-bottom:12px;border-top:1px solid rgba(0,130,203,.6);border-bottom:1px solid rgba(0,130,203,.6);font-size:15px}.crumb li{float:left;margin-right:5px}.crumb li.active,.crumb li:hover,.crumb a:hover{color:#0082cb}.crumb li::before{margin-right:5px;content:">"}.crumb li.first::before{margin-right:0;content:""}.scrollToTop{width:25px;height:70px;bottom:10px;right:10px;position:fixed;background-image:url("../../files/images/strom-blue2.svg");background-position:center center;background-repeat:no-repeat;text-indent: -4500px}.scrollToTop:hover{background-image:url("../../files/images/strom-gelb.svg")}.pic-blue{margin-top:-20px}.layer-center .inside{width:92%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.layer-center2 .inside{width:92%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.layer-grey .inside,.layer-white .inside{width:92%;margin-top:60px;margin-right:auto;margin-left:auto;padding-bottom:20px}.layer-center{margin:40px auto;background-color:rgba(0,130,203,.15)}.layer-center2{margin:40px auto;background-color:rgba(0,130,203,.15)}.layer-grey{margin-right:auto;margin-left:auto;background-color:#dcddde}.layer-white{margin-right:auto;margin-left:auto}.layer-center .lay{padding-top:10px;padding-bottom:20px}.layer-center2 .lay{margin-bottom:60px}.layer-grey .lay,.layer-white .lay{padding-top:50px;padding-bottom:50px}.layer-center .product{padding-top:10px;padding-bottom:50px}.layer-center .rs-column{margin-right:0}.layer-center2 .rs-column{margin-top:2%}.poins{width:90%;min-height:500px;margin-right:auto;margin-left:auto;padding-bottom:15px;background-color:#fff;border-radius:5px}.poin{margin-bottom:30px}.poins2{background-color:#fff;border-radius:5px}.poins p{padding-right:10px;padding-left:10px}.poins2-text{min-height:380px;padding-right:10px;padding-left:10px}.pin2,.pin1,.pin3,.pin4,.pin5{margin-right:auto;margin-left:auto;text-align:center}.pin2,.pin1,.pin3,.pin4,.pin5{margin-bottom:50px}.pin2 p,.pin1 p,.pin3 p,.pin4 p,.pin5 p{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.6);font-size:30px;color:#fff}.pin2 h3,.pin1 h3,.pin3 h3,.pin4 h3,.pin5 h3{margin-top:20px;margin-right:auto;margin-left:auto;text-align:center;font-size:55px;line-height:88px;color:#facf61}#counter{padding:40px 15px}h2{font-size:26px;color:#0082cb}.lays h2{margin-top:0;padding-top:0;font-size:26px;color:#0082cb}.lay h2{margin-top:10px;padding-top:0;font-size:26px;color:#0082cb}h3{font-size:24px;line-height:32px;color:#0082cb}.lay-w{width:92%;margin-right:15px;margin-left:15px;padding-top:20px;padding-bottom:30px}.lay-w .image_container{float: none ! important}.pic-blue .image_container,.layer-center .image_container{margin-left: 0px ! important}.image_container{margin-left: 0px ! important; margin-top: 0px ! important}.actual{padding-top:35px;padding-bottom:35px;text-align:center}h1{margin-bottom:30px;padding-top:18px;padding-bottom:18px;text-align:center;border-top:1px solid rgba(0,130,203,.5);border-bottom:1px solid rgba(0,130,203,.5);font-size:26px;line-height:36px;color:#0082cb}.actual h2{margin-right:auto;margin-bottom:30px;margin-left:auto;padding-top:18px;padding-bottom:18px;text-align:center;border-top:1px solid rgba(0,130,203,.5);border-bottom:1px solid rgba(0,130,203,.5);font-size:26px;color:#0082cb}.social{float:left;margin-top:10px;margin-right:25px}.view{margin-top:40px;padding-top:30px;padding-bottom:30px;text-align:center;background-color:#e3e3e3}.butt a{padding:15px 20px;color:#fff}.butt2 a{margin-top:10px;margin-bottom:10px;padding:15px 20px;background-color:#0082cb;border-radius:5px;color:#fff}.butt a:hover{color:#333}#footer a{color:#fff}#footer a:hover{color:#F8B000}#footer h2{margin-right:30px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #F8B000;font-size:23px;color:#F8B000}.login input{margin-top:5px;margin-bottom:14px;padding:8px;background-color:rgba(0,130,203,.2);border:0px;border-radius:7px}.login .submit{margin-top:5px;margin-bottom:14px;padding:8px 15px;background-color:#0082cb;border:0px;border-radius:7px;color:#fff}.login .submit:hover{background-color:#F8B000;color:#000;cursor:pointer}#nav_aktuell li{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #0082cb}#nav_aktuell li.last{border-bottom:0px solid #0082cb}#nav_mega a.logi,#nav_mega span.active.logi{width:23px;height:28px;display:block;background-image:url("../../files/images/account2.svg");background-repeat:no-repeat;text-indent: -4000px}#nav_mega ul{margin-bottom:0}#nav_mega a.aktuell,#nav_mega span.active.aktuell{width:28px;height:28px;display:block;background-image:url("../../files/images/info2.svg");background-repeat:no-repeat;text-indent: -4000px}#nav_mega li.aktuell,#nav_mega li.logi{float:left;margin-right:30px}#nav_mega{margin-top:5px}#footer .inside{padding:20px 15px}#nav_top .level_2{width:0px; height:0px; left:-32768px; top:-32768px; position:absolute; overflow:hidden; display:inline}#nav_top li:hover .level_2{width:260px; height:auto; left:auto; top:auto; overflow:visible; display:block; background-color:#fff; z-index: 99}#nav_top .level_2 li{width:220px;clear:both;padding:15px 10px;text-align:left;border-bottom:1px solid #0082cb}#nav_top .level_2 li.last{border-bottom:0px solid}.rights{float:right;margin-top:10px}#nav_top{float:left;margin-right:40px}#nav_top .level_1 a{padding-top:10px;display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden}#nav_top .level_1 li.active{padding-top:10px;font-weight:normal}#nav_top .level_2 a{padding-top:0}#nav_top .level_1 a:before{content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #0082cb; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out}#nav_top .level_2 a:before{clear:both;background: none; height: 0px}#nav_top .level_2 a:hover,#nav_top .level_1 li.active,#nav_top .level_1 li.trail,#nav_top .level_1 a.trail,#nav_aktuell a:hover,#nav_aktuell li.active{font-weight:normal;color:#0082cb}#nav_top .level_1 a:hover:before,#nav_top .level_1 a:focus:before,#nav_top .level_1 a:active:before{-webkit-transform: translateY(0); transform: translateY(0)}#nav_top .level_2 a:hover:before,#nav_top .level_2 a:focus:before,#nav_top .level_2 a:active:before{}#nav_top .level_1 li{float:left;padding-right:20px;padding-left:20px}.logo{float:left}#header .inside{margin:10px 15px 15px}body{font:17px/24px PT Sans,sans-serif;color:#1f1e1e}a{text-decoration:none;color:#1f1e1e}#footer{background-color:#0082cb;color:#fff} } @media (min-width: 481px) and (max-width: 768px){ /* style_768px.css */ .lis li{padding-left:26px;background-image:url("../../files/images/poin-strom2.svg");background-repeat:no-repeat;background-size: 20px auto; background-position: left 3px}.layer-themen .rs-column{margin-top:1%}.butts a{display:block;margin-top:10px;margin-bottom:10px;padding:20px 40px;text-align:center;background-color:#0082cb;border-radius:5px;font-size:20px;color:#fff}.butts a:hover{background-color:#565657;color:#fff}.butts p{padding-top:20px;padding-bottom:20px}.layer-center h1{width:100%;margin-right:auto;margin-bottom:30px;margin-left:auto;padding-top:18px;padding-bottom:18px;text-align:center;border-top:0px solid rgba(0,130,203,.5);border-bottom:0px solid rgba(0,130,203,.5);font-size:32px;color:#0082cb}.acco{margin-bottom:30px}.acco .toggler{padding:12px;background-color:#0082cb;border-top-left-radius:5px;border-top-right-radius:5px;font-size:19px;color:#fff;cursor: pointer}.acco .toggler:hover{background-color:#565657;cursor: pointer}.acco .ui-icon{width:25px;height:25px;float:right;display:block;background-image:url("../../files/images/pfeil-weiss.svg");background-position:right center;background-repeat:no-repeat}.acco .accordion{margin-bottom:30px;padding:20px;background-color:rgba(0,130,203,.15);border-bottom-right-radius:5px;border-bottom-left-radius:5px}.layer-themen h2{margin-right:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid;font-size:26px;color:#0082cb}.layer-themen h3{margin-bottom:20px;padding-bottom:15px;font-size:25px;color:#0082cb;font-weight: 600}.layer-themen .inside{width:90%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.calendar-list .month-wrapper{float:left;margin-top:20px;margin-right:30px;margin-bottom:30px}.calendar-list .month-wrapper .month-label{margin-bottom:10px;text-align:center;font-weight:bold}.calendar-list .month-wrapper td{padding:10px}.layer-center .lay2{padding-left:30px}.tabi{overflow:auto;padding-top:40px}.tabi td{padding:10px}.tabi table{border-left:2px solid #cce6f5}.tabi tbody tr{border-bottom:2px solid #cce6f5}.tabi thead td{border-right:2px solid #fff}.tabi tbody td{border-right:2px solid #cce6f5}.tabi thead{background-color:#cce6f5}.line{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #0082cb}a.menu{width:50px;height:50px;display:block;background-image:url("../../files/images/menu3.svg");background-position:left top;background-repeat:no-repeat}#navigon{float:right;margin-top:15px;margin-right:40px}.poi{margin-right:auto;margin-bottom:30px;margin-left:auto;text-align:center}.down-load .rs-column{margin-top:3%}.etap{min-height:150px}.etap2{min-height:150px;font-size:16px}.etap3{min-height:80px;font-size:16px}.form-info{margin-top:15px;margin-bottom:15px;font-weight:bold;color:#0082cb}.explanation{text-align:right;font-size:15px;color:#870101}button.submit{padding:12px 20px;background-color:#0082cb;border:0px;border-radius:5px;color:#fff}button.submit:hover{background-color:#F8B000;cursor: pointer}.formular .widget-submit{margin-top:15px;margin-bottom:15px;text-align:right}.formular label{width:260px;display:inline-block;margin-top:15px;margin-bottom:15px;vertical-align:top}.formular input,.formular textarea{width:90%;margin-bottom:15px;padding:12px 15px;border:0px solid #fff;border-radius:5px}.formular .radio_container input,.formular .checkbox_container input{width:20px;padding:0}.formular .radio_container label{width:25%;vertical-align:baseline}.formular .checkbox_container label{width:80%;vertical-align:baseline;font-size:16px}.formular{margin-bottom:35px}.accord .toggler{padding:12px;background-color:#0082cb;border-top-left-radius:5px;border-top-right-radius:5px;font-size:22px;color:#fff;cursor: pointer}.accord .ui-icon{width:25px;height:25px;float:right;display:block;background-image:url("../../files/images/pfeil-weiss.svg");background-position:right center;background-repeat:no-repeat}.accord .accordion{padding:20px;background-color:rgba(0,130,203,.15);border-bottom-right-radius:5px;border-bottom-left-radius:5px}.lico li{padding-left:26px;background-image:url("../../files/images/poin-strom.svg");background-repeat:no-repeat;background-size: 20px auto; background-position: left 3px}.poins-img img{margin-top:30px;margin-bottom:0;padding-bottom:0;vertical-align:bottom}.view h2{margin-bottom:30px;font-size:26px;color:#0082cb}.product h2{margin-top:15px;margin-right:15px;margin-bottom:15px;padding-top:0;padding-bottom:15px;border-bottom:1px solid;font-size:24px;line-height:34px;color:#0082cb}.download a{padding-top:5px;padding-bottom:5px;padding-left:31px;background-image:url("../../files/images/pdf-icon2.svg");background-position:left center;background-repeat:no-repeat;font-style:italic;text-decoration:underline;color:#0082cb;background-size: 24px auto}.download2 a{padding-top:20px;padding-bottom:20px;padding-left:31px;background-image:url("../../files/images/pdf-icon3.svg");background-position:left center;background-repeat:no-repeat;font-style:italic;text-decoration:underline;color:#0082cb;background-size: 24px auto}.load a{font-style:italic;text-decoration:underline;color:#0082cb}.download a:hover,.load a:hover,.download2 a:hover{text-decoration:none;color:rgba(0,130,203,.8)}.center{width:80%;margin-right:auto;margin-bottom:30px;margin-left:auto;text-align:center}.flexbox{margin-bottom:30px;background-color:#e6e6e6;display: flex; flex-wrap: wrap}.flexbox-w{margin-bottom:30px;display: flex; flex-wrap: wrap}.lay-text{margin:10px 15px}.marginstop{margin-top:30px}.marg{padding-top:50px;padding-bottom:15px}.marg2{padding-top:50px;padding-bottom:15px;padding-left:30px}.lays .image_container img{vertical-align:bottom}a:hover{color:#0082cb}.mod_login{padding-top:15px}.logins label{width:140px;display:inline-block}.logins .checkbox_container label{width:300px;display:inline-block}.crumb{margin-top:10px;margin-right:15px;margin-left:15px;padding-top:12px;padding-bottom:12px;border-top:1px solid rgba(0,130,203,.6);border-bottom:1px solid rgba(0,130,203,.6);font-size:15px}.crumb li{float:left;margin-right:5px}.crumb li.active,.crumb li:hover,.crumb a:hover{color:#0082cb}.crumb li::before{margin-right:5px;content:">"}.crumb li.first::before{margin-right:0;content:""}.scrollToTop{width:25px;height:70px;bottom:10px;right:10px;position:fixed;background-image:url("../../files/images/strom-blue2.svg");background-position:center center;background-repeat:no-repeat;text-indent: -4500px}.scrollToTop:hover{background-image:url("../../files/images/strom-gelb.svg")}.pic-blue{margin-top:-20px}.layer-center .inside{width:92%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.layer-center2 .inside{width:92%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.layer-grey .inside,.layer-white .inside{width:92%;margin-top:60px;margin-right:auto;margin-left:auto;padding-bottom:20px}.layer-center{margin:40px auto;background-color:rgba(0,130,203,.15)}.layer-center2{margin:40px auto;background-color:rgba(0,130,203,.15)}.layer-grey{margin-right:auto;margin-left:auto;background-color:#dcddde}.layer-white{margin-right:auto;margin-left:auto}.layer-center .lay{padding:20px}.layer-center2 .lay{margin-bottom:60px}.layer-grey .lay,.layer-white .lay{padding-top:50px;padding-bottom:50px}.layer-center .product{padding:20px 20px 50px}.layer-center .rs-column{margin-right:0}.layer-center2 .rs-column{margin-top:2%}.poins{width:90%;min-height:500px;margin-right:auto;margin-left:auto;padding-bottom:15px;background-color:#fff;border-radius:5px}.poin{margin-bottom:30px}.poins2{background-color:#fff;border-radius:5px}.poins p{padding-right:10px;padding-left:10px}.poins2-text{min-height:380px;padding-right:10px;padding-left:10px}.pin2,.pin1,.pin3,.pin4,.pin5{margin-right:auto;margin-left:auto;text-align:center}.pin2,.pin1,.pin3,.pin4,.pin5{margin-bottom:50px}.pin2 p,.pin1 p,.pin3 p,.pin4 p,.pin5 p{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.6);font-size:30px;color:#fff}.pin2 h3,.pin1 h3,.pin3 h3,.pin4 h3,.pin5 h3{margin-top:20px;margin-right:auto;margin-left:auto;text-align:center;font-size:55px;line-height:88px;color:#facf61}#counter{padding:40px 15px}h2{font-size:26px;color:#0082cb}.lays h2{margin-top:15px;padding-top:0;font-size:26px;color:#0082cb}.lay h2{margin-top:15px;padding-top:0;font-size:26px;color:#0082cb}h3{font-size:24px;line-height:32px;color:#0082cb}.lay-w{width:92%;margin-right:15px;margin-left:15px;padding-top:20px;padding-bottom:30px}.actual{padding-top:35px;padding-bottom:35px;text-align:center}h1{margin-bottom:30px;padding-top:18px;padding-bottom:18px;text-align:center;border-top:1px solid rgba(0,130,203,.5);border-bottom:1px solid rgba(0,130,203,.5);font-size:26px;line-height:36px;color:#0082cb}.actual h2{margin-right:auto;margin-bottom:30px;margin-left:auto;padding-top:18px;padding-bottom:18px;text-align:center;border-top:1px solid rgba(0,130,203,.5);border-bottom:1px solid rgba(0,130,203,.5);font-size:26px;color:#0082cb}.social{float:left;margin-top:10px;margin-right:25px}.view{margin-top:40px;padding-top:30px;padding-bottom:30px;text-align:center;background-color:#e3e3e3}.butt a{padding:15px 20px;color:#fff}.butt2 a{margin-top:10px;margin-bottom:10px;padding:15px 20px;background-color:#0082cb;border-radius:5px;color:#fff}.butt a:hover{color:#333}#footer a{color:#fff}#footer a:hover{color:#F8B000}#footer h2{margin-right:30px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #F8B000;font-size:23px;color:#F8B000}.login input{margin-top:5px;margin-bottom:14px;padding:8px;background-color:rgba(0,130,203,.2);border:0px;border-radius:7px}.login .submit{margin-top:5px;margin-bottom:14px;padding:8px 15px;background-color:#0082cb;border:0px;border-radius:7px;color:#fff}.login .submit:hover{background-color:#F8B000;color:#000;cursor:pointer}#nav_aktuell li{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #0082cb}#nav_aktuell li.last{border-bottom:0px solid #0082cb}#nav_mega a.logi,#nav_mega span.active.logi{width:23px;height:28px;display:block;background-image:url("../../files/images/account2.svg");background-repeat:no-repeat;text-indent: -4000px}#nav_mega ul{margin-bottom:0}#nav_mega a.aktuell,#nav_mega span.active.aktuell{width:28px;height:28px;display:block;background-image:url("../../files/images/info2.svg");background-repeat:no-repeat;text-indent: -4000px}#nav_mega li.aktuell,#nav_mega li.logi{float:left;margin-right:30px}#nav_mega{margin-top:5px}#footer .inside{padding:20px 15px}#nav_top .level_2{width:0px; height:0px; left:-32768px; top:-32768px; position:absolute; overflow:hidden; display:inline}#nav_top li:hover .level_2{width:260px; height:auto; left:auto; top:auto; overflow:visible; display:block; background-color:#fff; z-index: 99}#nav_top .level_2 li{width:220px;clear:both;padding:15px 10px;text-align:left;border-bottom:1px solid #0082cb}#nav_top .level_2 li.last{border-bottom:0px solid}.rights{float:right;margin-top:10px}#nav_top{float:left;margin-right:40px}#nav_top .level_1 a{padding-top:10px;display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden}#nav_top .level_1 li.active{padding-top:10px;font-weight:normal}#nav_top .level_2 a{padding-top:0}#nav_top .level_1 a:before{content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #0082cb; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out}#nav_top .level_2 a:before{clear:both;background: none; height: 0px}#nav_top .level_2 a:hover,#nav_top .level_1 li.active,#nav_top .level_1 li.trail,#nav_top .level_1 a.trail,#nav_aktuell a:hover,#nav_aktuell li.active{font-weight:normal;color:#0082cb}#nav_top .level_1 a:hover:before,#nav_top .level_1 a:focus:before,#nav_top .level_1 a:active:before{-webkit-transform: translateY(0); transform: translateY(0)}#nav_top .level_2 a:hover:before,#nav_top .level_2 a:focus:before,#nav_top .level_2 a:active:before{}#nav_top .level_1 li{float:left;padding-right:20px;padding-left:20px}.logo{float:left}#header .inside{margin:10px 15px 15px}body{font:17px/24px PT Sans,sans-serif;color:#1f1e1e}a{text-decoration:none;color:#1f1e1e}#footer{background-color:#0082cb;color:#fff} } @media (min-width: 972px) and (max-width: 1479px){ /* style_1479-ipad-quer.css */ .lis li{padding-left:26px;background-image:url("../../files/images/poin-strom2.svg");background-repeat:no-repeat;background-size: 20px auto; background-position: left 3px}.layer-themen .rs-column{margin-top:1%}.butts a{display:block;margin-top:10px;margin-bottom:10px;padding:20px 40px;text-align:center;background-color:#0082cb;border-radius:5px;font-size:20px;color:#fff}.butts a:hover{background-color:#565657;color:#fff}.butts p{padding-top:20px;padding-bottom:20px}.layer-center h1{width:100%;margin-right:auto;margin-bottom:30px;margin-left:auto;padding-top:18px;padding-bottom:18px;text-align:center;border-top:0px solid rgba(0,130,203,.5);border-bottom:0px solid rgba(0,130,203,.5);font-size:32px;color:#0082cb}.acco{margin-bottom:30px}.acco .toggler{padding:12px;background-color:#0082cb;border-top-left-radius:5px;border-top-right-radius:5px;font-size:22px;color:#fff;cursor: pointer}.acco .toggler:hover{background-color:#565657;cursor: pointer}.acco .ui-icon{width:25px;height:25px;float:right;display:block;background-image:url("../../files/images/pfeil-weiss.svg");background-position:right center;background-repeat:no-repeat}.acco .accordion{margin-bottom:30px;padding:20px;background-color:rgba(0,130,203,.15);border-bottom-right-radius:5px;border-bottom-left-radius:5px}.layer-themen h2{margin-right:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid;font-size:26px;color:#0082cb}.layer-themen h3{margin-bottom:20px;padding-bottom:15px;font-size:25px;color:#0082cb;font-weight: 600}.layer-themen .inside{width:80%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.calendar-list .month-wrapper{float:left;margin-top:30px;margin-right:30px;margin-bottom:30px}.calendar-list .month-wrapper .month-label{margin-bottom:10px;text-align:center;font-weight:bold}.calendar-list .month-wrapper td{padding:10px}.layer-center .lay2{padding-left:30px}.tabi{padding-top:40px}.tabi td{padding:10px}.tabi table{border-left:2px solid #cce6f5}.tabi tbody tr{border-bottom:2px solid #cce6f5}.tabi thead td{border-right:2px solid #fff}.tabi tbody td{border-right:2px solid #cce6f5}.tabi thead{background-color:#cce6f5}.line{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #0082cb}.poi{margin-right:auto;margin-bottom:30px;margin-left:auto;text-align:center}.down-load .rs-column{margin-top:3%}.etap{min-height:150px;font-size:15px}.etap2{min-height:150px;font-size:16px}.etap3{min-height:80px;font-size:16px}.form-info{margin-top:15px;margin-bottom:15px;font-weight:bold;color:#0082cb}.explanation{width:800px;text-align:right;font-size:15px;color:#870101}button.submit{padding:12px 20px;background-color:#0082cb;border:0px;border-radius:5px;color:#fff}button.submit:hover{background-color:#F8B000;cursor: pointer}.formular .widget-submit{width:800px;margin-top:15px;margin-bottom:15px;text-align:right}.formular label{width:260px;display:inline-block;margin-top:15px;margin-bottom:15px;vertical-align:top}.check-all label{width:400px}.formular input,.formular textarea{width:500px;margin-bottom:15px;padding:12px 15px;border:0px solid #fff;border-radius:5px}.formular .radio_container input,.formular .checkbox_container input{width:20px}.formular .radio_container label,.formular .checkbox_container label{vertical-align:baseline}.formular{margin-bottom:35px}.accord .toggler{padding:12px;background-color:#0082cb;border-top-left-radius:5px;border-top-right-radius:5px;font-size:22px;color:#fff;cursor: pointer}.accord .ui-icon{width:25px;height:25px;float:right;display:block;background-image:url("../../files/images/pfeil-weiss.svg");background-position:right center;background-repeat:no-repeat}.accord .accordion{padding:20px;background-color:rgba(0,130,203,.15);border-bottom-right-radius:5px;border-bottom-left-radius:5px}.lico li{padding-left:26px;background-image:url("../../files/images/poin-strom.svg");background-position:left center;background-repeat:no-repeat;background-size: 20px auto}.poins-img img{margin-top:30px;margin-bottom:0;padding-bottom:0;vertical-align:bottom}.view h2{margin-bottom:30px;font-size:26px;color:#0082cb}.product h2{margin-right:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid;font-size:26px;color:#0082cb}.download a{padding-top:5px;padding-bottom:5px;padding-left:31px;background-image:url("../../files/images/pdf-icon2.svg");background-position:left center;background-repeat:no-repeat;font-style:italic;text-decoration:underline;color:#0082cb;background-size: 24px auto}.download2 a{padding-top:20px;padding-bottom:20px;padding-left:31px;background-image:url("../../files/images/pdf-icon3.svg");background-position:left center;background-repeat:no-repeat;font-style:italic;text-decoration:underline;color:#0082cb;background-size: 24px auto}.load a{font-style:italic;text-decoration:underline;color:#0082cb}.download a:hover,.load a:hover,.download2 a:hover{text-decoration:none;color:rgba(0,130,203,.8)}.center{width:80%;margin-right:auto;margin-bottom:30px;margin-left:auto;text-align:center}.flexbox{background-color:#e6e6e6;display: flex; flex-wrap: wrap}.flexbox-w{display: flex; flex-wrap: wrap}.lay-text{margin:30px 20px}.lays .rs-column{margin-top:0;margin-right:0}.lays .rs-column.-large-col-2-1{width:50%}.marginstop{margin-top:30px}.marg{padding-top:50px;padding-bottom:15px}.marg2{padding-top:50px;padding-bottom:15px;padding-left:30px}.lays .image_container img{vertical-align:bottom}a:hover{color:#0082cb}.mod_login{padding-top:15px}.logins label{width:140px;display:inline-block}.logins .checkbox_container label{width:300px;display:inline-block}.crumb{margin-top:10px;margin-right:20px;margin-left:20px;padding-top:12px;padding-bottom:12px;border-top:1px solid rgba(0,130,203,.6);border-bottom:1px solid rgba(0,130,203,.6);font-size:15px}.crumb li{float:left;margin-right:5px}.crumb li.active,.crumb li:hover,.crumb a:hover{color:#0082cb}.crumb li::before{margin-right:5px;content:">"}.crumb li.first::before{margin-right:0;content:""}.scrollToTop{width:35px;height:90px;bottom:30px;right:20px;position:fixed;background-image:url("../../files/images/strom-blue2.svg");background-position:center center;background-repeat:no-repeat;text-indent: -4500px}.scrollToTop:hover{background-image:url("../../files/images/strom-gelb.svg")}.pic-blue{margin-top:-50px}.layer-center .inside{width:92%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.layer-center2 .inside{width:92%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.layer-grey .inside,.layer-white .inside{width:92%;margin-top:60px;margin-right:auto;margin-left:auto;padding-bottom:20px}.layer-center{margin:40px auto;background-color:rgba(0,130,203,.15)}.layer-center2{margin:40px auto;background-color:rgba(0,130,203,.15)}.layer-grey{margin-right:auto;margin-left:auto;background-color:#dcddde}.layer-white{margin-right:auto;margin-left:auto}.layer-center .lay{padding-top:50px;padding-bottom:50px;padding-left:20px}.layer-center2 .lay{}.layer-grey .lay,.layer-white .lay{padding-top:50px;padding-bottom:50px}.layer-center .product{padding-top:10px;padding-bottom:50px;padding-left:20px}.layer-center .rs-column{margin-right:0}.layer-center2 .rs-column{margin-top:2%}.poins{min-height:500px;padding-bottom:15px;background-color:#fff;border-radius:5px}.poins2{background-color:#fff;border-radius:5px}.poins p{padding-right:10px;padding-left:10px}.poins2-text{min-height:400px;padding-right:10px;padding-left:10px}.pin2,.pin1,.pin3,.pin4,.pin5{margin-right:auto;margin-left:auto;text-align:center}.pin2,.pin1,.pin3{margin-bottom:50px}.pin2 p,.pin1 p,.pin3 p,.pin4 p,.pin5 p{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.6);font-size:30px;color:#fff}.pin2 h3,.pin1 h3,.pin3 h3,.pin4 h3,.pin5 h3{margin-top:20px;margin-right:auto;margin-left:auto;text-align:center;font-size:55px;line-height:88px;color:#facf61}#counter{padding:40px 30px}h2{font-size:26px;color:#0082cb}h3{font-size:24px;line-height:32px;color:#0082cb}.lay-w{padding-top:20px;padding-bottom:30px}.actual{padding-top:35px;padding-bottom:35px;padding-left:20px;text-align:center}.actual .rs-column{margin-right:3%}.lay-w .rs-column{margin-right:2.5%;margin-left:2.5%}.lay-w .rs-column.-large-col-2-1{width:44%}h1{width:95%;margin-right:auto;margin-bottom:30px;margin-left:auto;padding-top:18px;padding-bottom:18px;text-align:center;border-top:1px solid rgba(0,130,203,.5);border-bottom:1px solid rgba(0,130,203,.5);font-size:26px;color:#0082cb}.actual h2{width:50%;margin-right:auto;margin-bottom:30px;margin-left:auto;padding-top:18px;padding-bottom:18px;text-align:center;border-top:1px solid rgba(0,130,203,.5);border-bottom:1px solid rgba(0,130,203,.5);font-size:26px;color:#0082cb}.view .rs-column{margin-right:3%}.view .rs-column.-large-col-4-1,.actual .rs-column.-large-col-4-1{width:22%}.view .rs-column.-large-col-3-1{width:30%}.social{float:left;margin-top:10px;margin-right:25px}.view{margin-top:40px;padding-top:30px;padding-bottom:30px;padding-left:20px;text-align:center;background-color:#e3e3e3}.butt a{padding:15px 20px;color:#fff}.butt2 a{margin-top:10px;margin-bottom:10px;padding:15px 20px;background-color:#0082cb;border-radius:5px;color:#fff}.butt a:hover{color:#333}#footer a{color:#fff}#footer a:hover{color:#F8B000}#footer h2{margin-right:30px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #F8B000;font-size:23px;color:#F8B000}.login input{margin-top:5px;margin-bottom:14px;padding:8px;background-color:rgba(0,130,203,.2);border:0px;border-radius:7px}.login .submit{margin-top:5px;margin-bottom:14px;padding:8px 15px;background-color:#0082cb;border:0px;border-radius:7px;color:#fff}.login .submit:hover{background-color:#F8B000;color:#000;cursor:pointer}#nav_aktuell li{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #0082cb}#nav_aktuell li.last{border-bottom:0px solid #0082cb}#nav_mega a.logi,#nav_mega span.active.logi{width:23px;height:28px;display:block;background-image:url("../../files/images/account2.svg");background-repeat:no-repeat;text-indent: -4000px}#nav_mega ul{margin-bottom:0}#nav_mega a.aktuell,#nav_mega span.active.aktuell{width:28px;height:28px;display:block;background-image:url("../../files/images/info2.svg");background-repeat:no-repeat;text-indent: -4000px}#nav_mega li.aktuell,#nav_mega li.logi{float:left;margin-right:30px}#nav_mega{margin-top:5px}#footer .inside{padding:20px}#nav_top .level_2{width:0px; height:0px; left:-32768px; top:-32768px; position:absolute; overflow:hidden; display:inline}#nav_top li:hover .level_2{width:260px; height:auto; left:auto; top:auto; overflow:visible; display:block; background-color:#fff; z-index: 99}#nav_top .level_2 li{width:220px;clear:both;padding:15px 10px;text-align:left;border-bottom:1px solid #0082cb}#nav_top .level_2 li.last{border-bottom:0px solid}.rights{float:right;margin-top:30px}#nav_top{float:left;margin-right:30px}#nav_top .level_1 a{padding-top:10px;display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden}#nav_top .level_1 li.active{padding-top:10px;font-weight:normal}#nav_top .level_2 a{padding-top:0}#nav_top .level_1 a:before{content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #0082cb; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out}#nav_top .level_2 a:before{clear:both;background: none; height: 0px}#nav_top .level_2 a:hover,#nav_top .level_1 li.active,#nav_top .level_1 li.trail,#nav_top .level_1 a.trail,#nav_aktuell a:hover,#nav_aktuell li.active{font-weight:normal;color:#0082cb}#nav_top .level_1 a:hover:before,#nav_top .level_1 a:focus:before,#nav_top .level_1 a:active:before{-webkit-transform: translateY(0); transform: translateY(0)}#nav_top .level_2 a:hover:before,#nav_top .level_2 a:focus:before,#nav_top .level_2 a:active:before{}#nav_top .level_1 li{float:left;padding-right:20px;padding-left:20px}.logo{float:left}#header .inside{margin-top:10px;margin-bottom:15px;margin-left:20px}body{font:17px/24px PT Sans,sans-serif;color:#1f1e1e}a{text-decoration:none;color:#1f1e1e}#footer{background-color:#0082cb;color:#fff} } @media (min-width: 769px) and (max-width: 971px){ /* style_769-ipad-hoch.css */ .lis li{padding-left:26px;background-image:url("../../files/images/poin-strom2.svg");background-repeat:no-repeat;background-size: 20px auto; background-position: left 3px}.layer-themen .rs-column{margin-top:1%}.butts a{display:block;margin-top:10px;margin-bottom:10px;padding:20px 40px;text-align:center;background-color:#0082cb;border-radius:5px;font-size:20px;color:#fff}.butts a:hover{background-color:#565657;color:#fff}.butts p{padding-top:20px;padding-bottom:20px}.layer-center h1{width:100%;margin-right:auto;margin-bottom:30px;margin-left:auto;padding-top:18px;padding-bottom:18px;text-align:center;border-top:0px solid rgba(0,130,203,.5);border-bottom:0px solid rgba(0,130,203,.5);font-size:32px;color:#0082cb}.acco{margin-bottom:30px}.acco .toggler{padding:12px;background-color:#0082cb;border-top-left-radius:5px;border-top-right-radius:5px;font-size:20px;color:#fff;cursor: pointer}.acco .toggler:hover{background-color:#565657;cursor: pointer}.acco .ui-icon{width:25px;height:25px;float:right;display:block;background-image:url("../../files/images/pfeil-weiss.svg");background-position:right center;background-repeat:no-repeat}.acco .accordion{margin-bottom:30px;padding:20px;background-color:rgba(0,130,203,.15);border-bottom-right-radius:5px;border-bottom-left-radius:5px}.layer-themen h2{margin-right:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid;font-size:26px;color:#0082cb}.layer-themen h3{margin-bottom:20px;padding-bottom:15px;font-size:25px;color:#0082cb;font-weight: 600}.layer-themen .inside{width:90%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.calendar-list .month-wrapper{float:left;margin-top:20px;margin-right:40px;margin-bottom:20px}.calendar-list .month-wrapper .month-label{margin-bottom:10px;text-align:center;font-weight:bold}.calendar-list .month-wrapper td{padding:10px}.layer-center .lay2{padding-left:30px}.tabi{overflow:auto;padding-top:40px}.tabi td{padding:10px}.tabi table{border-left:2px solid #cce6f5}.tabi tbody tr{border-bottom:2px solid #cce6f5}.tabi thead td{border-right:2px solid #fff}.tabi tbody td{border-right:2px solid #cce6f5}.tabi thead{background-color:#cce6f5}.line{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #0082cb}.poi{margin-right:auto;margin-bottom:30px;margin-left:auto;text-align:center}.down-load .rs-column{margin-top:3%}.etap{min-height:150px;font-size:15px}.etap2{min-height:150px;font-size:16px}.etap3{min-height:80px;font-size:16px}.form-info{margin-top:15px;margin-bottom:15px;font-weight:bold;color:#0082cb}.explanation{width:800px;text-align:right;font-size:15px;color:#870101}button.submit{padding:12px 20px;background-color:#0082cb;border:0px;border-radius:5px;color:#fff}button.submit:hover{background-color:#F8B000;cursor: pointer}.formular .widget-submit{width:800px;margin-top:15px;margin-bottom:15px;text-align:right}.formular label{width:260px;display:inline-block;margin-top:15px;margin-bottom:15px;vertical-align:top}.check-all label{width:400px}.formular input,.formular textarea{width:500px;margin-bottom:15px;padding:12px 15px;border:0px solid #fff;border-radius:5px}.formular .radio_container input,.formular .checkbox_container input{width:20px}.formular .radio_container label{width:25%;vertical-align:baseline}.formular .checkbox_container label{vertical-align:baseline}.formular{margin-bottom:35px}.accord .toggler{padding:12px;background-color:#0082cb;border-top-left-radius:5px;border-top-right-radius:5px;font-size:22px;color:#fff;cursor: pointer}.accord .ui-icon{width:25px;height:25px;float:right;display:block;background-image:url("../../files/images/pfeil-weiss.svg");background-position:right center;background-repeat:no-repeat}.accord .accordion{padding:20px;background-color:rgba(0,130,203,.15);border-bottom-right-radius:5px;border-bottom-left-radius:5px}.lico li{padding-left:26px;background-image:url("../../files/images/poin-strom.svg");background-repeat:no-repeat;background-size: 20px auto; background-position: left 3px}.poins-img img{margin-top:30px;margin-bottom:0;padding-bottom:0;vertical-align:bottom}.view h2{margin-bottom:30px;font-size:26px;color:#0082cb}.product h2{margin-right:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid;font-size:26px;color:#0082cb}.download a{padding-top:5px;padding-bottom:5px;padding-left:31px;background-image:url("../../files/images/pdf-icon2.svg");background-position:left center;background-repeat:no-repeat;font-style:italic;text-decoration:underline;color:#0082cb;background-size: 24px auto}.download2 a{padding-top:20px;padding-bottom:20px;padding-left:31px;background-image:url("../../files/images/pdf-icon3.svg");background-position:left center;background-repeat:no-repeat;font-style:italic;text-decoration:underline;color:#0082cb;background-size: 24px auto}.load a{font-style:italic;text-decoration:underline;color:#0082cb}.download a:hover,.load a:hover,.download2 a:hover{text-decoration:none;color:rgba(0,130,203,.8)}.center{width:80%;margin-right:auto;margin-bottom:30px;margin-left:auto;text-align:center}.flexbox{background-color:#e6e6e6;display: flex; flex-wrap: wrap}.flexbox-w{display: flex; flex-wrap: wrap}.lay-text{margin:30px 20px}.lays .rs-column{margin-top:0;margin-right:0}.lays .rs-column.-large-col-2-1{width:50%}.marginstop{margin-top:30px}.marg{padding-top:50px;padding-bottom:15px}.marg2{padding-top:50px;padding-bottom:15px;padding-left:30px}.lays .image_container img{vertical-align:bottom}.lay-w .image_container{float: none ! important}a:hover{color:#0082cb}.mod_login{padding-top:15px}.logins label{width:140px;display:inline-block}.logins .checkbox_container label{width:300px;display:inline-block}.crumb{margin-top:10px;margin-right:20px;margin-left:20px;padding-top:12px;padding-bottom:12px;border-top:1px solid rgba(0,130,203,.6);border-bottom:1px solid rgba(0,130,203,.6);font-size:15px}.crumb li{float:left;margin-right:5px}.crumb li.active,.crumb li:hover,.crumb a:hover{color:#0082cb}.crumb li::before{margin-right:5px;content:">"}.crumb li.first::before{margin-right:0;content:""}.scrollToTop{width:35px;height:90px;bottom:30px;right:20px;position:fixed;background-image:url("../../files/images/strom-blue2.svg");background-position:center center;background-repeat:no-repeat;text-indent: -4500px}.scrollToTop:hover{background-image:url("../../files/images/strom-gelb.svg")}.pic-blue{margin-top:-30px}.layer-center .inside{width:96%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.layer-center2 .inside{width:96%;margin-top:120px;margin-right:auto;margin-left:auto;padding-bottom:40px}.layer-grey .inside,.layer-white .inside{width:96%;margin-top:60px;margin-right:auto;margin-left:auto;padding-bottom:20px}.layer-center{margin:40px auto;background-color:rgba(0,130,203,.15)}.layer-center2{margin:40px auto;background-color:rgba(0,130,203,.15)}.layer-grey{margin-right:auto;margin-left:auto;background-color:#dcddde}.layer-white{margin-right:auto;margin-left:auto}.layer-center .lay{padding-top:50px;padding-bottom:50px;padding-left:20px}.layer-center2 .lay{}.layer-grey .lay,.layer-white .lay{padding-top:50px;padding-bottom:50px}.layer-center .product{padding-top:10px;padding-bottom:50px;padding-left:20px}.layer-center .rs-column{margin-right:0}.layer-center2 .rs-column{margin-top:2%}.poins{min-height:500px;padding-bottom:15px;background-color:#fff;border-radius:5px}.poins2{background-color:#fff;border-radius:5px}.poins p{padding-right:10px;padding-left:10px}.poins2-text{min-height:400px;padding-right:10px;padding-left:10px}.pin2,.pin1,.pin3,.pin4,.pin5{margin-right:auto;margin-left:auto;text-align:center}.pin2,.pin1,.pin3{margin-bottom:50px}.pin2 p,.pin1 p,.pin3 p,.pin4 p,.pin5 p{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.6);font-size:30px;color:#fff}.pin2 h3,.pin1 h3,.pin3 h3,.pin4 h3,.pin5 h3{margin-top:20px;margin-right:auto;margin-left:auto;text-align:center;font-size:55px;line-height:88px;color:#facf61}#counter{padding:40px 30px}h2{font-size:26px;color:#0082cb}h3{font-size:24px;line-height:32px;color:#0082cb}.lay-w{padding-top:20px;padding-bottom:30px}.actual{padding-top:35px;padding-bottom:35px;padding-left:20px;text-align:center}.actual .rs-column{margin-right:3%}.lay-w .rs-column{margin-right:2.5%;margin-left:2.5%}.lay-w .rs-column.-large-col-2-1{width:44%}h1{width:95%;margin-right:auto;margin-bottom:30px;margin-left:auto;padding-top:18px;padding-bottom:18px;text-align:center;border-top:1px solid rgba(0,130,203,.5);border-bottom:1px solid rgba(0,130,203,.5);font-size:26px;color:#0082cb}.actual h2{width:50%;margin-right:auto;margin-bottom:30px;margin-left:auto;padding-top:18px;padding-bottom:18px;text-align:center;border-top:1px solid rgba(0,130,203,.5);border-bottom:1px solid rgba(0,130,203,.5);font-size:26px;color:#0082cb}.view .rs-column{margin-right:3%}.social{float:left;margin-top:10px;margin-right:25px}.view{margin-top:40px;padding-top:30px;padding-bottom:30px;padding-left:20px;text-align:center;background-color:#e3e3e3}.butt a{padding:15px 20px;color:#fff}.butt2 a{margin-top:10px;margin-bottom:10px;padding:15px 20px;background-color:#0082cb;border-radius:5px;color:#fff}.butt a:hover{color:#333}#footer a{color:#fff}#footer a:hover{color:#F8B000}#footer h2{margin-right:30px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #F8B000;font-size:23px;color:#F8B000}.login input{margin-top:5px;margin-bottom:14px;padding:8px;background-color:rgba(0,130,203,.2);border:0px;border-radius:7px}.login .submit{margin-top:5px;margin-bottom:14px;padding:8px 15px;background-color:#0082cb;border:0px;border-radius:7px;color:#fff}.login .submit:hover{background-color:#F8B000;color:#000;cursor:pointer}#nav_aktuell li{padding-top:15px;padding-bottom:15px;border-bottom:1px solid #0082cb}#nav_aktuell li.last{border-bottom:0px solid #0082cb}#nav_mega a.logi,#nav_mega span.active.logi{width:23px;height:28px;display:block;background-image:url("../../files/images/account2.svg");background-repeat:no-repeat;text-indent: -4000px}#nav_mega ul{margin-bottom:0}#nav_mega a.aktuell,#nav_mega span.active.aktuell{width:28px;height:28px;display:block;background-image:url("../../files/images/info2.svg");background-repeat:no-repeat;text-indent: -4000px}#nav_mega li.aktuell,#nav_mega li.logi{float:left;margin-right:30px}#nav_mega{float:right;margin-top:5px}#footer .inside{padding:20px}#nav_top .level_2{width:0px; height:0px; left:-32768px; top:-32768px; position:absolute; overflow:hidden; display:inline}#nav_top li:hover .level_2{width:260px; height:auto; left:auto; top:auto; overflow:visible; display:block; background-color:#fff; z-index: 99}#nav_top .level_2 li{width:220px;clear:both;padding:15px 10px;text-align:left;border-bottom:1px solid #0082cb}#nav_top .level_2 li.last{border-bottom:0px solid}#nav_top{float:left;margin-right:30px}#nav_top .level_1 a{padding-top:10px;display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden}#nav_top .level_1 li.active{padding-top:10px;font-weight:normal}#nav_top .level_2 a{padding-top:0}#nav_top .level_1 a:before{content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #0082cb; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out}#nav_top .level_2 a:before{clear:both;background: none; height: 0px}#nav_top .level_2 a:hover,#nav_top .level_1 li.active,#nav_top .level_1 li.trail,#nav_top .level_1 a.trail,#nav_aktuell a:hover,#nav_aktuell li.active{font-weight:normal;color:#0082cb}#nav_top .level_1 a:hover:before,#nav_top .level_1 a:focus:before,#nav_top .level_1 a:active:before{-webkit-transform: translateY(0); transform: translateY(0)}#nav_top .level_2 a:hover:before,#nav_top .level_2 a:focus:before,#nav_top .level_2 a:active:before{}#nav_top .level_1 li{float:left;padding-right:20px;padding-left:20px}#header .inside{margin-top:10px;margin-bottom:15px;margin-left:20px}body{font:17px/24px PT Sans,sans-serif;color:#1f1e1e}a{text-decoration:none;color:#1f1e1e}#footer{background-color:#0082cb;color:#fff} }