/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} .align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.inside{position:relative}.invisible{visibility:hidden;width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.block{overflow:hidden}.col--span1{width:5.55556%;float:left;margin-left:1.38889%;margin-right:1.38889%}.col--span2{width:13.88889%;float:left;margin-left:1.38889%;margin-right:1.38889%}.col--span3{width:22.22222%;float:left;margin-left:1.38889%;margin-right:1.38889%}.col--span4{width:30.55556%;float:left;margin-left:1.38889%;margin-right:1.38889%}.col--span5{width:38.88889%;float:left;margin-left:1.38889%;margin-right:1.38889%}.col--span6{width:47.22222%;float:left;margin-left:1.38889%;margin-right:1.38889%}.col--span7{width:55.55556%;float:left;margin-left:1.38889%;margin-right:1.38889%}.col--span8{width:63.88889%;float:left;margin-left:1.38889%;margin-right:1.38889%}.col--span9{width:72.22222%;float:left;margin-left:1.38889%;margin-right:1.38889%}.col--span10{width:80.55556%;float:left;margin-left:1.38889%;margin-right:1.38889%}.col--span11{width:88.88889%;float:left;margin-left:1.38889%;margin-right:1.38889%}.col--span12{width:97.22222%;float:left;margin-left:1.38889%;margin-right:1.38889%}@-webkit-viewport{width:device-width}@-moz-viewport{width:device-width}@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width}html{-webkit-box-sizing:border-box;box-sizing:border-box}html.sidebar-active{overflow:hidden}body,html{height:100%}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}#wrapper{position:relative;min-width:320px;max-width:1920px;margin:0 auto}#info{position:fixed;display:none;width:100%;background-color:#e3e7eb;z-index:89}#info.is-sticky{margin-bottom:80px}@media only screen and (min-width:768px){#info.is-sticky{margin-bottom:100px}}@media only screen and (min-width:1024px){#info{display:block;position:relative}}#info .inside{max-width:960px;margin:0 auto}#info .inside{*zoom:1}#info .inside:after,#info .inside:before{content:"";display:table}#info .inside:after{clear:both}#header{position:fixed;top:0;left:0;width:100%;z-index:99;background-color:white;border-bottom:1px solid #d9dde1;height:80px;-webkit-box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.1);box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.1);-webkit-transition:height 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;transition:height 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;-o-transition:height 200ms ease-in-out, box-shadow 200ms ease-in-out;transition:height 200ms ease-in-out, box-shadow 200ms ease-in-out;transition:height 200ms ease-in-out, box-shadow 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out}@media only screen and (min-width:1024px){#header{top:0;position:relative;-webkit-box-shadow:none;box-shadow:none}}#header.is-sticky{top:0;height:80px;position:fixed;-webkit-box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.1);box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.1)}@media only screen and (min-width:768px){#header{height:100px}}#header .inside{*zoom:1}#header .inside:after,#header .inside:before{content:"";display:table}#header .inside:after{clear:both}#subheader{background-color:rgba(255, 255, 255, 0.5)}.home #container{padding:80px 0}@media only screen and (min-width:768px){#container{padding:0}}.two-columns #container{*zoom:1}.two-columns #container:after,.two-columns #container:before{content:"";display:table}.two-columns #container:after{clear:both}.two-columns #main{border-right:1px solid #e3e7eb}@media only screen and (min-width:1024px){.two-columns #main{padding:0 20px 0 0;width:47.22222%;float:left;margin-left:18.05556%}}.two-columns #right{padding-left:20px;padding-right:20px;font-size:1.4rem}@media only screen and (min-width:1024px){.two-columns #right{padding-right:0;width:30.55556%;float:left}}#subfooter{background-color:rgba(227, 231, 235, 0.6)}#subfooter .inside{max-width:960px;margin:0 auto;padding:60px 0}#subfooter .inside{*zoom:1}#subfooter .inside:after,#subfooter .inside:before{content:"";display:table}#subfooter .inside:after{clear:both}#subfooter .inside .column{margin:0;padding:0 20px}@media only screen and (min-width:768px) and (max-width:1023px){#subfooter .inside .column{width:48.57143%;float:left;margin-left:2.85714%}#subfooter .inside .column:first-child,#subfooter .inside .column:nth-child(3n+3){float:left;margin-left:0}}@media only screen and (min-width:1024px){#subfooter .inside .column{padding:0;width:22.85714%;float:left;margin-left:2.85714%}#subfooter .inside .column:first-child{float:left;margin-left:0}}#footer{background-color:#ffd90f;text-align:center;padding:10px 0;color:#2e3141}#off-canvas{position:fixed;display:none;top:0;left:0;width:100%;height:100%;background-color:#edf1f5;overflow:auto;z-index:89}#off-canvas:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:30px;z-index:89;background:-moz-linear-gradient(top, rgba(227, 231, 235, 0) 0%, #e3e7eb 100%);background:-webkit-linear-gradient(top, rgba(227, 231, 235, 0) 0%, #e3e7eb 100%);background:-webkit-gradient(linear, left top, left bottom, from(rgba(227, 231, 235, 0)), to(#e3e7eb));background:-o-linear-gradient(top, rgba(227, 231, 235, 0) 0%, #e3e7eb 100%);background:linear-gradient(to bottom, rgba(227, 231, 235, 0) 0%, #e3e7eb 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c6c6c6',GradientType=0 )}@media only screen and (min-width:768px){#off-canvas{display:none}}.scroll{position:absolute;top:0;width:100%;overflow:hidden;bottom:0}.scroll__container{width:calc(100% + 20px);height:100%;overflow-x:hidden;overflow-y:scroll;-webkit-transition:width 100ms ease-in-out;-o-transition:width 100ms ease-in-out;transition:width 100ms ease-in-out}.scroll__content{overflow:hidden;padding:0 20px 0 0}@font-face{font-family:'icomoon';src:url("../../files/layout/fonts/icomoon.eot?fpb6mx");src:url("../../files/layout/fonts/icomoon.eot?fpb6mx#iefix") format("embedded-opentype"), url("../../files/layout/fonts/icomoon.ttf?fpb6mx") format("truetype"), url("../../files/layout/fonts/icomoon.woff?fpb6mx") format("woff"), url("../../files/layout/fonts/icomoon.svg?fpb6mx#icomoon") format("svg");font-weight:normal;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:'icomoon'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-home:before{content:"\e600"}.icon-home2:before{content:"\e601"}.icon-pencil:before{content:"\e60d"}.icon-pen:before{content:"\e60f"}.icon-pencil3:before{content:"\e610"}.icon-pencil4:before{content:"\e612"}.icon-color-sampler:before{content:"\e627"}.icon-snow2:before{content:"\e637"}.icon-umbrella:before{content:"\e63f"}.icon-umbrella2:before{content:"\e640"}.icon-sun-small:before{content:"\e646"}.icon-sun:before{content:"\e647"}.icon-cloud-upload:before{content:"\e64b"}.icon-cloud-download:before{content:"\e64c"}.icon-shield-alert:before{content:"\e669"}.icon-trash2:before{content:"\e681"}.icon-hearts:before{content:"\e68b"}.icon-heart:before{content:"\e68c"}.icon-star:before{content:"\e68d"}.icon-at-sign:before{content:"\e695"}.icon-envelope:before{content:"\e696"}.icon-envelope-open:before{content:"\e697"}.icon-paperclip:before{content:"\e698"}.icon-paper-plane:before{content:"\e699"}.icon-inbox2:before{content:"\e69d"}.icon-hdd-down:before{content:"\e6ac"}.icon-hdd-up:before{content:"\e6ad"}.icon-scissors:before{content:"\e6c7"}.icon-clipboard-empty:before{content:"\e6c9"}.icon-clipboard-pencil:before{content:"\e6ca"}.icon-register:before{content:"\e6d1"}.icon-enter:before{content:"\e6d2"}.icon-reading:before{content:"\e6d6"}.icon-document:before{content:"\e6d8"}.icon-document2:before{content:"\e6d9"}.icon-trophy:before{content:"\e6e2"}.icon-film:before{content:"\e6fb"}.icon-surveillance:before{content:"\e6fd"}.icon-camera:before{content:"\e6ff"}.icon-camera-play:before{content:"\e701"}.icon-camera2:before{content:"\e704"}.icon-shutter:before{content:"\e708"}.icon-book:before{content:"\e712"}.icon-audio-book:before{content:"\e713"}.icon-book2:before{content:"\e714"}.icon-bookmark:before{content:"\e715"}.icon-bookmark2:before{content:"\e716"}.icon-label:before{content:"\e717"}.icon-users:before{content:"\e722"}.icon-users2:before{content:"\e723"}.icon-users-plus:before{content:"\e724"}.icon-group-work:before{content:"\e726"}.icon-woman:before{content:"\e727"}.icon-man:before{content:"\e728"}.icon-woman2:before{content:"\e731"}.icon-man2:before{content:"\e732"}.icon-man-woman:before{content:"\e733"}.icon-height:before{content:"\e734"}.icon-hanger:before{content:"\e742"}.icon-barcode:before{content:"\e747"}.icon-cart:before{content:"\e74d"}.icon-cart-empty:before{content:"\e74e"}.icon-cart-full:before{content:"\e74f"}.icon-cart-plus:before{content:"\e750"}.icon-cart-add:before{content:"\e752"}.icon-cart-remove:before{content:"\e753"}.icon-tag:before{content:"\e755"}.icon-tags:before{content:"\e756"}.icon-cash-euro:before{content:"\e75b"}.icon-bag-euro:before{content:"\e75f"}.icon-coin-euro:before{content:"\e763"}.icon-calculator2:before{content:"\e767"}.icon-telephone:before{content:"\e76a"}.icon-phone-wave:before{content:"\e76c"}.icon-map-marker:before{content:"\e77a"}.icon-calendar-31:before{content:"\e788"}.icon-calendar-full:before{content:"\e789"}.icon-calendar-insert:before{content:"\e78a"}.icon-calendar-text:before{content:"\e78b"}.icon-mouse:before{content:"\e78d"}.icon-keyboard:before{content:"\e791"}.icon-keyboard-up:before{content:"\e792"}.icon-keyboard-down:before{content:"\e793"}.icon-escape:before{content:"\e796"}.icon-enter2:before{content:"\e797"}.icon-screen:before{content:"\e798"}.icon-signal:before{content:"\e79a"}.icon-signal-80:before{content:"\e79c"}.icon-flash-memory:before{content:"\e7a3"}.icon-phone:before{content:"\e7a5"}.icon-smartphone:before{content:"\e7a6"}.icon-tablet2:before{content:"\e7ac"}.icon-laptop:before{content:"\e7ad"}.icon-laptop-phone:before{content:"\e7ae"}.icon-desktop:before{content:"\e7af"}.icon-launch:before{content:"\e7b0"}.icon-remote-control:before{content:"\e7b7"}.icon-power-switch:before{content:"\e7b8"}.icon-power:before{content:"\e7b9"}.icon-lamp:before{content:"\e7bc"}.icon-battery-mid1:before{content:"\e7c8"}.icon-battery-mid2:before{content:"\e7c9"}.icon-battery-mid3:before{content:"\e7ca"}.icon-bubble:before{content:"\e7d6"}.icon-bubbles:before{content:"\e7d7"}.icon-bubble-alert:before{content:"\e7d9"}.icon-bubble-question:before{content:"\e7da"}.icon-bubble-text:before{content:"\e7db"}.icon-phone-bubble:before{content:"\e7e4"}.icon-thermometer:before{content:"\e7f0"}.icon-microscope:before{content:"\e7f1"}.icon-brain:before{content:"\e7f2"}.icon-beaker:before{content:"\e7f3"}.icon-skull:before{content:"\e7f4"}.icon-pie-chart:before{content:"\e7f8"}.icon-graph:before{content:"\e7fa"}.icon-chart-growth:before{content:"\e7fb"}.icon-cake:before{content:"\e7fe"}.icon-gift:before{content:"\e7ff"}.icon-crown:before{content:"\e804"}.icon-diamond2:before{content:"\e807"}.icon-teacup:before{content:"\e80b"}.icon-glass:before{content:"\e80d"}.icon-glass-cocktail:before{content:"\e80f"}.icon-bus:before{content:"\e84d"}.icon-bus2:before{content:"\e84e"}.icon-car2:before{content:"\e84f"}.icon-train:before{content:"\e85a"}.icon-ship:before{content:"\e85b"}.icon-sad:before{content:"\e88d"}.icon-wink:before{content:"\e88e"}.icon-dream:before{content:"\e88f"}.icon-volume-high:before{content:"\e8b0"}.icon-volume-medium:before{content:"\e8b1"}.icon-lan:before{content:"\e8b5"}.icon-lan2:before{content:"\e8b6"}.icon-wifi:before{content:"\e8b7"}.icon-refresh:before{content:"\e8d3"}.icon-sync:before{content:"\e8da"}.icon-clock3:before{content:"\e8e8"}.icon-watch:before{content:"\e8e9"}.icon-download:before{content:"\e8f3"}.icon-upload:before{content:"\e8f4"}.icon-download2:before{content:"\e8f5"}.icon-upload2:before{content:"\e8f6"}.icon-enter-up:before{content:"\e8f7"}.icon-enter-down:before{content:"\e8f8"}.icon-enter-left:before{content:"\e8f9"}.icon-enter-right:before{content:"\e8fa"}.icon-enter-down2:before{content:"\e900"}.icon-exit-up2:before{content:"\e905"}.icon-code:before{content:"\e90b"}.icon-link2:before{content:"\e917"}.icon-thumbs-up:before{content:"\e919"}.icon-thumbs-up3:before{content:"\e91d"}.icon-thumbs-down3:before{content:"\e91e"}.icon-share2:before{content:"\e920"}.icon-magnifier:before{content:"\e922"}.icon-zoom-in:before{content:"\e925"}.icon-menu:before{content:"\e92b"}.icon-list3:before{content:"\e92e"}.icon-exclamation:before{content:"\e932"}.icon-question:before{content:"\e933"}.icon-check:before{content:"\e934"}.icon-cross2:before{content:"\e935"}.icon-plus:before{content:"\e936"}.icon-minus:before{content:"\e937"}.icon-chevron-left:before{content:"\e93b"}.icon-chevron-right:before{content:"\e93c"}.icon-expand:before{content:"\e94a"}.icon-contract:before{content:"\e94b"}.icon-move:before{content:"\e94e"}.icon-warning:before{content:"\e955"}.icon-notification-circle:before{content:"\e956"}.icon-question-circle:before{content:"\e957"}.icon-arrow-left-circle:before{content:"\e960"}.icon-arrow-right-circle:before{content:"\e961"}.icon-chevron-up-circle:before{content:"\e962"}.icon-chevron-down-circle:before{content:"\e963"}.icon-layers:before{content:"\e977"}.icon-chevron-up-square:before{content:"\e995"}.icon-chevron-down-square:before{content:"\e996"}.icon-chevron-left-square:before{content:"\e997"}.icon-chevron-right-square:before{content:"\e998"}.icon-pencil-line:before{content:"\e9be"}.icon-hand2:before{content:"\e9cf"}.icon-ellipsis:before{content:"\e9e9"}.mod_article .content{margin:0 auto;padding:30px 20px}.mod_article .content{*zoom:1}.mod_article .content:after,.mod_article .content:before{content:"";display:table}.mod_article .content:after{clear:both}@media only screen and (min-width:768px){.mod_article .content{max-width:960px;margin-left:auto;margin-right:auto}.mod_article .content:after{content:" ";display:block;clear:both}}@media only screen and (min-width:768px){.two-columns .mod_article .content{max-width:100%}}.mod_article.full .content{max-width:100%}.mod_article.full .content{*zoom:1}.mod_article.full .content:after,.mod_article.full .content:before{content:"";display:table}.mod_article.full .content:after{clear:both}.mod_article.medium .content{max-width:1400px}.mod_article.medium .content{*zoom:1}.mod_article.medium .content:after,.mod_article.medium .content:before{content:"";display:table}.mod_article.medium .content:after{clear:both}.mod_article.kategorie-filter{overflow:visible}#right .mod_article .content{padding:0}.mod_article.bg-gray{background-color:#edf1f5}#info{text-align:center;line-height:30px}#info a{color:#2e3141;text-decoration:none}#info .top__left{*zoom:1}#info .top__left:after,#info .top__left:before{content:"";display:table}#info .top__left:after{clear:both}@media only screen and (min-width:768px){#info .top__left{width:50%;float:left}}#info .top__left .contact-phone{padding:0 10px;border-right:1px solid #babfc4;border-bottom:1px solid #babfc4}@media only screen and (min-width:480px){#info .top__left .contact-phone{width:50%;float:left}}@media only screen and (min-width:768px){#info .top__left .contact-phone{border-bottom:0}}#info .top__left .contact-phone i{margin-right:10px}#info .top__left .contact-mail{padding:0 10px;border-right:1px solid #babfc4;border-bottom:1px solid #babfc4}@media only screen and (min-width:480px){#info .top__left .contact-mail{width:50%;float:left}}@media only screen and (min-width:768px){#info .top__left .contact-mail{border-bottom:0}}#info .top__left .contact-mail i{margin-right:10px}#info .top__right{*zoom:1}#info .top__right:after,#info .top__right:before{content:"";display:table}#info .top__right:after{clear:both}@media only screen and (min-width:768px){#info .top__right{width:50%;float:left}}#info .top__right .socials{padding:0 10px;border-right:1px solid #babfc4;border-bottom:1px solid #babfc4}@media only screen and (min-width:480px){#info .top__right .socials{width:50%;float:left;border-bottom:0}}@media only screen and (min-width:480px){#info .top__right .mod_changelanguage{width:50%;float:left}}.mod_changelanguage{text-align:center}.mod_changelanguage li{display:inline-block;margin:0 5px}.mod_changelanguage li .active{font-weight:700;color:gray-darkest}.socials li{display:inline-block}.socials li a{width:30px;height:30px;display:block;text-align:center;text-decoration:none}#off-canvas .socials{max-width:320px;padding:0 20px;margin:0 auto 50px auto}#off-canvas .socials li{width:40px;height:40px;font-size:1.8rem}#subfooter .socials{clear:both;float:none;width:100%;text-align:center;padding-top:50px}#subfooter .socials li{margin:0 5px}#subfooter .socials li a{width:40px;line-height:40px;height:40px}#subfooter .socials li a i{display:block;width:inherit;line-height:inherit;height:inherit;vertical-align:middle;font-size:2rem}.mod_navigation__main{display:none;float:left;padding:47px 0 0 0;margin-left:22.22222%;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}.is-sticky .mod_navigation__main{padding:27px 0 0 0}@media only screen and (min-width:1024px){.mod_navigation__main{display:block}}.mod_navigation__main ul.level_1 li{display:inline-block}.mod_navigation__main ul.level_1 li a,.mod_navigation__main ul.level_1 li span{position:relative;padding:0 20px 20px 20px;display:block;font-size:1.8rem;color:rgba(46, 49, 65, 0.5);-webkit-transition:color 200ms ease-in-out;-o-transition:color 200ms ease-in-out;transition:color 200ms ease-in-out;text-decoration:none}@media only screen and (min-width:1024px){.mod_navigation__main ul.level_1 li a,.mod_navigation__main ul.level_1 li span{font-size:1.8rem;padding:0 20px 20px 20px}}.mod_navigation__main ul.level_1 li a:before,.mod_navigation__main ul.level_1 li span:before{position:absolute;bottom:0;left:0;content:'';height:0;width:100%;background-color:#ffd90f;-webkit-transition:height 200ms ease-in-out;-o-transition:height 200ms ease-in-out;transition:height 200ms ease-in-out}.mod_navigation__main ul.level_1 li a.active,.mod_navigation__main ul.level_1 li a.trail,.mod_navigation__main ul.level_1 li a:hover,.mod_navigation__main ul.level_1 li span.active,.mod_navigation__main ul.level_1 li span.trail,.mod_navigation__main ul.level_1 li span:hover{color:#2e3141}.mod_navigation__main ul.level_1 li a.active:before,.mod_navigation__main ul.level_1 li a.trail:before,.mod_navigation__main ul.level_1 li a:hover:before,.mod_navigation__main ul.level_1 li span.active:before,.mod_navigation__main ul.level_1 li span.trail:before,.mod_navigation__main ul.level_1 li span:hover:before{height:3px}.mod_navigation__main ul.level_1 li a.search,.mod_navigation__main ul.level_1 li span.search{position:relative;width:40px;height:40px;padding:0;margin-left:20px;font-size:0}.mod_navigation__main ul.level_1 li a.search:before,.mod_navigation__main ul.level_1 li span.search:before{display:none}.mod_navigation__main ul.level_1 li a.search:after,.mod_navigation__main ul.level_1 li span.search:after{position:relative;top:-6px;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;vertical-align:middle;font-family:"icomoon";content:'\e922';font-size:2.5rem;text-indent:0}.burger-icon{display:block;position:relative;width:70px;height:70px;float:right}@media only screen and (min-width:768px){.burger-icon{width:90px;height:90px}}@media only screen and (min-width:1024px){.burger-icon{display:none}}.burger-icon i{color:#ffd90f;line-height:70px;width:70px;text-align:center;vertical-align:middle;font-size:4rem;cursor:pointer}@media only screen and (min-width:768px){.burger-icon i{line-height:90px;width:90px}}.mobile__nav{margin-top:0;margin-bottom:20px}@media only screen and (min-width:1024px){.mobile__nav{display:none}}.mobile__nav ul{max-width:320px;padding:0 20px;margin:0 auto;text-align:left}.mobile__nav ul li{display:block}.mobile__nav ul li a,.mobile__nav ul li span{position:relative;padding:0 10px;display:block;color:#2e3141;line-height:50px;border-bottom:2px solid #e3e7eb;vertical-align:middle;font-size:1.4rem;-webkit-transition:color 200ms ease-in-out;-o-transition:color 200ms ease-in-out;transition:color 200ms ease-in-out;text-decoration:none}@media only screen and (min-width:1024px){.mobile__nav ul li a,.mobile__nav ul li span{font-size:1.8rem}}.mobile__nav ul li a.active,.mobile__nav ul li a.trail,.mobile__nav ul li a:hover,.mobile__nav ul li span.active,.mobile__nav ul li span.trail,.mobile__nav ul li span:hover{border-color:#2e3141}.mod_breadcrumb{text-align:left;font-size:1.8rem;padding:0 20px 20px 20px}@media only screen and (max-width:767px){.mod_breadcrumb{padding-top:130px}.mod_breadcrumb div{display:none}}@media only screen and (min-width:768px){.mod_breadcrumb{text-align:center;padding-top:180px}}@media only screen and (min-width:1024px){.mod_breadcrumb{padding-top:80px}}.mod_breadcrumb a{color:rgba(46, 49, 65, 0.5);display:inline-block;padding:5px 10px;text-decoration:none}.mod_newslist .pagination{position:absolute;bottom:0;left:1.38889%}.pagination ul li{display:inline-block;margin-right:20px}.pagination ul li a{color:rgba(46, 49, 65, 0.8)}.pagination ul li .current{color:#101720;font-weight:700}.footerNavigation{padding:0 20px}.footerNavigation ol{margin-top:14px}.footerNavigation li{display:block}.footerNavigation li a,.footerNavigation li span{display:block;text-decoration:none}.button{display:inline-block;position:relative;width:auto;max-width:280px;margin-top:20px;padding:5px 40px;font-size:1.8rem;font-weight:400;line-height:40px;text-align:center;vertical-align:middle;background-color:#ffd90f;color:#101720;cursor:pointer}@media only screen and (min-width:480px){.button{max-width:auto}}html{font-size:62.5%}body{font-family:"Roboto", sans-serif;font-weight:400;font-size:14px;font-size:1.4rem;color:rgba(46, 49, 65, 0.8);line-height:1.8}@media only screen and (min-width:1024px){body{font-size:16px;font-size:1.6rem}}p.more{text-align:right;padding:0}#footer p{margin:0}b,strong{font-weight:700;color:#2e3141}a{display:inline-block;text-decoration:underline;color:#101720;outline:none}.more a,a.more{position:relative;padding:0 35px 0 10px;text-align:right;font-size:1.4rem;text-transform:lowercase;line-height:25px;color:#2e3141;text-align:center;background-color:#e3e7eb;text-decoration:none}.more a i,a.more i{line-height:inherit}.more a:hover,a.more:hover{color:#101720}.more a:before,a.more:before{position:absolute;right:0;width:25px;content:'\e93c';font-family:"icomoon";text-align:center;font-size:1.8rem;line-height:25px;color:#101720;background-color:#ffd90f}ul{overflow:hidden;list-style:none;padding:0;margin:0}ul li{list-style:none}.ce_text__content ul li{position:relative;padding-left:20px;margin-bottom:5px;margin-left:20px}.ce_text__content ul li:before{position:absolute;top:9px;left:0;content:'';display:inline-block;margin-right:10px;width:10px;height:10px;background-color:#ffd90f;-webkit-box-shadow:3px 3px 0 0 #babfc4;box-shadow:3px 3px 0 0 #babfc4}ol{list-style:none;padding:0;margin:0}ol li{position:relative;padding-left:10px}ol li:before{position:absolute;left:0;top:0;width:10px;content:'_ '}blockquote{font-style:italic;font-weight:400;font-style:italic;margin:0}@media only screen and (min-width:480px){blockquote{padding:10px 30px;font-size:20px;font-size:2rem;line-height:1.6}}blockquote p{display:inline}.text-white *{color:white}.intro{font-size:2.5rem;text-shadow:0 0 10px #101720}h1,h2,h3,h4,h5,h6{font-weight:300;color:#2e3141;line-height:1.2}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{display:block;font-size:60%}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none}h1{font-size:25px;font-size:2.5rem}@media only screen and (min-width:768px){h1{font-size:45px;font-size:4.5rem}}#subheader h1{margin:0;line-height:1}.home h1{font-weight:300}h2{font-size:30px;font-size:3rem}@media only screen and (min-width:1024px){h2{font-size:30px;font-size:3rem}}.mod_newsreader h2{font-size:22px;font-size:2.2rem}@media only screen and (min-width:768px){.mod_newsreader h2{font-size:22px;font-size:2.2rem}}h3{font-size:22px;font-size:2.2rem}@media only screen and (min-width:768px){h3{font-size:22px;font-size:2.2rem}}.mod_newsreader h3{font-size:20px;font-size:2rem}@media only screen and (min-width:768px){.mod_newsreader h3{font-size:20px;font-size:2rem}}h4{position:relative;font-size:20px;font-size:2rem}@media only screen and (min-width:768px){h4{font-size:20px;font-size:2rem}}#right h4,#subfooter h4{padding-bottom:10px;margin-bottom:10px}#right h4:before,#subfooter h4:before{position:absolute;bottom:0;left:0;content:'';width:100px;height:5px;background-color:#ffd90f}h5{font-size:20px;font-size:2rem}@media only screen and (min-width:768px){h5{font-size:16px;font-size:1.6rem}}h6{font-size:16px;font-size:1.6rem}@media only screen and (min-width:768px){h6{font-size:16px;font-size:1.6rem}}.InputfieldError,button,input,label,select,textarea{display:inline-block;margin:0;border:0;padding:0;width:auto;vertical-align:middle;white-space:normal;line-height:inherit;background:none;color:inherit;font-size:inherit;font-family:inherit}input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input{}input:focus{outline:0}input[type=checkbox],input[type=radio]{width:13px;height:13px}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}input[type=button],input[type=reset],input[type=submit]{overflow:visible}select{}select[multiple]{vertical-align:top}button{background:none;border:0;outline:none}button::-moz-focus-inner{border:0;padding:0}button:active,button:focus,button:hover{outline:0}::-webkit-file-upload-button{padding:0;border:0;background:none}textarea{vertical-align:top;overflow:auto}.Inputfield{width:100%;float:left;padding:0.5em 0}.Inputfield .toggle-icon{display:none}.Inputfield .ui-widget-content{padding-left:5px}.InputfieldError,label{display:none;padding:5px 15px;font-weight:300}.InputfieldError{display:block;padding:5px 5px;color:#ffd90f}input{padding:0 10px;width:100%;height:45px;background-color:white}select{float:left;width:100%;height:45px;background-color:white;padding:0 5px}select option{padding:10px}select:before{content:"\f078";width:45px;background-color:#e3e7eb;line-height:45px;vertical-align:middle;text-align:center;font-family:"FontAwesome";color:white}textarea{width:100%;padding:10px;background-color:white}input[type=radio]{opacity:0;position:absolute}input[type=radio]+label{position:relative;display:inline;padding-left:35px;cursor:pointer}input[type=radio]+label:before{position:absolute;left:0;top:2px;-webkit-box-sizing:content-box;box-sizing:content-box;content:"";width:20px;height:20px;background-color:white;border:1px solid #babfc4;border-radius:50%}input[type=radio]+label:after{position:absolute;left:4px;top:6px;-webkit-box-sizing:content-box;box-sizing:content-box;content:"";width:14px;height:14px;border-radius:50%}input[type=radio]:checked+label:after{background-color:#ffd90f}input[type=checkbox]{opacity:0;position:absolute}input[type=checkbox]+label{position:relative;display:inline;padding-left:35px;cursor:pointer}input[type=checkbox]+label:before{position:absolute;left:0;top:2px;-webkit-box-sizing:content-box;box-sizing:content-box;content:"";width:20px;height:20px;background-color:white;border:1px solid #babfc4}input[type=checkbox]+label:after{position:absolute;left:-2px;top:4px;-webkit-box-sizing:content-box;box-sizing:content-box;content:"";width:22px;height:22px;line-height:22px;vertical-align:middle;text-align:center;font-family:"11880-icons";color:#ffd90f}input[type=checkbox]:checked+label:after{content:"\e94f"}.error label{display:none!important}.error input[type=checkbox]+label,.error input[type=radio]+label{display:block!important}.error input,.error textarea{background-color:#F2E5E5!important}figure{margin:0}img{vertical-align:middle;max-width:100%;height:auto}figcaption{font-size:1.2rem;padding:0 10px}.background-image.background-image--full{background-position:center;background-size:cover;background-repeat:no-repeat}.logo{position:absolute;top:15px;left:5.55556%;height:95px;width:95px;z-index:10;overflow:visible;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}.is-sticky .logo{top:15px;height:95px;width:95px}@media only screen and (min-width:768px){.logo{top:15px;height:125px;width:125px}}.logo img{width:100%;height:100%}.ce_text{position:relative}.ce_text .ce_text__image .image_container .cboxElement{position:relative;border:10px solid #edf1f5;overflow:hidden}.ce_text .ce_text__image .image_container .cboxElement:before{position:absolute;bottom:-70px;left:50%;margin-left:-35px;font-family:"icomoon";content:'\e925';width:70px;line-height:70px;color:white;font-size:4.5rem;-webkit-transition:bottom 300ms ease-in-out;-o-transition:bottom 300ms ease-in-out;transition:bottom 300ms ease-in-out;z-index:10}.ce_text .ce_text__image .image_container .cboxElement:after{position:absolute;bottom:0;left:0;content:'';width:100%;height:0;background-color:#ffd90f;-webkit-transition:height 300ms ease-in-out;-o-transition:height 300ms ease-in-out;transition:height 300ms ease-in-out}.ce_text .ce_text__image .image_container .cboxElement picture{position:relative;top:0;opacity:1;-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.ce_text .ce_text__image .image_container .cboxElement:hover:before{bottom:0}.ce_text .ce_text__image .image_container .cboxElement:hover:after{height:70px}.ce_text .ce_text__image .image_container .cboxElement:hover picture{top:-20px;opacity:0.7}.ce_text.bg-white{background-color:white}.ce_text.bg-white .ce_text__content{padding-left:20px;padding-right:20px}.alternate .ce_text{*zoom:1}.alternate .ce_text:after,.alternate .ce_text:before{content:"";display:table}.alternate .ce_text:after{clear:both}.alternate .ce_text .ce_text__content,.alternate .ce_text .ce_text__image{width:47.22222%;float:right}.alternate .ce_text .image_container{height:100%;width:100%}.alternate .ce_text .ce_text__content{padding:100px 60px;background-color:#101720}.alternate .ce_text .ce_text__content *{color:white}.alternate .ce_text .ce_text__content strong{color:#ffd90f;font-size:2rem}.alternate .ce_text:nth-child(2n) .ce_text__content,.alternate .ce_text:nth-child(2n) .ce_text__image{float:left}.alternate .ce_text:nth-child(2n) .ce_text__content{background-color:#ffd90f}.alternate .ce_text:nth-child(2n) .ce_text__content *{color:#101720}.alternate .ce_text:nth-child(2n) .ce_text__content strong{color:white}.alternate--style2 .ce_text{padding:100px 60px}.alternate--style2 .ce_text{*zoom:1}.alternate--style2 .ce_text:after,.alternate--style2 .ce_text:before{content:"";display:table}.alternate--style2 .ce_text:after{clear:both}.alternate--style2 .ce_text ol{list-style:none;padding:0;margin:0}@media only screen and (min-width:480px){.alternate--style2 .ce_text ol{width:50%;float:left}}.alternate--style2 .ce_text ol li:before{content:'_ ';display:inline}@media only screen and (min-width:768px){.alternate--style2 .ce_text{width:50%;float:left}}.alternate--style2 .ce_text:nth-child(2n){text-align:left;background-color:#ffd90f}.alternate--style2 .ce_text:nth-child(2n) ol{float:left}.alternate--style2 .ce_text:nth-child(2n) *{color:#101720}.alternate--style2 .ce_text:nth-child(2n) h2,.alternate--style2 .ce_text:nth-child(2n) strong{color:white;font-size:2rem}.alternate--style2 .ce_text:nth-child(2n) .ce_text__image{display:none}.alternate--style2 .ce_text:nth-child(odd){text-align:right;background-color:#101720}.alternate--style2 .ce_text:nth-child(odd) ol{float:right}.alternate--style2 .ce_text:nth-child(odd) *{color:white}.alternate--style2 .ce_text:nth-child(odd) h2,.alternate--style2 .ce_text:nth-child(odd) strong{color:#ffd90f;font-size:2rem}.alternate--style2 .ce_text:nth-child(odd) .ce_text__image{position:absolute;top:0;left:0;bottom:0;right:0}.alternate--style2 .ce_text:nth-child(odd) .ce_text__image .image_container{width:100%;height:100%;opacity:0.1}@media only screen and (min-width:768px){.alternate--style2 .ce_text:nth-of-type(2),.alternate--style2 .ce_text:nth-of-type(3),.alternate--style2 .ce_text:nth-of-type(6),.alternate--style2 .ce_text:nth-of-type(7),.alternate--style2 .ce_text:nth-of-type(9){background-color:#ffd90f}.alternate--style2 .ce_text:nth-of-type(2) *,.alternate--style2 .ce_text:nth-of-type(3) *,.alternate--style2 .ce_text:nth-of-type(6) *,.alternate--style2 .ce_text:nth-of-type(7) *,.alternate--style2 .ce_text:nth-of-type(9) *{color:#101720}.alternate--style2 .ce_text:nth-of-type(2) h2,.alternate--style2 .ce_text:nth-of-type(2) strong,.alternate--style2 .ce_text:nth-of-type(3) h2,.alternate--style2 .ce_text:nth-of-type(3) strong,.alternate--style2 .ce_text:nth-of-type(6) h2,.alternate--style2 .ce_text:nth-of-type(6) strong,.alternate--style2 .ce_text:nth-of-type(7) h2,.alternate--style2 .ce_text:nth-of-type(7) strong,.alternate--style2 .ce_text:nth-of-type(9) h2,.alternate--style2 .ce_text:nth-of-type(9) strong{color:white;font-size:2rem}.alternate--style2 .ce_text:nth-of-type(2) .ce_text__image,.alternate--style2 .ce_text:nth-of-type(3) .ce_text__image,.alternate--style2 .ce_text:nth-of-type(6) .ce_text__image,.alternate--style2 .ce_text:nth-of-type(7) .ce_text__image,.alternate--style2 .ce_text:nth-of-type(9) .ce_text__image{display:none}.alternate--style2 .ce_text:first-of-type,.alternate--style2 .ce_text:nth-of-type(4),.alternate--style2 .ce_text:nth-of-type(5),.alternate--style2 .ce_text:nth-of-type(8){background-color:#101720}.alternate--style2 .ce_text:first-of-type *,.alternate--style2 .ce_text:nth-of-type(4) *,.alternate--style2 .ce_text:nth-of-type(5) *,.alternate--style2 .ce_text:nth-of-type(8) *{color:white}.alternate--style2 .ce_text:first-of-type h2,.alternate--style2 .ce_text:first-of-type strong,.alternate--style2 .ce_text:nth-of-type(4) h2,.alternate--style2 .ce_text:nth-of-type(4) strong,.alternate--style2 .ce_text:nth-of-type(5) h2,.alternate--style2 .ce_text:nth-of-type(5) strong,.alternate--style2 .ce_text:nth-of-type(8) h2,.alternate--style2 .ce_text:nth-of-type(8) strong{color:#ffd90f;font-size:2rem}.alternate--style2 .ce_text:first-of-type .ce_text__image,.alternate--style2 .ce_text:nth-of-type(4) .ce_text__image,.alternate--style2 .ce_text:nth-of-type(5) .ce_text__image,.alternate--style2 .ce_text:nth-of-type(8) .ce_text__image{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.alternate--style2 .ce_text:first-of-type .ce_text__image .image_container,.alternate--style2 .ce_text:nth-of-type(4) .ce_text__image .image_container,.alternate--style2 .ce_text:nth-of-type(5) .ce_text__image .image_container,.alternate--style2 .ce_text:nth-of-type(8) .ce_text__image .image_container{width:100%;height:100%;opacity:0.1}}@media only screen and (min-width:1024px){.two-column .ce_text{width:47.22222%;float:left}.two-column .ce_text:nth-child(2n){padding-left:2.77778%}.two-column .ce_text:nth-child(odd){padding-right:2.77778%}}.topScroll{position:fixed;bottom:50px;right:50px;z-index:998;width:64px;height:64px;display:none;background-color:rgba(255, 217, 15, 0.2);border:2px solid rgba(255, 217, 15, 0.2);-webkit-transition:background-color 200ms ease-in-out;-o-transition:background-color 200ms ease-in-out;transition:background-color 200ms ease-in-out}.topScroll:hover{background-color:#ffd90f}.topScroll a{display:block;height:60px;width:60px;text-align:center}.topScroll a:before{line-height:60px;vertical-align:middle;font-size:2rem;color:#ffd90f}#subfooter{font-size:1.4rem}#subfooter ul li{margin-left:0}#subfooter ul li:before{top:7px}.mejs-mediaelement,.video-container{position:relative;width:100%;height:100%;padding-bottom:56.25%}.mejs-mediaelement iframe,.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.google-maps{position:relative;width:100%;height:100%;padding-bottom:40%}.google-maps .overlay{background:transparent;position:absolute;top:0;bottom:0;left:0;right:0;z-index:10}.google-maps iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}#cookie-bar{position:fixed;bottom:0;left:0;background-color:white;padding:10px;width:100%;z-index:999;text-align:center}#cookie-bar p{font-size:1.4rem;display:inline-block;line-height:30px;margin:0}#cookie-bar a{font-size:1.4rem;line-height:20px;border:0;margin:0;margin-left:20px;padding:5px 30px;color:#101720;background-color:#ffd90f;text-decoration:none;border-radius:20px;font-weight:400;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}.ce_accordion{margin-bottom:20px}@media only screen and (min-width:768px){.ce_accordion{width:48.57143%;float:left;margin-left:2.85714%}.ce_accordion:nth-child(odd){clear:both;width:48.57143%;float:left;margin-left:0}}.ce_accordion .toggler{position:relative;background-color:#e3e7eb;line-height:50px;padding:0 20px;font-size:1.8rem;cursor:pointer;outline:none}.ce_accordion .toggler:before{position:absolute;right:0;top:0;width:50px;line-height:inherit;text-align:center;font-family:"icomoon";content:'\e936';background-color:#ffd90f}.ce_accordion .toggler.active:before{content:'\e937'}.ce_accordion .accordion{padding:20px}.icon_box{position:relative;margin-bottom:30px}.icon_box .icon_box__icon{height:100px;width:100px;margin:0 auto}.icon_box.top{text-align:center}@media only screen and (min-width:768px){.icon_box.top{width:22.22222%;float:left;margin-left:1.38889%;margin-right:1.38889%}.icon_box.top:nth-child(5n+0){float:left;margin-left:1.38889%;margin-right:1.38889%;clear:both}}.icon_box.left{text-align:left}.icon_box.left{*zoom:1}.icon_box.left:after,.icon_box.left:before{content:"";display:table}.icon_box.left:after{clear:both}@media only screen and (min-width:768px){.icon_box.left{width:30.55556%;float:left;margin-left:1.38889%;margin-right:1.38889%}.icon_box.left:nth-child(4n+0){float:left;margin-left:1.38889%;margin-right:1.38889%;clear:both}}.icon_box.left .icon_box__icon{position:absolute;left:0;top:0}.icon_box.left .icon_box__text{min-height:100px;margin-left:140px}.service{position:relative;margin-bottom:60px}.service .service__icon{height:100px;width:100px;text-align:center}@media only screen and (min-width:1024px){.service .service__icon{position:absolute;top:0;left:0}}.service .service__content{*zoom:1}.service .service__content:after,.service .service__content:before{content:"";display:table}.service .service__content:after{clear:both}@media only screen and (min-width:768px){.service .service__content .service__text-left{width:57.14286%;float:left;margin-left:0}}@media only screen and (min-width:1024px){.service .service__content .service__text-left{padding-left:140px}}@media only screen and (min-width:768px){.service .service__content .service__text-right{width:35.71429%;float:left;margin-left:2.85714%;margin-left:5.55556%}}.service .service__content h2{margin-top:3rem;margin-bottom:2.5rem}.service .service__content h3{position:relative;margin-top:3.8rem;margin-bottom:2.5rem}.service .service__content h3:before{position:absolute;bottom:-10px;left:0;content:'';width:150px;height:5px;background-color:#ffd90f}.mod_search input.text{background-color:#e3e7eb}.mod_search input.submit{width:200px;margin-top:10px;border:3px solid #ffd90f}.mod_search .header{margin-top:0;border-bottom:2px solid #d9dde1;padding:0 0 10px 0}.mod_search .highlight{color:#101720;font-weight:700}.mod_search div{padding:0 0 20px 0;border-bottom:1px solid #d9dde1}.mod_search div:first-child{border:0}.mod_search div h3 a{color:#ffd90f;font-weight:400}.mod_search div h3 .relevance{display:block;font-size:1.4rem}.mod_search div .more{margin:0}#search{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-color:rgba(255, 217, 15, 0.9)}#search .inside{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#101720;text-align:center}@media only screen and (min-width:1024px){#search .inside{top:50%;left:50%;margin-top:-165px;margin-left:-35%;width:70%;height:330px}}#search .inside h4{color:white;font-size:4rem;margin-top:6rem;margin-bottom:3rem}#search .inside form{width:90%;margin:0 auto;text-align:center}@media only screen and (min-width:1024px){#search .inside form{width:70%}}#search .inside input.text{border:0;border-bottom:3px solid #2e3141;line-height:40px;width:100%;background-color:transparent;text-align:center;font-size:3rem;color:white;margin-bottom:20px;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}#search .inside input.text:focus{border-color:white}#search .inside input.submit{border:3px solid #ffd90f;line-height:40px;vertical-align:middle;width:200px;background-color:transparent;text-align:center;font-size:2rem;color:#ffd90f;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}#search .inside input.submit:hover{border-color:white;color:white}#search .inside .close{display:block;position:absolute;top:10px;right:10px;line-height:40px;vertical-align:middle;cursor:pointer;color:white}#search .inside .close i{display:inline-block;width:40px;line-height:40px;vertical-align:middle;text-align:center;font-size:2rem}.mobile__search{max-width:320px;margin:130px auto 0 auto;padding:0 20px;border-bottom:2px solid #e3e7eb}@media only screen and (min-width:768px){.mobile__search{margin-top:160px}}.mobile__search .widget{margin-bottom:10px}.mobile__search button{display:none}.mod_newscategories{position:relative;text-align:center}.mod_newscategories{*zoom:1}.mod_newscategories:after,.mod_newscategories:before{content:"";display:table}.mod_newscategories:after{clear:both}#subheader .mod_newscategories{color:#e3e7eb}@media only screen and (min-width:768px){#subheader .mod_newscategories{height:130px;overflow:visible}}#subheader .mod_newscategories h6{display:inline-block;margin:0;color:#2e3141;line-height:40px;vertical-align:middle;font-weight:300}#subheader .mod_newscategories h6 span{font-weight:700;color:#2e3141}#subheader .mod_newscategories h6 span i{display:inline-block;margin:0 5px;color:#babfc4}#subheader .mod_newscategories .filter-resets{text-align:center}#subheader .mod_newscategories .filter-resets{*zoom:1}#subheader .mod_newscategories .filter-resets:after,#subheader .mod_newscategories .filter-resets:before{content:"";display:table}#subheader .mod_newscategories .filter-resets:after{clear:both}#subheader .mod_newscategories .filter-resets .reset-filter,#subheader .mod_newscategories .filter-resets .show-all{display:inline-block;line-height:40px;padding:0 20px;vertical-align:middle;cursor:pointer;color:#2e3141}#subheader .mod_newscategories .level_1{overflow:visible;display:block;text-align:center}#subheader .mod_newscategories .level_1 li{position:relative;display:inline-block;vertical-align:top;margin:0 10px 10px 10px;text-align:left;z-index:88;width:200px}@media only screen and (min-width:768px) and (max-width:1023px){#subheader .mod_newscategories .level_1 li{width:22.22222%;float:left;margin-left:1.38889%;margin-right:1.38889%}}#subheader .mod_newscategories .level_1 li i{position:absolute;top:0;right:0;width:40px;line-height:40px;vertical-align:middle;text-align:center;font-size:1.6rem;border-left:1px solid rgba(186, 191, 196, 0.5);cursor:pointer;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;color:#2e3141}#subheader .mod_newscategories .level_1 li i:hover{background-color:#ffd90f;color:#2e3141}#subheader .mod_newscategories .level_1 li.open i{background-color:#ffd90f;color:#2e3141}#subheader .mod_newscategories .level_1 li a,#subheader .mod_newscategories .level_1 li span{padding:0 50px 0 20px;line-height:40px;vertical-align:middle;display:block;background-color:#e3e7eb;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;text-transform:uppercase;color:#2e3141;text-decoration:none}#subheader .mod_newscategories .level_1 li a:hover,#subheader .mod_newscategories .level_1 li span:hover{background-color:#ffd90f}#subheader .mod_newscategories .level_1 .level_2{display:none;padding-bottom:5px;-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);box-shadow:0 0 5px rgba(0, 0, 0, 0.3);background-color:#ffd90f;min-width:100%}@media only screen and (min-width:768px){#subheader .mod_newscategories .level_1 .level_2{position:absolute}}#subheader .mod_newscategories .level_1 .level_2 li{display:block;margin:0;float:none;clear:both}#subheader .mod_newscategories .level_1 .level_2 li a{background-color:transparent;color:#2e3141;border-bottom:2px solid #ffd90f;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;text-transform:none;text-decoration:none}#subheader .mod_newscategories .level_1 .level_2 li a:hover{border-bottom:2px solid white}#subheader .mod_newscategories .level_1 .level_2 li a.selected{background-color:white;color:#101720}#subheader .mod_newscategories .level_1.open .level_2{display:block}#subheader .mod_newscategories .level_1.closed .level_2{display:none}@media only screen and (min-width:1024px){.newscategories{width:50%}}.newscategories p{margin:0 0 1px 0}.newscategories p a{padding:0 50px 0 20px;line-height:40px;vertical-align:middle;display:block;background-color:#e3e7eb;-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;text-transform:uppercase;color:#2e3141;text-decoration:none}.newscategories p a:hover{background-color:#ffd90f}.newscategories p .is-active a{background-color:#ffd90f}.blog-categories .content{max-width:1400px;margin-left:auto;margin-right:auto}.blog-categories .content:after{content:" ";display:block;clear:both}.blog-categories .ce_text{position:relative;background-color:#101720;-webkit-box-shadow:0 0 20px rgba(255, 255, 255, 0.5);box-shadow:0 0 20px rgba(255, 255, 255, 0.5);-webkit-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;margin-bottom:2.77778%}@media only screen and (min-width:480px) and (max-width:1023px){.blog-categories .ce_text{width:47.22222%;float:left;margin-left:1.38889%;margin-right:1.38889%}}@media only screen and (min-width:1024px){.blog-categories .ce_text{width:22.22222%;float:left;margin-left:1.38889%;margin-right:1.38889%}}.blog-categories .ce_text:hover{-webkit-box-shadow:0 5px 20px rgba(255, 255, 255, 0.5);box-shadow:0 5px 20px rgba(255, 255, 255, 0.5)}.blog-categories .ce_text:hover .ce_text__content{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}.blog-categories .ce_text:hover .ce_text__content:after{width:50%}.blog-categories .ce_text:hover .ce_text__image .image_container{opacity:0.5}.blog-categories .ce_text .ce_text__image:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 90%);background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 90%);background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0.7)));background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 90%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 90%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 )}.blog-categories .ce_text .ce_text__image .image_container{opacity:1;-webkit-transition:opacity 300ms ease-in-out;-o-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out}.blog-categories .ce_text .ce_text__content{position:absolute;bottom:0;left:0;width:100%;padding:10px 20px 40px 20px;-webkit-transition:-webkit-transform 300ms ease-in-out;transition:-webkit-transform 300ms ease-in-out;-o-transition:transform 300ms ease-in-out;transition:transform 300ms ease-in-out;transition:transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.blog-categories .ce_text .ce_text__content:after{position:absolute;bottom:20px;left:20px;content:'';height:3px;width:0;background-color:#ffd90f;-webkit-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.blog-categories .ce_text .ce_text__content h2,.blog-categories .ce_text .ce_text__content p{color:white;margin:0}.blog-categories .ce_text .ce_text__link{position:absolute;top:0;left:0;right:0;bottom:0}.mod_newslist{padding-top:4.16667%;padding-bottom:4.16667%;max-width:1400px;margin-left:auto;margin-right:auto}.mod_newslist:after{content:" ";display:block;clear:both}.mod_newslist .layout_latest{background-color:white;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);box-shadow:0 0 10px rgba(0, 0, 0, 0.3);-webkit-transition:-webkit-box-shadow 200ms ease-in-out;transition:-webkit-box-shadow 200ms ease-in-out;-o-transition:box-shadow 200ms ease-in-out;transition:box-shadow 200ms ease-in-out;transition:box-shadow 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;margin-bottom:20px}@media only screen and (min-width:768px){.mod_newslist .layout_latest{width:47.22222%;float:left;margin-left:1.38889%;margin-right:1.38889%;margin-top:15px;margin-bottom:15px}}@media only screen and (min-width:1024px){.mod_newslist .layout_latest{width:22.22222%;float:left;margin-left:1.38889%;margin-right:1.38889%}}.mod_newslist .layout_latest:hover{-webkit-box-shadow:0 5px 20px rgba(0, 0, 0, 0.3);box-shadow:0 5px 20px rgba(0, 0, 0, 0.3)}.mod_newslist .layout_latest:hover .news__headline{-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}.mod_newslist .layout_latest:hover .news__headline:after{width:50%}.mod_newslist .layout_latest:hover .news__image .image_container{opacity:0.5}.mod_newslist .layout_latest .news__header{position:relative}.mod_newslist .layout_latest .news__teaser{position:relative;margin:0 20px 18px 20px;padding-bottom:40px;line-height:1.5;border-bottom:1px solid #edf1f5}.mod_newslist .layout_latest .news__teaser .teaser{height:90px}.mod_newslist .layout_latest .news__teaser .more{position:absolute;bottom:0;right:0}.mod_newslist .layout_latest .news__image{background-color:#101720}.mod_newslist .layout_latest .news__image:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 90%);background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 90%);background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0.7)));background:-o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 90%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 90%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 )}.mod_newslist .layout_latest .news__image .image_container{-webkit-transition:opacity 300ms ease-in-out;-o-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out;opacity:1}.mod_newslist .layout_latest .news__headline{position:absolute;bottom:0;left:0;width:100%;padding:10px 20px 40px 20px;-webkit-transition:-webkit-transform 300ms ease-in-out;transition:-webkit-transform 300ms ease-in-out;-o-transition:transform 300ms ease-in-out;transition:transform 300ms ease-in-out;transition:transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.mod_newslist .layout_latest .news__headline:after{position:absolute;bottom:20px;left:20px;content:'';height:3px;width:0;background-color:#ffd90f;-webkit-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.mod_newslist .layout_latest .news__headline h2{margin:0;line-height:1.2;font-size:2.5rem;color:white}.mod_newslist .layout_latest .info{font-size:1.4rem;color:#2e3141;margin:10px 0 10px 0;padding-bottom:10px;border-bottom:1px solid #edf1f5}.mod_newslist .layout_latest .info{*zoom:1}.mod_newslist .layout_latest .info:after,.mod_newslist .layout_latest .info:before{content:"";display:table}.mod_newslist .layout_latest .info:after{clear:both}.mod_newslist .layout_latest .info span{display:block}.mod_newslist .layout_latest .info i{margin-right:5px}.mod_newslist .layout_latest .news__link{position:absolute;top:0;left:0;right:0;bottom:40px}.mod_newslist.slider--big{background-color:#101720}.mod_newslist.slider--big .slider__item{border:0;position:relative;height:400px}@media only screen and (min-width:480px){.mod_newslist.slider--big .slider__item{height:300px}}@media only screen and (min-width:768px){.mod_newslist.slider--big .slider__item{height:500px}}@media only screen and (min-width:1024px){.mod_newslist.slider--big .slider__item{height:700px}}.mod_newslist.slider--big .slider__item .slider__image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;-webkit-transition:opacity 500ms ease-in-out;-o-transition:opacity 500ms ease-in-out;transition:opacity 500ms ease-in-out;-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}.mod_newslist.slider--big .slider__item .slider__content{position:absolute;bottom:100px;left:5.55556%;right:50%}.mod_newslist.slider--big .slider__item .slider__content h1{opacity:0;text-shadow:0 0 20px rgba(0, 0, 0, 0.5)}.mod_newslist.slider--big .slider__item .slider__content h1 a{color:white}.mod_newslist.slider--big .slider__item .slider__content .button{opacity:0}.mod_newslist.slider--big .slick-current .slider__image{opacity:0.7}.mod_newslist.slider--text{background-color:transparent;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:0;padding-right:50px;width:25%}.mod_newslist.slider--text .slider__content{cursor:pointer;text-shadow:0 0 5px rgba(0, 0, 0, 0.3);opacity:0.5;-webkit-transition:opacity 300ms ease-in-out;-o-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out}.mod_newslist.slider--text .slider__content h5{color:#ffd90f;margin-bottom:0;text-transform:uppercase;font-size:1.4rem}.mod_newslist.slider--text .slider__content h6{margin:0;line-height:1.4;font-size:2rem;font-weight:400;color:white}.mod_newslist.slider--text .slider__content:hover{opacity:1}.mod_newslist.slider--text .slick-current .slider__content{opacity:1}@media only screen and (min-width:1024px){#right .mod_newslist{width:47.22222%;float:left;margin-left:1.38889%;margin-right:1.38889%}}.mod_newslist .layout_short{border-bottom:1px solid #d9dde1}.mod_newslist .layout_short h5{margin:14px 0;font-size:1.4rem;font-weight:400;line-height:1.8}.mod_newslist .layout_short h5 a{display:block;color:#2e3141}.mod_newsreader .layout_full .info{font-size:1.4rem;color:rgba(46, 49, 65, 0.5);margin:0}.mod_newsreader .layout_full .info .author{margin-right:10px;margin-left:5px}.mod_newsreader .layout_full .info .fa{margin-right:5px}.mod_newsreader .layout_full .news__socials{background-color:#ffd90f;text-align:center;padding:7px 0 10px 0;color:#101720}.mod_newsreader .layout_full .news__socials ul li{display:inline-block}.mod_newsreader .layout_full .news__socials ul li a{padding:0 0 0 10px;text-decoration:none;line-height:25px;background-color:#ffd90f;text-transform:uppercase;font-size:1.4rem}.mod_newsreader .layout_full .news__socials ul li a i{display:inline-block;line-height:inherit;width:25px;text-align:center}.mod_newsreader .layout_full .kunde{margin:20px 0;border-top:5px solid #ffd90f;font-size:1.4rem}.mod_newsreader .layout_full .kunde .kunde__image{width:30.55556%;float:left;margin-left:1.38889%;margin-right:1.38889%}.mod_newsreader .layout_full .kunde .kunde__description{width:63.88889%;float:left;margin-left:1.38889%;margin-right:1.38889%}.mod_newsreader .layout_full .c2a{background-color:#ffd90f;padding:20px 0 0 0}.mod_newsreader .layout_full .c2a{*zoom:1}.mod_newsreader .layout_full .c2a:after,.mod_newsreader .layout_full .c2a:before{content:"";display:table}.mod_newsreader .layout_full .c2a:after{clear:both}.mod_newsreader .layout_full .c2a__contact [class*=c2a__]{width:30.55556%;float:left;margin-left:1.38889%;margin-right:1.38889%}.mod_newsreader .layout_full .c2a__contact [class*=c2a__] a{display:block;text-align:center;vertical-align:middle;color:#101720;padding:10px 5px;border-right:2px solid #101720;font-family:"Roboto", sans-serif;text-decoration:none}.mod_newsreader .layout_full .c2a__contact [class*=c2a__] a span{display:block}.mod_newsreader .layout_full .c2a__contact [class*=c2a__] a span:before{font-size:6rem}.mod_newsreader .layout_full .c2a__contact .c2a__mail a{border:0}.mod_newsreader .layout_full .c2a__social{padding:10px 0;width:100%;text-align:center;clear:both;float:left;margin-left:1.38889%;margin-right:1.38889%}.mod_newsreader .layout_full .c2a__social a{display:inline-block;border:0;margin:0 10px;line-height:40px;vertical-align:middle;text-decoration:none}.mod_newsreader .layout_full .c2a__social a span{margin-right:10px;font-size:2rem}.mod_newsreader .layout_about{padding-bottom:10px;border-bottom:1px solid #d9dde1}.mod_newsreader .layout_about h4{margin-bottom:0}.mod_newsreader .layout_about h4,.mod_newsreader .layout_about p{width:41.66667%}.mod_newsreader .layout_about+.back{display:none}.team{margin-bottom:30px}@media only screen and (min-width:568px){.team{padding:30px 0;margin-bottom:0}}@media only screen and (min-width:768px) and (max-width:1023px){.team{width:47.22222%;float:left;margin-left:1.38889%;margin-right:1.38889%}.team:nth-child(3n+1){clear:both;float:left;margin-left:1.38889%;margin-right:1.38889%}}@media only screen and (min-width:1024px) and (max-width:1199px){.team{width:30.55556%;float:left;margin-left:1.38889%;margin-right:1.38889%}.team:nth-child(4n+1){clear:both;float:left;margin-left:1.38889%;margin-right:1.38889%}}@media only screen and (min-width:1200px){.team{width:22.22222%;float:left;margin-left:1.38889%;margin-right:1.38889%}.team:nth-child(5n+1){clear:both;float:left;margin-left:1.38889%;margin-right:1.38889%}}.team .team__images{position:relative}.team .team__images{*zoom:1}.team .team__images:after,.team .team__images:before{content:"";display:table}.team .team__images:after{clear:both}.team .team__images .team__image--hover{position:absolute;top:0;left:0;height:100%;width:100%;opacity:0;-webkit-transition:opacity 200ms ease-in-out;-o-transition:opacity 200ms ease-in-out;transition:opacity 200ms ease-in-out}.team:hover .team__images .team__image--hover{opacity:1}.team .ce_image{text-align:center}.team .team__content{padding:0 20px}@media only screen and (min-width:568px){.team .team__content{padding-top:20px}}.mod_newsreader .team{margin-top:20px;background-color:#edf1f5;padding:20px;float:none;width:100%}.mod_newsreader .team .ce_image{padding:0 20px 20px 0;width:13.88889%;float:left;margin-left:1.38889%;margin-right:1.38889%}.mod_newsreader .team .team__content{padding-top:0;padding-left:20px;font-size:1.4rem;line-height:1.4;width:80.55556%;float:left;margin-left:1.38889%;margin-right:1.38889%}.mod_newsreader .team .team__content h2{font-size:2rem}.slick-slider{margin-bottom:0}.slick-slider .slick-arrow{display:block;width:46px;height:46px;z-index:20}.slick-slider .slick-arrow:before{width:inherit;height:inherit;display:block;font-size:2rem;color:#2e3141}.slick-slider .slick-arrow.slick-prev{left:20px}.slick-slider .slick-arrow.slick-prev:before{font-family:"icomoon";content:'\e93b'}.slick-slider .slick-arrow.slick-next{right:20px}.slick-slider .slick-arrow.slick-next:before{font-family:"icomoon";content:'\e93c'}.slick-slider.statements{padding-top:0;margin-bottom:0;text-align:center}.slick-slider.statements .ce_text__image img{margin:0 auto;border-radius:50%}.slick-slider.statements .ce_text__content{max-width:768px;margin:0 auto} @media only screen and (min-width:1024px){.blog-categories .ce_text{width:30.55555%;float:left;margin-left:1.38889%;margin-right:1.38889%}} #home .ce_text.first { background: rgba(255,217,15,0.7); padding: 15px; margin-bottom: 20px; } #home .ce_text.last { background: rgba(255,255,255,0.8); padding: 15px; } #home .ce_text.text-white * { color: #2e3141; text-shadow: none; font-size: 1.6rem; } #home .ce_text.text-white h1 { font-size: 1.9rem; font-weight: bold; } @media only screen and (min-width:1024px){ #home .ce_text.first { background: rgba(255,217,15,0.7); padding: 15px; float: right; width: 30%; margin-bottom: 0px; } #home .ce_text.last { background: rgba(255,255,255,0.8); padding: 15px; float: left; margin-right: 20px; width: calc(70% - 20px); } } .team2021 .leftbox { width: 100%; float: none; padding-right: 0px; } .team2021 .team__phone, .team2021 .team__email { text-align: center; } .team2021 .team__images { padding-bottom: 15px; } .team2021 .ce_image { text-align: center; } .hideonmobile { display: none; } .hideondesktop { display: block; } .team2021 h2 { margin-top: 0px; } @media only screen and (min-width:568px){ .hideonmobile { display: block; } .hideondesktop { display: none; } .team2021 .leftbox { width: 36%; float: left; padding-right: 30px; } .team2021 h2 { margin-top: 0px; } } .team2021 .team__images { position: relative; } .team2021 .team__images .team__image--hover { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -webkit-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } .team2021:hover .team__images .team__image--hover { opacity: 1; } .ce_player.mp4video video { width: 100%; height: 100%; } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }