@charset "utf-8";
.plax.white.roboto-light.delO.minHeighers.umF50 {
    position: relative;
    overflow: hidden; /* schneidet Überstände ab */
}

.plax.white.roboto-light.delO.minHeighers.umF50 img {
    width: 100%;
    height: 100%;
    object-fit: cover;       /* füllt das Div komplett aus */
    object-position: center; /* zentriert das Bild */
    display: block;
}
.alog{position:absolute; top:-50px; left:20px;}
    .logim{position:relative; width:200px;}
    @media screen and (max-width :800px){
     .alog{position:absolute; top:-20px; left:10px;}
    .logim{position:relative; width:100px;}
}
@font-face {
    font-family: 'Nunito-VariableFont_wght';
    src:
        url('fonts/Nunito-VariableFont_wght.woff2') format('woff2'),
        url('fonts/Nunito-VariableFont_wght.woff') format('woff');
}
@font-face {
    font-family: 'Nunito-Italic-VariableFont_wght';
    src:
        url('fonts/Nunito-Italic-VariableFont_wght.woff2') format('woff2'),
        url('fonts/Nunito-Italic-VariableFont_wght.woff') format('woff');
}
@font-face {
    font-family: 'DMSans-VariableFont_opsz-wght';
    src:
        url('fonts/DMSans-VariableFont_opsz-wght.woff2') format('woff2'),
        url('fonts/DMSans-VariableFont_opsz-wght.woff') format('woff');
}
@font-face {
    font-family: 'DMSans-Italic-VariableFont_opsz-wght';
    src:
        url('fonts/DMSans-Italic-VariableFont_opsz-wght.woff2') format('woff2'),
        url('fonts/DMSans-Italic-VariableFont_opsz-wght.woff') format('woff');
}
@font-face {
    font-family: 'DMSans_24pt-Medium';
    src:
        url('fonts/DMSans_24pt-Medium.woff2') format('woff2'),
        url('fonts/DMSans_24pt-Medium.woff') format('woff');
}
@font-face {
    font-family: 'DMSans_24pt-Light';
    src:
        url('fonts/DMSans_24pt-Light.woff2') format('woff2'),
        url('fonts/DMSans_24pt-Light.woff') format('woff');
}
@font-face {
    font-family: 'DMSans_24pt-Bold';
    src:
        url('fonts/DMSans_24pt-Bold.woff2') format('woff2'),
        url('fonts/DMSans_24pt-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Nunito-Regular';
    src:
        url('fonts/Nunito-Regular.woff2') format('woff2'),
        url('fonts/Nunito-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Nunito-Light';
    src:
        url('fonts/Nunito-Light.woff2') format('woff2'),
        url('fonts/Nunito-Light.woff') format('woff');
}
.mVideo{height:50vw;}
a.reg{text-decoration:none; color:#FFFFFF;}
.vidAway{position:absolute; top:16px; right:56px !important; width:40px; height:40px; background-color:#FFFFFF; cursor:pointer; color:#000000; font-size:25px; line-height:40px; font-weight:bold; border-radius:40px; text-align:center;}
.RHigh{position:relative; text-decoration:none; font-size:1vw !important; top:-0.6vw !important;}
.RHighB{position:relative; text-decoration:none; font-size:1vw !important; top:-0.3vw !important;}
.fullFixed{position:fixed;width:100%;left:0;height:auto;top:10%}
.inLoaderLogo{position:absolute;top:50%;width:10%;left:18%}
.mediaBlock{position:relative; width:100%;}
.mediaBlockFull{position:fixed; z-index:9999999999999999999 !important; top:0px; left:0px; width:100vw; height:100vh; background-color:rgba(255,255,255,0.7);}
.onMediatext{position:absolute;left:0%; width:100%; top:52%!Important;font-size:3vw !important;line-height:3.5vw !important;text-shadow:3px 5px 5px rgba(0,0,0,0.5) !important}
.mloaderText{position:absolute;top:0;left:50%;  opacity:0;color:#fff;width:60vw;left:20vw;font-family:'DMSans_24pt-Medium'}
#backtoquad{display:none}
.onToggleCrossAbs{position:fixed;top:30px;left:16px;color:#7d8da1;height:28px !important;opacity:1;z-index:999995959;width:28px;outline:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:300ms}
.onToggleCrossAbs:hover{width:35px;height:35px;top:32px;left:18px;transition:300ms}
.onToggleCrossAbs::before,.onToggleCrossAbs::after{position:absolute;content:'';width:100%;height:2px;background-color:#7d8da1}
.onToggleCrossAbs::before{transform:rotate(45deg)}
.onToggleCrossAbs::after{transform:rotate(-45deg)}
.onDelCross{position:absolute;top:0;right:0;color:#7d8da1;height:28px !important;opacity:1;z-index:99999595;width:28px;outline:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;text-decoration:none}
.onDelCross::before,.onDelCross::after{position:absolute;content:'';width:100%;height:2px;background-color:#7d8da1}
.onDelCross::before{transform:rotate(45deg)}
.onDelCross::after{transform:rotate(-45deg)}
.onToggleCross{position:fixed;top:30px;left:100%;margin-left:-70px;color:#7d8da1;height:28px !important;opacity:1;z-index:99999595;width:28px;outline:0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;transition:300ms}
.onToggleCross:hover{width:35px;height:35px;top:32px;left:99.8%;transition:300ms}
.onToggleCross::before,.onToggleCross::after{position:absolute;content:'';width:100%;height:2px;background-color:#7d8da1}
.onToggleCross::before{transform:rotate(45deg)}
.onToggleCross::after{transform:rotate(-45deg)}
.oMen{position:fixed;top:20px;left:100%;margin-left:-70px; height:30px !important; width:30px; cursor:pointer; z-index:999995959999; display:none;}
.menu__toggler{position:absolute;top:10px;left:0px;color:#7d8da1;height:20px !important;opacity:1;width:28px;outline:0;cursor:pointer;align-items:center; background-color:rgba(0,0,0,0);}
.menu__toggler span,.menu__toggler span::before,.menu__toggler span::after{position:absolute;content:'';width:28px;display:flex;height:2.5px;background:#7d8da1;border-radius:20px;transition:500ms cubic-bezier(0.77,0,0.175,1)}
.menu__toggler span::before{top:-8px}
.menu__toggler span::after{top:8px}
.menu__toggler.active>span{background:transparent}
.menu__toggler.active>span::before,.menu__toggler.active>span::after{background:#7d8da1;top:0}
.menu__toggler.active>span::before{-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}
.menu__toggler.active>span::after{-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.menu{position:absolute;left:-30%;z-index:998;color:#7d8da1;background:rgba(250,250,250,0.7);-webkit-clip-path:polygon(0 0,100% 0,85% 100%,0 100%);clip-path:polygon(0 0,100% 0,85% 100%,0 100%);width:30%;height:100%;padding:100px;display:flex;flex-direction:column;justify-content:center;transition:300ms left cubic-bezier(0.77,0,0.175,1)}
.aloaderBl{position:absolute;top:0;left:0;width:100%;height:100%;display:block;-webkit-mask-image:url("Lorenz_LogoBig.png");mask-image:url("Lorenz_LogoBig.png");-webkit-mask-size:300px 208.58px;mask-size:300px 208.58px}
.dista{position:relative;height:10px;z-index:-10;display:block}
.distb{position:relative;height:5px;z-index:-10}
.distc{position:relative;height:3px;z-index:-10}
.dists{position:relative;height:1px;z-index:-10}
.distd{position:relative;height:8px;z-index:-10}
.centerWidth{position:relative; height:90% !important; left:50% !important; top:50% !important; transform:translate(-50%,-50%);}
.scrollIns{overflow:auto;-webkit-overflow-scrolling:touch}
.shadtop{-moz-box-shadow:0 -7px 7px #000;-webkit-box-shadow:0 -7px 7px #000;box-shadow:0 -7px 7px #000;behavior:url(PIE.htc)}
.shadbottom{-moz-box-shadow:0 7px 7px #000;-webkit-box-shadow:0 7px 7px #000;box-shadow:0 7px 7px #000;behavior:url(PIE.htc)}
.shad{-moz-box-shadow:0 7px 7px #000;-webkit-box-shadow:0 7px 7px #000;box-shadow:0 7px 7px #000;behavior:url(PIE.htc)}
.wshad{-moz-box-shadow:0 2px 2px #000;-webkit-box-shadow:0 2px 2px #000;box-shadow:0 2px 2px #000;behavior:url(PIE.htc)}
.shadleft{-moz-box-shadow:-7px 0 20px #000;-webkit-box-shadow:-7px 0 20px #000;box-shadow:-7px 0 20px #000;behavior:url(PIE.htc)}
.shadright{-moz-box-shadow:7px 0 20px #000;-webkit-box-shadow:7px 0 20px #000;box-shadow:7px 0 20px #000;behavior:url(PIE.htc)}
.fieldinsetshadow{-moz-box-shadow:inset 0 .5px 2px #000;-webkit-box-shadow:inset 0 .5px 2px #000;box-shadow:inset 0 .5px 2px #000;behavior:url(PIE.htc)}
.content_shadow{-webkit-box-shadow:-.3px 1px 8px #000;-moz-box-shadow:-.3px 1px 8px #000;box-shadow:-.3px 1px 8px #000}
.fcontent_shadow{-webkit-box-shadow:3px 3px 8px #000;-moz-box-shadow:3px 3px 8px #000;box-shadow:3px 3px 8px #000}
.content_inset_shadow{-webkit-box-shadow:inset -.3px 1px 8px #000;-moz-box-shadow:inset -.3px 1px 8px #000;box-shadow:inset -.3px 1px 8px #000}
.pointer{cursor:pointer}
.clear{clear:both}
.descOnly{display:block}
.mobOnly{display:none}
.onright{text-align:right}
.oncenter{text-align:center}
.imagebig{position:relative;width:100%}
.imagebigByHalf{position:relative;width:50%}
.image90{position:relative;width:90%}
.nomarg{margin:0}
.normarg{margin:0}
.nodisp{display:none}
.fullwidth{position:relative;width:100%;}
.fullHeight{position:relative;width:100%; height:100%}
.fullwidthX{position:relative;width:95%}
.fullH{position:relative;height:100%}
.w30{position:relative;width:28.5%;float:left}
.w70{position:relative;width:71.5%;float:left}
.w20{position:relative;width:15%;float:left}
.w80{position:relative;width:85%;float:left}
.w10{position:relative;width:8%;float:left}
.w90{position:relative;width:92%;float:left}
.w40{position:relative;width:40%;float:left}
.w60{position:relative;width:60%;float:left}
.rotateOn90Def{transform-origin:100% -20%;transform:rotate(-90deg)}
.rotateOn90{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);transform-origin:top center}
.numberTe{position:relative;width:8%;float:left}
.fullwidthVw{position:relative;width:90vw}
.numPos{position:absolute;font-size:100px !important;color:#48536a;font-family:'DMSans_24pt-Light';top:50%;margin-left:-35px;left:100%;-moz-transform:translateX(-50%) translateY(-50%) rotate(-90deg);-webkit-transform:translateX(-50%) translateY(-50%) rotate(-90deg);transform:translateX(-50%) translateY(-50%) rotate(-90deg)}
.smallerBlock{font-size:1.5vw}
.numberIn{position:relative;width:100%;height:100%;display:table}
.rightNumber{position:relative;width:80%;float:left;display:flex;border-radius:30px;overflow:hidden;box-sizing:border-box}
.numberL{position:relative;width:5%;height:100%;display:flex;float:left}
.numberR{position:relative;width:79%;padding-left:32px;padding-right:32px;padding-top:34px;padding-bottom:34px;box-sizing:border-box;float:left}
.tableCell{position:relative;height:100%;width:100%;display:table-cell;vertical-align:bottom}
.table{position:relative;width:10%;height:100%;display:table}
.row{display:flex}
::placeholder{color:#ccc;opacity:1}
:-ms-input-placeholder{color:#ccc}
::-ms-input-placeholder{color:#ccc}
.smallerhead{font-size:40px}
.bewText{}
.almost{position:relative;top:5px;width:40%}
.beweA{position:relative;width:15%;float:left}
.beweB{position:relative;width:85%;float:left}
.beweAB{position:relative;width:10%;float:left}
.beweBB{position:relative;width:90%;float:left;}
.bewFiles{visibility:hidden}
.multifilebox{position:relative;top:-30px;border:1px dashed #fff;border-radius:5px;background-color:#3d5f11;color:#91ad6e;cursor:pointer;padding:40px;font-size:24px;box-sizing:border-box}
.container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:4px;left:4px;height:30px;width:30px;background-color:#eee;border-radius:5px}
.container input:checked ~ .checkmark{background-color:#fff}
.checkmark:after{content:"";position:absolute;display:none}
.container input:checked ~ .checkmark:after{display:block}
.container .checkmark:after{left:9px;top:5px;width:7px;height:12px;border:solid #5c9117;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.beweCheck{-webkit-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:0;color:#5c9117;margin:0;cursor:pointer;background:#FFF;width:30px;height:30px;border-radius:5px !important}
.beweCheck:checked{margin:0;background-color:#fff;border:0;border:0;color:#5c9117 !important}
.Formheader{padding-bottom:15px}
.formdister{position:relative;height:60px;display:flex}
.frormultext{position:relative;border-none;display:block;padding:3px 24px;box-sizing:border-box;font-size:22px;line-height:90px;color:#000;background-color:#fff;background-image:none;border:1px solid #333 !important;height:90px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:5px;width:100%; font-family:Verdana, Arial, Helvetica, sans-serif !important;}
.wForms{position:relative;width:75%}
.frormultext:focus{outline:0}
.areaHeight{height:300px;line-height:30px}
.vidOpac{opacity:0}
.vidBar{position:relative;width:15%;float:left}
.vidBarCenter{position:relative;width:70%;float:left}
.vidMaster{position:absolute;width:100%;height:100%;width:100%;top:0;left:0; }
.wcA{position:relative;width:7%;float:left}
.wcB{position:relative;width:93%;float:left}
.clear{clear:both}
.greenColor{color:#5c9117}
.star{font-weight:bold}
.vidBack{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.blueGradIn{background:35,69,108;background:-moz-linear-gradient(-45deg,#23456c 0,#000824 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#23456c),color-stop(100%,#000824));background:-webkit-linear-gradient(-45deg,rgba(35,69,108,1) 0,rgba(0,8,36,1) 100%);background:-o-linear-gradient(-45deg,rgba(35,69,108,1) 0,rgba(0,8,36,1) 100%);background:-ms-linear-gradient(-45deg,rgba(35,69,108,1) 0,rgba(0,8,36,1) 100%);background:linear-gradient(135deg,rgba(35,69,108,1) 0,rgba(0,8,36,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23456c',endColorstr='#000824',GradientType=1);background-repeat:no-repeat;background-attachment:fixed}
.blueGradInB{background:5,41,90;background:-moz-linear-gradient(-45deg,#05295a 0,#002338 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#05295a),color-stop(100%,#002338));background:-webkit-linear-gradient(-45deg,rgba(5,41,90,1) 0,rgba(0,35,56,1) 100%);background:-o-linear-gradient(-45deg,rgba(5,41,90,1) 0,rgba(0,35,56,1) 100%);background:-ms-linear-gradient(-45deg,rgba(5,41,90,1) 0,rgba(0,35,56,1) 100%);background:linear-gradient(135deg,rgba(5,41,90,1) 0,rgba(0,35,56,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#05295a',endColorstr='#002338',GradientType=1);background-repeat:no-repeat;background-attachment:fixed}
.blueGradOut{background:0,34,67;background:-moz-linear-gradient(-45deg,#002243 0,#011b31 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#002243),color-stop(100%,#011b31));background:-webkit-linear-gradient(-45deg,rgba(0,34,67,1) 0,rgba(1,27,49,1) 100%);background:-o-linear-gradient(-45deg,rgba(0,34,67,1) 0,rgba(1,27,49,1) 100%);background:-ms-linear-gradient(-45deg,rgba(0,34,67,1) 0,rgba(1,27,49,1) 100%);background:linear-gradient(135deg,rgba(0,34,67,1) 0,rgba(1,27,49,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#002243',endColorstr='#011b31',GradientType=1);background-repeat:no-repeat;background-attachment:fixed}
.greyGrad{background:72,72,72;background:-moz-linear-gradient(-45deg,#484848 0,#191919 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#484848),color-stop(100%,#191919));background:-webkit-linear-gradient(-45deg,rgba(72,72,72,1) 0,rgba(25,25,25,1) 100%);background:-o-linear-gradient(-45deg,rgba(72,72,72,1) 0,rgba(25,25,25,1) 100%);background:-ms-linear-gradient(-45deg,rgba(72,72,72,1) 0,rgba(25,25,25,1) 100%);background:linear-gradient(135deg,rgba(72,72,72,1) 0,rgba(25,25,25,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#484848',endColorstr='#191919',GradientType=1);background-repeat:no-repeat;background-attachment:fixed}
.greenGrad{background:43,67,13;background:-moz-linear-gradient(-45deg,#2b430d 0,#0c1700 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0,#2b430d),color-stop(100%,#0c1700));background:-webkit-linear-gradient(-45deg,rgba(43,67,13,1) 0,rgba(12,23,0,1) 100%);background:-o-linear-gradient(-45deg,rgba(43,67,13,1) 0,rgba(12,23,0,1) 100%);background:-ms-linear-gradient(-45deg,rgba(43,67,13,1) 0,rgba(12,23,0,1) 100%);background:linear-gradient(135deg,rgba(43,67,13,1) 0,rgba(12,23,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b430d',endColorstr='#0c1700',GradientType=1);background-repeat:no-repeat;background-attachment:fixed}
.notdottedReg{position:relative;width:45%;display:flex;height:100px}
.notdottedDouble{position:relative;width:45%;display:flex;height:200px}
.dottedReg{position:relative;width:45%;display:flex;height:100px;border-right:2px dashed #5c9117}
.dottedDouble{position:relative;width:45%;display:flex;height:200px;border-right:2px dashed #5c9117}
.greenBa{background-color:#5c9117}
.greenBb{background-color:#102204}
.greenBc{background-color:#3d5f11}
.greenBd{background-color:#79a35a}
.greyBa{background-color:#292929}
.blackBg{background-color:#000}
.blackGreenBg{background-color:#0e0e0e}
.blueBg{background-color:#00203f}
.lightBlueBg{background-color:#1b406f}
.white{color:white}

.roboto-light{font-family:'Roboto-light' !important}
.futuraLight{font-family:'DMSans_24pt-Light' !important;}
.futuraBold{font-family:'DMSans_24pt-Bold' !important}
body{margin:0;width:100vw;height:101vh;overflow-x:hidden;font-family:'Raleway',sans-serif;font-size:16px;color:#000}
*{touch-action:pan-y pinch-zoom double-tap-zoom}
.scroller-x,.scroller-x *{touch-action:pan-x}
.scroller-y,.scroller-y *{touch-action:pan-y}
html{width:100vw;height:100vh}
.monts{font-family:'Montserrat',sans-serif}
.igTopH{position:absolute;height:100%;top:0;left:0;z-index:-1}
.fiosout{clip:rect(0,auto,auto,0);position:absolute;top:0;left:0;width:100vw;height:100vh;overflow-x:hidden}
.fiosin{position:fixed;display:block;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:center center;transform:translateZ(0);will-change:transform;z-index:-1;margin:0;overflow:hidden}
.fiosZt{z-index:0 !important}
.uFN{position:relative;width:100vw;overflow-x:hidden}
.uF10{position:relative;width:100vw;min-height:10vh !important;display:inline-block;overflow-x:hidden}
.uF20{position:relative;width:100vw;min-height:20vh !important;display:inline-block;overflow-x:hidden}
.uF30{position:relative;width:100vw;min-height:30vh !important;display:inline-block;overflow-x:hidden}
.uF40{position:relative;width:100vw;min-height:40vh !important;display:inline-block;overflow-x:hidden}
.uF50{position:relative;width:100vw;min-height:50vh !important;display:inline-block;overflow-x:hidden}
.uF100{position:relative;width:100vw;min-height:100vh !important;display:inline-block;overflow-x:hidden}
.uF150{position:relative;width:100vw;min-height:150vh !important;display:inline-block;overflow-x:hidden}
.uF200{position:relative;width:100vw;min-height:200vh !important;display:inline-block;overflow-x:hidden}
.uF300{position:relative;width:100vw;min-height:300vh !important;display:inline-block;overflow-x:hidden}
.uF500{position:relative;width:100vw;min-height:500vh !important;display:inline-block;overflow-x:hidden}
.uF2000{position:relative;width:100vw;min-height:2000vh !important;display:inline-block;overflow-x:hidden}

.umFN{position:relative;width:100vw;overflow-x:hidden}
.umF10{position:relative;width:100vw;height:10vh !important;display:inline-block;overflow:hidden}
.umF20{position:relative;width:100vw;height:20vh !important;display:inline-block;overflow:hidden}
.umF30{position:relative;width:100vw;height:30vh !important;display:inline-block;overflow:hidden}
.umF40{position:relative;width:100vw;height:40vh !important;display:inline-block;overflow:hidden}
.umF50{position:relative;width:100vw;height:50vh !important;   display:inline-block;overflow:hidden}
.umF100{position:relative;width:100vw;height:100vh !important;display:inline-block;overflow:hidden}
.umF150{position:relative;width:100vw;height:150vh !important;display:inline-block;overflow:hidden}
.umF200{position:relative;width:100vw;height:200vh !important;display:inline-block;overflow:hidden}
.umF300{position:relative;width:100vw;height:300vh !important;display:inline-block;overflow:hidden}
.umF500{position:relative;width:100vw;height:500vh !important;display:inline-block;overflow:hidden}
.umF2000{position:relative;width:100vw;height:2000vh !important;display:inline-block;overflow:hidden}
@media only screen and (min-width: 1200px) {
    
   .minHeighers{ min-height:800px !important; }
}
.forcerTop{height:50vh !important; min-height:50vh !important;}
.uF3d{position:relative;width:100vw}
.opacNull{opacity:0}
.nR{display:none}
.byH{position:relative;width:100%;overflow:hidden}
.blende{position:absolute;top:0;left:0;width:100%;height:100%}
.abso{position:absolute;left:0;top:0;width:100%}
.inBg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}
.sleft{left:-200%}
.sright{left:200%}
.oFN{position:absolute;left:0;top:200vh;z-index:10;width:100%;overflow-x:hidden}
.oF10{position:absolute;left:0;top:200vh;z-index:10;width:100vw;min-height:10vh !important;display:inline-block;overflow-x:hidden}
.oF20{position:absolute;left:0;top:200vh;z-index:10;width:100vw;min-height:20vh !important;display:inline-block;overflow-x:hidden}
.oF30{position:absolute;left:0;top:200vh;z-index:10;width:100vw;min-height:30vh !important;display:inline-block;overflow-x:hidden}
.oF40{position:absolute;left:0;top:200vh;z-index:10;width:100vw;min-height:40vh !important;display:inline-block;overflow-x:hidden}
.oF50{position:absolute;left:0;top:200vh;z-index:10;width:100vw;min-height:50vh !important;display:inline-block;overflow-x:hidden}
.oF100{position:absolute;left:0;top:200vh;z-index:10;width:100vw;min-height:100vh !important;display:inline-block;overflow-x:hidden}
.oF150{position:absolute;left:0;top:200vh;z-index:10;width:100vw;height:150vh !important;display:inline-block;overflow-x:hidden}
.oF200{position:absolute;left:0;top:200vh;z-index:10;width:100vw;min-height:200vh !important;display:inline-block;overflow-x:hidden}
.oF300{position:absolute;left:0;top:200vh;z-index:10;width:100vw;min-height:300vh !important;display:inline-block;overflow-x:hidden}
.oF500{position:absolute;left:0;top:200vh;z-index:10;width:100vw;min-height:500vh !important;display:inline-block;overflow-x:hidden}
.oF2000{position:absolute;left:0;top:200vh;z-index:10;width:100vw;min-height:2000vh !important;display:inline-block;overflow-x:hidden}
.mx{position:relative;width:100vw;height:100vh;display:block;overflow:hidden}
#empls{opacity:0}
.vidPrev{position:absolute;width:50%;height:50%;display:block;overflow:hidden}
.tl{left:0;top:0}
.tr{left:50%;top:0}
.bl{left:0;top:50%}
.br{left:50%;top:50%}
.clear{clear:both}
.vidCenter{position:relative;height:150%;opacity:0}
#medi{position:fixed;left:30%;top:30%;width:60%;height:60%;background-color:#fff;color:#000}
.pointer{cursor:pointer}
#menu{color:#9fafbe;background-color:#071635;position:fixed;top:0;width:25vw;height:100vh;left:75vw;z-index:9998989;opacity:0;display:none}
.dispMe{opacity:1 !important;display:block !important}
.inMenu{position:relative;text-align:left;width:100%;top:20vh;font-size:2vw;padding-left:3.5vw;box-sizing:border-box;line-height:2.8vw;font-family:'DMSans_24pt-Light' !important}
.hEl{position:relative;width:10%;float:left}
.hCl{position:relative;width:80%;float:left}
.hCB{position:absolute;left:5%;bottom:0;width:85%}
#smallHead{position:relative;top:10px;color:#fff;z-index:99999;font-size:8.2vw;line-height:8.2vw}
#outerHead{position:relative;top:10px;z-index:99999;margin-bottom:-1vw;max-height:32vw}
#bigHead{text-decoration:none;color:#fff;margin-left:-1vw;font-size:17.5vw;line-height:16vw}
.byHeaderCalc{position:relative;top:-14.8vw;width:100%;height:14.8vw;z-index:999999}
.hCB1{position:absolute;left:5%;bottom:-2vw;width:85%; box-sizing: border-box;}
.hCB2{position:absolute;left:5%;bottom:-16vw;width:85%}
.hCB3{position:absolute;left:5%;bottom:-16.2vw;width:85%}
.byHeaderCalcS{position:relative;top:-14.8vw;width:100%;z-index:99999595}
.hCS1{position:absolute;left:5%;bottom:-15.1vw;width:85%;  box-sizing: border-box;}
.hCS2{position:absolute;left:5%;bottom:-21.3vw;width:85%}
.smallHeader{color:#fff;font-size:6.7vw;line-height:6vw;padding-bottom:20px}
.specialLine{color:#fff;font-size:2.7vw;line-height:3.1vw !important}
.medialLine{color:#fff;font-family:'DMSans_24pt-Light' !important;font-size:2.2vw;line-height:3vw !important;}
.bigHeader{color:#fff;text-decoration:none;font-size:17.5vw;line-height:14vw; box-sizing: border-box;}
.medHeader{color:#fff;text-decoration:none;font-size:5vw;line-height:4.5vw}
.vidover{position:absolute;left:0;top:0;pointer-events:none;width:100%;height:100%;touch-action:none;display:inline-block;z-index:10;color:#fff;background-color:rgba(0,0,0,0.6);opacity:0}
.nopac{opacity:0;display:none}
.robBLeft{left:-5%}
.inVert{position:relative;width:100%;height:100%;vertical-align:middle;display:table-cell}
.futA{position:absolute;height:18vh;height:34.5vh;left:-17vh;bottom:46vh;display:table;transform:rotate(-90deg);line-height:3.1vh;font-size:3vh;width:80vh}
.robB{position:absolute;font-size:33vh;width:34.5vh;text-align:center;line-height:0;bottom:11vh;left:7%}
#vidOuter{position:absolute;width:100vw;height:100vh;overflow:hidden;top:0;left:0}
.inBox{position:relative;width:90%;left:5%;font-family:'Nunito-Light'; }
.beal{text-decoration:none;font-size:2.2vw;font-family:'DMSans_24pt-Light' !important}
/*3.2*/
.cContent{font-size:1.5vw}
.padder8Ver{padding-right:5vw !important; box-sizing:border-box}
.pfeiler{position:relative;height:6.6vw;left:52%;top:10px}
.outerCol{position:absolute;top:0;left:0;width:100%;height:5000vh;z-index:-5}
.oRight{position:relative;width:100%;left:100%}
.faders{position:relative;width:100%;opacity:0}
.maxLeft{left:-100vw}
#empLayerWork{position:absolute;pointer-events:none;touch-action:none;width:90%;left:5%;opacity:0;z-index:800;top:0}
#botBy{position:relative;width:100%;top:-1.8vw}
#logIm{position:absolute;height:50px;top:0;left:60px}
.hamburger{position:fixed;top:30px;left:100%;margin-left:-70px;color:#ccc;height:20px !important;opacity:1;z-index:99595}
#loaderOut{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999959}
.aloadIm{position:absolute;top:50%;left:50%;width:300px;height:208.58px;margin-left:-150px;margin-top:-104px;display:block}
.mores{opacity:0;display:none}
.opacNull{opacity:0}
.fullwidthA{width:100vw}
a.white{color:#fff}
a.inRef{text-decoration:none;color:#fff;font-family:'Nunito-Light'}
a.menA{text-decoration:none;color:#9fafbe;transition:1s}
a.menA:hover{color:#fff;transition:1s}
.nvid{z-index:-1}
.Vidbars{position:absolute;top:0;left:0;width:100%;height:100%}
.vidstarter{position:absolute;width:120px;left:50%;top:50%;margin-left:-60px;margin-top:-60px;display:block;opacity:1}
hr.green{border:.1px solid #5c9117 !important}
.limiter{position:relative;width:100%}
.pkA{position:relative;display:flex;width:100%;float:none;font-weight:bolder;font-family:'Nunito-Regular' !important;text-transform:uppercase; font-size:1.7vw;letter-spacing:1px}
.pkA:hover{color:#5c9117}
.pkB{position:relative;display:flex;width:20%;text-align:right !important}

.pkB{display:none}
.arrBox{position:absolute;bottom:0;right:0;height:3vw}
.h90{position:relative;height:90px}
.h60{position:relative;height:60px}
.h30{position:relative;height:30px}
.boxLine1{position:relative;width:5%;float:left}
.boxLine2{position:absolute;bottom:-4.3vw;height:5vw}
.boxLine3{position:relative;width:93.1%;padding-bottom:2vw;box-sizing:border-box;float:left}

/*border-bottom:.5px solid #5c9117 !important;*/
.boxLine4{position:relative;width:26.5%;float:left}
.boxLine5{position:relative;width:73.5%;float:left}
.boxLine6{position:relative;width:7%;float:left}
.boxLine7{position:absolute;bottom:-2.3vw;left:50%;height:5vw}
.boxStart{position:relative;width:28.5%;float:left}
.boxEnd{position:relative;width:64.5%;float:left;padding-top:1vw;box-sizing:border-box}
.w93{position:relative;width:93%}
.wBoxerA{position:relative;width:31%;float:left}
.wBoxerB{position:relative;width:69%;float:left}
.wBoxerA2{position:relative;width:30%;float:left}
.wBoxerB2{position:relative;width:70%;float:left}
.greenBtn{background-color:#5c9117;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;text-shadow:1px 3px 3px rgba(0,0,0,0.2);color:#fff;cursor:pointer;font-size:1.2vw !important;padding-left:14px;padding-right:14px;padding-top:10px;padding-bottom:10px;box-sizing:border-box;border-radius:17px;ms-border-radius:17px;font-weight:bolder;font-family:'DMSans_24pt-Bold' !important;text-transform:uppercase;transition:.3s}

.hSec{font-size:3vw !important;margin:0;font-family:'DMSans_24pt-Bold' !important;text-transform:uppercase}
.smallbold{font-weight:bolder;font-size:4vw !important;font-family:'DMSans_24pt-Bold' !important;text-transform:uppercase}
.extrabold{font-weight:bolder;font-family:'DMSans_24pt-Bold' !important;text-transform:uppercase;font-size:1.7vw;letter-spacing:1px}
.ultrabold{font-weight:bolder;font-family:'DMSans_24pt-Bold' !important;text-transform:uppercase; font-size:2.2vw !important;}
.greenPadder{padding-left:5%;padding-right:5%;padding-top:2%;padding-bottom:1.5%;box-sizing:border-box}
.quoter{text-decoration:none;font-family:'DMSans_24pt-Light' !important;font-size:2.7vw;line-height:3.1vw; text-shadow:2px 8px 6px rgba(0,0,0,0.1)}
.sH1{text-transform:uppercase;text-decoration:none;font-family:'DMSans_24pt-Bold' !important;font-size:1.7vw;text-shadow:2px 8px 6px rgba(0,0,0,0.1)}
.sH2{text-transform:uppercase;text-decoration:none;font-family:'DMSans_24pt-Light' !important;font-size:1.6vw;text-shadow:2px 8px 6px rgba(0,0,0,0.1)}
.underImH{position:absolute;top:0;left:0;height:100%;z-index:-1}
.loaderText{position:absolute;top:65%}
.nodeco{text-decoration:none}
.setFullH{height:100%}
.bottoner{position:absolute;top:0;width:2%;height:0;display:table-cell;background-color:#060}
.bewErrOuter{position:absolute;width:60%;top:-90px;left:-20px;height:60px !important;border:4px solid #5c9117;box-sizing:boder-box;background-color:#fff;border-radius:15px}
.bewErrOuterB{position:absolute;width:30px;height:30px;background-color:#fff;border:4px solid #5c9117;box-sizing:boder-box;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:40px;left:40px}
.bewErrOuterBX{position:absolute;width:30px;height:30px;background-color:#fff;border:4px solid #5c9117;box-sizing:boder-box;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:40px;left:15px}
.bewErrOuterC{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;border-radius:15px;box-sizing:boder-box}
.bewErrOuterD{position:relative;width:100%;height:60px !important;background-color:#fff;box-sizing:boder-box;padding:16px;font-size:20px;vertical-align:middle;color:#ccc}
.bewErrBord{border:4px solid #5c9117 !important;box-sizing:boder-box !important}
.pSmall{font-size:14px}
.butAbs{position:absolute !important;left:0;top:0}
.cookiebold{font-weight:bolder;font-family:'DMSans_24pt-Bold' !important;text-transform:uppercase;font-size:18px}
.cookieText{font-family:'DMSans_24pt-Light' !important;font-size:17px}
.ww70{position:relative;width:70%;float:left}
.ww30{position:relative;width:30%;float:left;text-align:right}
.gosmallbtn{font-size:18px !important}
#cookieBanner{position:fixed;width:40vw;padding-top:16px;padding-bottom:16px;padding-left:40px;padding-right:40px;bottom:0vh;left:30vw;background-color:#00203f;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;box-sizing:border-box;z-index:9999999959;box-shadow:10px 20px 20px -10px black}
#togll{z-index:9999999999999}
.newsLoader{position:relative;width:90%}
.newsHeader{position:relative;width:100%;font-weight:bolder;font-family:'DMSans_24pt-Bold' !important;font-size:1vw;text-transform:uppercase}
.newsTitle{position:relative;width:100%;font-weight:bolder;font-family:'DMSans_24pt-Bold' !important;text-transform:uppercase}
.readMore{font-size:1.2vw}
.newsImageA{position:relative;width:6%;border-top-left-radius:25px;border-bottom-left-radius:25px;float:left}
.newsImageB{position:relative;width:94%;border-top-right-radius:25px;border-bottom-right-radius:25px;overflow:hidden;float:left}
.newsLink{text-decoration:none;color:#fff}
.kontacktTit{font-weight:bolder;font-family:'DMSans_24pt-Light' !important}
.imageText{font-size:1vw}
.w3row{position:relative;width:33.33%;float:left}

.pad16{padding:60px !important; box-sizing:border-box; word-break: break-word;}
@media screen and (max-width :800px){
    .mobOnFull{float:none !important;width:100% !important;}
}
@media only screen and (max-device-width :680px),only screen and (max-device-width:1200px) and (orientation:portrait),only screen and (max-device-width:800px) and (orientation:landscape){
.sH1{text-transform:uppercase;text-decoration:none;font-family:'DMSans_24pt-Bold' !important;font-size:2.5vw;text-shadow:2px 8px 6px rgba(0,0,0,0.1)}
.quoter{text-decoration:none;font-family:'DMSans_24pt-Light' !important;font-size:5vw;line-height:3.1vw; text-shadow:2px 8px 6px rgba(0,0,0,0.1)}
.minusLeft{left:10%;}
.numberR{position:relative;width:90%;padding-left:32px;padding-right:32px;padding-top:34px;padding-bottom:34px;box-sizing:border-box;float:left}
.mloaderText{font-size:4vh; line-height:5vh;}
.specialLine{color:#fff;font-size:5.7vw;line-height:5.1vw !important}
.pkA{position:relative;display:flex;width:100%;float:none;font-weight:bolder;font-family:'DMSans_24pt-Bold' !important;text-transform:uppercase; font-size:4vw;letter-spacing:1px}
.imageText{font-size:3vw}
.sH2{text-transform:uppercase;text-decoration:none;font-family:'DMSans_24pt-Light' !important;font-size:4vw;text-shadow:2px 8px 6px rgba(0,0,0,0.1)}
.readMore{font-size:4vw}
.newsTitle{position:relative;width:100%;font-weight:bolder;font-family:'DMSans_24pt-Bold' !important;font-size:5vw;text-transform:uppercase}
.newsHeader{position:relative;width:100%;font-weight:bolder;font-family:'DMSans_24pt-Bold' !important;font-size:3vw;text-transform:uppercase}
.byHeaderCalc{position:relative;top:-11.7vw;width:100%;height:14.8vw;z-index:999999}
.cookiebold{font-weight:bolder;font-family:'DMSans_24pt-Bold' !important;text-transform:uppercase;font-size:22px}
.cookieText{font-family:'DMSans_24pt-Light' !important;font-size:22px}
#cookieBanner{position:fixed;width:90vw;padding-top:16px;padding-bottom:16px;padding-left:40px;padding-right:40px;bottom:0vh;left:5vw;background-color:#00203f;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;box-sizing:border-box;z-index:9999999959;box-shadow:10px 20px 20px -10px black}
.ww30{position:relative;width:30%;float:left;text-align:center;padding-top:16px}
.setMobPadX{padding-left:16px;padding-right:16px;box-sizing:border-box}
.beweAB{position:relative;width:30%;float:left}
.beweBB{position:relative;width:70%;float:left;font-size:24px;font-size:18px !important}
.beweB{font-size:18px !important}
.almost{position:relative;top:5px;width:80%}
.bewErrOuterBX{position:absolute;width:20px;height:20px;background-color:#fff;border:4px solid #5c9117;box-sizing:boder-box;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:40px;left:5px}
.bewErrOuter{width:98%;left:0}
.bewErrOuterD{font-size:17px}
.loaderText{font-size:30px;top:68%}
.beal{font-size:4vw !important}
/*20*/
.beweWidth{width:91% !important}
.mobFS{font-size:16px !important}
.h60{position:relative;height:20px}
.hSec{font-size:20px !important;margin:0;font-family:'DMSans_24pt-Bold' !important;text-transform:uppercase}
.smallbold{font-weight:bolder;font-size:14px !important;font-family:'DMSans_24pt-Bold' !important;text-transform:uppercase}
.extrabold{font-weight:bolder;font-family:'DMSans_24pt-Bold' !important;text-transform:uppercase;font-size:4vw;letter-spacing:1px}
.ultrabold{font-weight:bolder;font-family:'DMSans_24pt-Bold' !important;text-transform:uppercase; font-size:5vw !important;}
.greenBtn{font-size:5vw !important}
.boxLine1{position:relative;display:none !important}
.boxLine3{position:relative;width:93.1%}
.boxEnd{position:relative;width:81%;left:12%;float:none;padding-top:1vw;box-sizing:border-box}
.boxLine2{position:absolute;bottom:-3vw;height:8vw}
.boxLine7{position:absolute;bottom:-3vw;left:0;height:10vw}
.boxLine3{width:86%}
.boxEnd{position:relative;width:81%;left:12%;float:none;padding-top:1vw;box-sizing:border-box}
.boxLine4{position:relative;width:0;float:left}
.boxLine5{position:relative;width:90%;padding-left:5%;box-sizing:border-box;float:left}
.arrBox{position:absolute;bottom:0;right:0;height:5vw}
.descOnly{display:none}
.limiter{position:relative;width:100%}
#menu{left:0;width:100vw;margin.left:0}
.inMenu{font-size:5vw;line-height:8vw}
.mobOnFull{float:none !important;width:100% !important;}

.cContent{font-size:3.5vw !important;}
.pfeiler{position:relative;height:9.6vw;left:45%}
.robB{position:absolute;font-size:26vh;line-height:0;bottom:9vh;width:25vw;text-align:center;left:0}
.futA{position:absolute;height:25vh;left:-27vh;bottom:46vh;transform:rotate(-90deg);line-height:3.1vh;font-size:3vh;width:80vh}
.numPos{position:absolute;font-size:20vw !important;color:#48536a;font-family:'DMSans_24pt-Light';top:50%;margin-left:-7vw;left:100%;-moz-transform:translateX(-50%) translateY(-50%) rotate(-90deg);-webkit-transform:translateX(-50%) translateY(-50%) rotate(-90deg);transform:translateX(-50%) translateY(-50%) rotate(-90deg)}
.smallerBlock{font-size:3.5vw}
.medialLine{color:#fff;font-family:'DMSans_24pt-Light' !important;font-size:5vw;line-height:6vw !important; }
.minusPLeft{position:relative;width:100%;left:0}
}
/*!
 * 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}
@-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,0);transform:rotate3d(0,0,1,0)}
}
@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,0);transform:rotate3d(0,0,1,0)}
}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:none;transform:none}
}
@keyframes wobble{from{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:none;transform:none}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello{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}
@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut{from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn{from{opacity:0;-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}