body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.download-element{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/desc.svg)}
body {
    transition-property: background-color, color;
    transition-duration: 0.4s;
}
.navbutton img,
.ctlg_master .ctlg_entity_value.box div {
    transition-property: filter;
    transition-duration: 0.4s;
}
.ctlg_teaser .ctlg_entity.wl_cases_client .ctlg_entity_value:before {
    transition-porperty: color;
    transition-duration: 0.4s;
}
#dm_switch {
    cursor: pointer;
}
.dm_on body {
    background-color:#222;
    color:#fff;
}
.dm_on a {
    color:#aaa;
}
.dm_on a:hover {
    color:#fff;
}
.dm_on #slider,
.dm_on .navbutton {
    background-color:#222;
}
.dm_on #slider img,
.dm_on .navbutton img {
    filter: invert(1);
}
.dm_on .ctlg_teaser .ctlg_entity.wl_cases_client .ctlg_entity_value:before,
.dm_on .ctlg_teaser .ctlg_entity.wl_cases_project .ctlg_entity_value:before {
    color:#fff;
}
.ctlg_teaser:hover .ctlg_entity.wl_cases_client .ctlg_entity_value:before {
    color:#222;
}
.dm_on .blog .mod_newslist h1 a,
.dm_on .blog .mod_newslist h2 a,
.dm_on .blog .mod_newslist h3 a {
    color:#fff;
}
#cboxOverlay {
    background-color: #222 !important;
}
#cboxContent button,
.dm_on .ctlg_master .ctlg_entity_value.box div {
    filter: invert(1);
}


/* ibm-plex-sans-100 - latin */
@font-face {
    font-family: 'IBM Plex Sans';
      font-style: normal;
      font-weight: 100;
      src: url('../../files/website/fonts/ibm-plex-sans-v7-latin-100.eot'); /* IE9 Compat Modes */
      src: local('IBM Plex Sans Thin'), local('IBMPlexSans-Thin'),
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-100.woff') format('woff'), /* Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-100.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-200 - latin */
@font-face {
    font-family: 'IBM Plex Sans';
      font-style: normal;
      font-weight: 200;
      src: url('../../files/website/fonts/ibm-plex-sans-v7-latin-200.eot'); /* IE9 Compat Modes */
      src: local('IBM Plex Sans ExtraLight'), local('IBMPlexSans-ExtraLight'),
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-200.woff') format('woff'), /* Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-200.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-200italic - latin */
@font-face {
    font-family: 'IBM Plex Sans';
      font-style: italic;
      font-weight: 200;
      src: url('../../files/website/fonts/ibm-plex-sans-v7-latin-200italic.eot'); /* IE9 Compat Modes */
      src: local('IBM Plex Sans ExtraLight Italic'), local('IBMPlexSans-ExtraLightItalic'),
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-200italic.woff') format('woff'), /* Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-200italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-100italic - latin */
@font-face {
    font-family: 'IBM Plex Sans';
      font-style: italic;
      font-weight: 100;
      src: url('../../files/website/fonts/ibm-plex-sans-v7-latin-100italic.eot'); /* IE9 Compat Modes */
      src: local('IBM Plex Sans Thin Italic'), local('IBMPlexSans-ThinItalic'),
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-100italic.woff') format('woff'), /* Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-100italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-300 - latin */
@font-face {
    font-family: 'IBM Plex Sans';
      font-style: normal;
      font-weight: 300;
      src: url('../../files/website/fonts/ibm-plex-sans-v7-latin-300.eot'); /* IE9 Compat Modes */
      src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-300.woff') format('woff'), /* Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-300.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-regular - latin */
@font-face {
    font-family: 'IBM Plex Sans';
      font-style: normal;
      font-weight: 400;
      src: url('../../files/website/fonts/ibm-plex-sans-v7-latin-regular.eot'); /* IE9 Compat Modes */
      src: local('IBM Plex Sans'), local('IBMPlexSans'),
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-regular.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-italic - latin */
@font-face {
    font-family: 'IBM Plex Sans';
      font-style: italic;
      font-weight: 400;
      src: url('../../files/website/fonts/ibm-plex-sans-v7-latin-italic.eot'); /* IE9 Compat Modes */
      src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-italic.woff') format('woff'), /* Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-300italic - latin */
@font-face {
    font-family: 'IBM Plex Sans';
      font-style: italic;
      font-weight: 300;
      src: url('../../files/website/fonts/ibm-plex-sans-v7-latin-300italic.eot'); /* IE9 Compat Modes */
      src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-300italic.woff') format('woff'), /* Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-300italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-500 - latin */
@font-face {
    font-family: 'IBM Plex Sans';
      font-style: normal;
      font-weight: 500;
      src: url('../../files/website/fonts/ibm-plex-sans-v7-latin-500.eot'); /* IE9 Compat Modes */
      src: local('IBM Plex Sans Medium'), local('IBMPlexSans-Medium'),
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-500.woff') format('woff'), /* Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-500.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-600 - latin */
@font-face {
    font-family: 'IBM Plex Sans';
      font-style: normal;
      font-weight: 600;
      src: url('../../files/website/fonts/ibm-plex-sans-v7-latin-600.eot'); /* IE9 Compat Modes */
      src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-600.woff') format('woff'), /* Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-600.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-600italic - latin */
@font-face {
    font-family: 'IBM Plex Sans';
      font-style: italic;
      font-weight: 600;
      src: url('../../files/website/fonts/ibm-plex-sans-v7-latin-600italic.eot'); /* IE9 Compat Modes */
      src: local('IBM Plex Sans SemiBold Italic'), local('IBMPlexSans-SemiBoldItalic'),
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-600italic.woff') format('woff'), /* Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-600italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-500italic - latin */
@font-face {
    font-family: 'IBM Plex Sans';
      font-style: italic;
      font-weight: 500;
      src: url('../../files/website/fonts/ibm-plex-sans-v7-latin-500italic.eot'); /* IE9 Compat Modes */
      src: local('IBM Plex Sans Medium Italic'), local('IBMPlexSans-MediumItalic'),
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-500italic.woff') format('woff'), /* Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-500italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-700 - latin */
@font-face {
    font-family: 'IBM Plex Sans';
      font-style: normal;
      font-weight: 700;
      src: url('../../files/website/fonts/ibm-plex-sans-v7-latin-700.eot'); /* IE9 Compat Modes */
      src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'),
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-700.woff') format('woff'), /* Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-700.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-sans-700italic - latin */
@font-face {
    font-family: 'IBM Plex Sans';
      font-style: italic;
      font-weight: 700;
      src: url('../../files/website/fonts/ibm-plex-sans-v7-latin-700italic.eot'); /* IE9 Compat Modes */
      src: local('IBM Plex Sans Bold Italic'), local('IBMPlexSans-BoldItalic'),
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-700italic.woff') format('woff'), /* Modern Browsers */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../../files/website/fonts/ibm-plex-sans-v7-latin-700italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
    from,
      20%,
      53%,
      80%,
      to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      40%,
      43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
      }
      70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -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.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      40%,
      43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
      }
      70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
      }
      90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
      }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes flash {
    from,
      50%,
      to {
        opacity: 1;
      }
      25%,
      75% {
        opacity: 0;
      }
}
@keyframes flash {
    from,
      50%,
      to {
        opacity: 1;
      }
      25%,
      75% {
        opacity: 0;
      }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
      50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
      }
      to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
}
@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
      50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
      }
      to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
      30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
      }
      40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
      }
      50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
      }
      65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
      }
      75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.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(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
      }
      75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
      }
      to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake {
    from,
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      10%,
      30%,
      50%,
      70%,
      90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
      }
      20%,
      40%,
      60%,
      80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
      }
}
@keyframes shake {
    from,
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      10%,
      30%,
      50%,
      70%,
      90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
      }
      20%,
      40%,
      60%,
      80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
      }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
      6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
      }
      18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
      }
      31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
      }
      43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
      }
      50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
}
@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
      6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
      }
      18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
      }
      31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
      }
      43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
      }
      50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
      }
      40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
      }
      60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
      }
      80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
      }
      to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
      }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
      }
      40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
      }
      60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
      }
      80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
      }
      to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
      }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
      10%,
      20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
      }
      30%,
      50%,
      70%,
      90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      }
      40%,
      60%,
      80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      }
      to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes jello {
    from,
      11.1%,
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
      }
      33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
      }
      44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
      }
      55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
      }
      66.6% {
        -webkit-transform: skewX(-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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
      }
      33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
      }
      44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
      }
      55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
      }
      66.6% {
        -webkit-transform: skewX(-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 heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
      }
      28% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
      }
      70% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
}
@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
      }
      28% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
      }
      70% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
}
.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
    from,
      20%,
      40%,
      60%,
      80%,
      to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
      }
      20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
      }
      40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.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.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
      }
      20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
      }
      40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
      }
      to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
      }
}
.bounceIn {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    from,
      60%,
      75%,
      90%,
      to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
      }
      60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
      }
      75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
      }
      90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes bounceInDown {
    from,
      60%,
      75%,
      90%,
      to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
      }
      60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
      }
      75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
      }
      90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.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.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
      }
      60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
      }
      75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
      }
      90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes bounceInLeft {
    from,
      60%,
      75%,
      90%,
      to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
      }
      60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
      }
      75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
      }
      90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.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.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
      }
      60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
      }
      75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
      }
      90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes bounceInRight {
    from,
      60%,
      75%,
      90%,
      to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
      }
      60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
      }
      75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
      }
      90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.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.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
      }
      60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
      }
      75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
      }
      90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes bounceInUp {
    from,
      60%,
      75%,
      90%,
      to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      }
      from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
      }
      60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
      }
      75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
      }
      90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
      }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
      }
}
.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
      }
      to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
      }
      to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
      }
      to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
      }
      to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
      }
      to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
      }
      to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
      }
      to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
      }
      to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.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) scale3d(1, 1, 1) translate3d(0, 0, 0)
          rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }
      40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
          rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
          rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
          rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
          rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }
      to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
          rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }
}
@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
          rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }
      40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
          rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) 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) scale3d(1, 1, 1) translate3d(0, 0, 150px)
          rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) 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(0.95, 0.95, 0.95) translate3d(0, 0, 0)
          rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
          rotate3d(0, 1, 0, 0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }
      to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
          rotate3d(0, 1, 0, 0deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
        -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-duration: 0.75s;
    animation-duration: 0.75s;
    -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-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -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);
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@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);
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        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-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
      }
      50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
      }
      70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
      }
      to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
      }
}
@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
      }
      50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
      }
      70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
      }
      to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
      }
}
.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
      }
      to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    from {
        opacity: 1;
      }
      to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      }
}
@keyframes rollOut {
    from {
        opacity: 1;
      }
      to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
      }
      50% {
        opacity: 1;
      }
}
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
      }
      50% {
        opacity: 1;
      }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
      60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      }
}
@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
      60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
      60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      }
}
@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
      60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
      60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      }
}
@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
      60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
      60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      }
}
@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
      60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
      }
      50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
      }
      to {
        opacity: 0;
      }
}
@keyframes zoomOut {
    from {
        opacity: 1;
      }
      50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
      }
      to {
        opacity: 0;
      }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
      to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.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.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
      to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.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.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      }
      to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
      }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
      }
      to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      }
      to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
      }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
      }
      to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
      to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.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.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      }
      to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.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.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
      }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 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;
}
.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.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}
.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
}
.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms;
}
.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}
.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
@media (print),
(prefers-reduced-motion) {
    .animated {
        -webkit-animation: unset !important;
        animation: unset !important;
        -webkit-transition: none !important;
        transition: none !important;
      }
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:focus {
    outline:none;
}
body {
    background-color:#fff;
    font-family:'IBM Plex Sans',sans-serif;;
    font-size: calc(0.3vw + 16px);
    line-height: calc(0.5vw + 22px);
    font-weight: 200;
}
img {
    width:100%;
    display:block;
}
a {
    text-decoration:none;
    color:rgba(34,34,34,.5);
    background-color: transparent;
    transition: color 0.4s;
}
a:hover {
    color:#222;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
}
h1 {
    font-size: calc(1.5vw + 30px);
    line-height: 1.2em;
}
h1:before {
    content: "|";
    font-weight: 100;
    margin-right: calc(2vw + 1px);
    margin-left: -0.1em
}
.start h1 {
    margin-left:3%;
    margin-top:  calc(1.5vw + 0.1em);
    margin-bottom: calc(3vw + 40px);
}
h2 {
    margin-bottom:.7em;
    line-height:1.3em;
}
p {
    margin-bottom:1em;
    line-height:1.6em;
}
#slider {
    width:100%;
    height:100vh;
    left:0;
    top:0;
    position:fixed;
    background-color:#fff;
    z-index: 25;
}
#slider #loader {
    height:100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 100;
}
#slider #loader img {
    width:100px;
    height:100px;
    opacity: 0.7;
}
.start #wrapper {
    margin-right:auto;
    margin-left:auto;
    padding:4%;
}
.blog #wrapper,
.legals #wrapper {
    margin-bottom: calc(5.5vw + 34px);
}

/* ##### NAVIBUTTONS ##### */
#navbuttons {
    bottom:1em;
    right:1em;
    position:fixed;
    z-index: 200;
}
/* .start #navbutton_home {
    display:none;
}
#navbutton_home.navbutton {
    right:1em;
    top:1em;
    position:fixed;
    margin-top:0;
} */
.navbutton {
    width:40px;
    height:40px;
    margin-top:.5em;
    padding:5px;
    background-color:#fff;
    border-radius:50px;
    z-index: 100;
    transition-property: opacity, background-color;
    transition-duration: 0.4s;
}
.navbutton:hover {
    opacity: 0.3;
}
#legals_text {
    bottom:0;
    left:0;
    position:fixed;
    padding:0 .5em;
    background-color:#fff;
    font-size:.8em;
    z-index: 200;
}
.dm_on #legals_text {
    background-color:#222;
    font-size:.8em;
    z-index: 200;
}
.ctlg_teaser {
    width:27.3333%;
    height:0px;
    position:relative;
    overflow:visible;
    float:left;
    margin:3% 3% 8%;
    padding-bottom:17.1%;
}
.ctlg_teaser .wl_cases_thumbnail {
    height:0px;
    overflow:hidden;
    padding-bottom:62.5%;
}
.ctlg_teaser .wl_cases_thumbnail .image_container {
    width:100%;
    z-index: 1;
    transition: all 0.3s;
}
.ctlg_teaser:hover .wl_cases_thumbnail .image_container {
    width:103%;
    margin-top:-0.9%;
    margin-left:-1.5%;
}
.ctlg_teaser .wl_cases_thumbnail img {
    transition: filter 0.3s;
}
.ctlg_teaser:hover .wl_cases_thumbnail img {
    /* filter: brightness(0.95) grayscale(0.5) blur(5px); */
    filter: contrast(0.5) brightness(1.3) blur(2px);
    backface-visibility: hidden;
}
/* .ctlg_teaser h3,
.ctlg_teaser .ctlg_entity,
.ctlg_teaser .ctlg_entity .ctlg_entity_name {
    display:none;
} */
.ctlg_teaser .ctlg_entity.wl_cases_thumbnail {
    display:block;
}
.ctlg_teaser .ctlg_entity.wl_cases_client {
    bottom:-2em;
    left:0;
    position:absolute;
    display:block;
    font-size:1.1em;
    z-index: 5;
    /* font-size: calc(1vw + 10px); */
    padding-left: 0px;
    padding-right: calc(0.4vw + 8px);
    padding-top: calc(0.4vw + 4px);
    padding-bottom: calc(0.4vw + 5px);
    background-color: rgba(0,0,0,0);
    transition-property: background-color, color, bottom;
    transition-duration: 0.7s, 0.7s, 0.5s;
}
.ctlg_teaser .ctlg_entity.wl_cases_client .ctlg_entity_value:before,
.ctlg_teaser .ctlg_entity.wl_cases_project .ctlg_entity_value:before {
    color:#222;
    content: "|";
    font-weight: 100;
    margin-left: -0.07em;
    margin-right: calc(0.4vw + 8px);
}
.ctlg_teaser:hover .ctlg_entity.wl_cases_client {
    bottom:0;
    background-color:rgba(34,34,34,1);
    color:#fff;
}
.ctlg_teaser .ctlg_entity.wl_cases_project {
    bottom:-1.9em;
    left:0;
    position:absolute;
    display:block;
    font-size:.85em;
    z-index: 5;
    opacity: 0;
    transition: opacity 0.4s;
    /* font-size: calc(0.6vw + 10px);
    padding-left: calc(0.4vw + 12px) */
}
.ctlg_teaser:hover .ctlg_entity.wl_cases_project {
    opacity: 1;
    transition-delay: 0.3s;
}
.ctlg_teaser p.more {
    width:100%;
    height:100%;
    left:0;
    top:0;
    position:absolute;
    display:block;
    z-index: 10;
    opacity: 0;
}
.ctlg_teaser p.more a {
    width:100%;
    height:100%;
    display:block;
}
.case .ctlg_entity,
.case .ctlg_master h1,
.case .ctlg_master p.back,
.case .mod_catalogBookNavigation {
    width:86%;
    max-width:1400px;
    margin-right:auto;
    margin-left:auto;
}
.case .ctlg_master h1 {
    margin-top: calc(5vw + 30px);
    margin-bottom: calc(5.5vw + 34px);
}
.case .ctlg_master h1:before {
    content: "|";
    font-weight: 100;
    margin-right: calc(2vw + 10px);
    margin-left: -0.1em
}
.ctlg_master .ctlg_entity:not(.wl_cases_screenshot) {
    margin-bottom:.3em;
    display: flex;
}
.ctlg_master .ctlg_entity:not(.wl_cases_screenshot) .ctlg_entity_name {
    flex-shrink: 0;
    flex-grow: 0;
}
.ctlg_master .ctlg_entity.wl_cases_thumbnail,
.ctlg_master .ctlg_entity.wl_cases_sort,
.ctlg_master .wl_cases_screenshot .ctlg_entity_name,
.ctlg_master .wl_cases_link .ctlg_entity_name {
    display:none;
}
.ctlg_master .ctlg_entity.wl_cases_description .ctlg_entity_name {
    opacity: 0;
}
.ctlg_master .ctlg_entity span.divider {
    margin-right:3.3em;
}
.ctlg_master .ctlg_entity.wl_cases_screenshot span.divider {
    display:none;
}
.ctlg_master .ctlg_entity_name {
    width:9em;
}
.ctlg_master .wl_cases_screenshot .ctlg_entity_value .image_container {
    height:40vw;
    max-height:750px;
    position:relative;
    overflow:hidden;
}
.ctlg_master .wl_cases_screenshot .ctlg_entity_value .image_container img {
    top:0;
    position:absolute;
}
.ctlg_master .ctlg_entity.wl_cases_link {
    margin-top:1%;
    margin-bottom: calc(8vw + 40px);
}
.ctlg_master .ctlg_entity_value.box div {
    width:1em;
    height:1em;
    display:inline-block;
    margin-bottom:.1em;
    vertical-align:middle;
    border:1px solid #222;
}
.ctlg_master .ctlg_entity_value.box.ja div {
    background-image:url("/files/website/system/icons/close.svg");
    background-position:center center;
    background-repeat:no-repeat;
    background-size: 80% 80%;
}
.case .mod_catalogBookNavigation {
    height:9.4em;
    position:relative;
    margin-top: calc(10vw + 40px);
    margin-bottom: calc(5vw + 20px);
}
.case .mod_catalogBookNavigation nav ul {
    margin:0;
}
.case .mod_catalogBookNavigation nav li {
    position:absolute;
}
.case .mod_catalogBookNavigation nav li.next {
    right:0;
}
.case .mod_catalogBookNavigation nav li a {
    width:15em;
    position:relative;
    display:block;
}
.case .mod_catalogBookNavigation nav li a img:not(.arrows) {
    transition: opacity 0.4s;
}
.case .mod_catalogBookNavigation nav li a:hover img:not(.arrows) {
    opacity: 0.5;
}
.case .mod_catalogBookNavigation nav li a .arrows {
    height:3em;
    top:3.2em;
    position:absolute;
    filter: invert(1);
    transition: filter 0.3s;
    /* mix-blend-mode: exclusion; */
}
.case .mod_catalogBookNavigation nav li a:hover .arrows {
    filter: invert(0);
}

/* ##### ANIMATION SCREENSHOT ##### */
@keyframes screenshotanim {
    0% {
      top: 0%;
    }
    6% {
      top: 0%;
    }
    50% {
      top: -100%;
    }
    56% {
      top: -100%;
    }
    100% {
      top: 0%;
    }
}
.ctlg_master .wl_cases_screenshot .ctlg_entity_value .image_container img {
    animation-duration: 20s;
    animation-name: screenshotanim;
    animation-iteration-count: infinite;
}

/* ##### BLOG ##### */
.blog .mod_articlenav,
.blog .mod_article,
.legals .mod_article {
    width:86%;
    max-width:1400px;
    margin: 0 auto;
}
.blog .mod_newslist h1 a,
.blog .mod_newslist h2 a,
.blog .mod_newslist h3 a {
    color:#222;
}
.blog .ce_text,
.blog .ce_gallery {
    margin-top:.5em;
    margin-bottom:.5em;
}
.blog h1,
.legals h1 {
    margin-top: calc(5vw + 30px);
    margin-bottom: calc(5.5vw + 34px)
}
.blog h1:before,
.legals h1:before {
    margin-right: calc(2vw + 10px);
}
.blog .layout_latest.first h2:first-of-type,
.legals h1.first + div h2:first-of-type {
    margin-top:0;
}
.blog .mod_articlenav ul {
    display: flex;
}
.blog .mod_articlenav ul li.previous,
.blog .mod_articlenav ul li.next,
.blog .mod_articlenav ul li .artcount {
    display:none;
}
.blog .mod_articlenav ul li:not(:first-child):before {
    margin-right:.6em;
    margin-left:.6em;
    content: "|";
}
.blog .mod_articlenav ul li:nth-child(2):before {
    margin-left:-0.4em;
    content: "";
}
.blog .mod_articlenav ul li.active + li:before {
    margin-left:.6em;
    content: "|";
}
.blog .layout_latest img {
    max-width:80px;
    float:left;
    margin-right:.2em;
}
.blog .image_container.float_above {
    margin-bottom:2em;
}

/* ##### MUSIC ##### */
.music .ctlg_teaser {
    padding-bottom:25.97%;
}
.music .ctlg_teaser .wl_cases_thumbnail {
    padding-bottom:95%;
}
.ctlg_master .ctlg_entity.wl_music_screenshot {
	margin-bottom: calc(8vw - 40px);
  display: flex;
}
.ctlg_master .wl_music_right {
  padding-left: 4em;
}
.ctlg_master .wl_music_right h4 {
  margin-top: 0;
}
#audioplayer {
	min-width: 16em;
}
.playlist li.active span.divider {
  font-weight: 200;
}
.ctlg_master .ctlg_entity .wl_music_audios span.divider {
  margin-right: 1em;
}
.wl_music_counter {
  display: none;
}

/* ##### GALLERY ##### */
.ce_gallery ul {
    /* display: flex;
    flex-wrap: wrap;
    justify-content: space-between; */
}
.ce_gallery > ul li {
    margin-right:1em;
    width: calc(25% - 0.76em);
    transition: opacity 0.3s;
}
.ce_gallery > ul li:hover {
    opacity: 0.7;
}
.ce_gallery > ul li:nth-child(4n) {
    margin-right:0;
}
.ce_gallery > ul li,
.image_container.float_right,
.image_container.float_left {
    margin-bottom:1em;
}
#cboxClose,
#cboxPrevious,
#cboxNext {
    background-image:url("../../files/website/system/controls.png");
}
#cboxLoadedContent {
    border: 5px solid rgba(0,0,0,0) !important;
    background: rgba(0,0,0,0) !important;
}
#cboxContent {
    background: rgba(0,0,0,0) !important;
}
#cboxOverlay {
    background-color:#fff;
}
.image_container.float_left {
    margin-right:1em;
}
.image_container.float_right {
    margin-left:1em;
}
.image_container.float_right,
.image_container.float_left {
    width:33%;
}
.about .image_container.float_right,
.about .image_container.float_left,
.legals .image_container.float_right,
.legals .image_container.float_left {
    width:unset;
}
#cboxWrapper #cboxCurrent {
    display: none !important;
}

/* ##### MOBILE NO HOVERS ##### */
.mobile a:hover {
    color: inherit;
}
.mobile .navbutton:hover,
.mobile .case .mod_catalogBookNavigation nav li a:hover img:not(.arrows),
.mobile .ce_gallery > ul li:hover {
    opacity: 1;
}

/* ##### LATENCY TEST ##### */
.latency .ce_text ul li {
    margin-left:1em;
    list-style-type:disc;
}
.latency img {
    width: inherit;
}
.latency tr.odd {
    background-color:rgba(0,0,0,.1);
    transition: background-color 0.3s;
}
.dm_on .latency tr.odd {
    background-color:rgba(255,255,255,.1);
}
.latency th,
.latency td {
    padding:.1em .5em;
}

/* ##### WIDER ##### */
@media screen and (min-width: 1849px) {
    .case .mod_catalogBookNavigation nav {
        top: calc(12vw + 408px);
    }
}

/* ##### MOBILE ##### */
@media screen and (max-width: 1160px) {
    .start #wrapper {
        padding:6%;
    }
    .ctlg_teaser {
        width:44%;
        margin-bottom:10%;
        padding-bottom:27.5%;
    }
    .music .ctlg_teaser {
    	padding-bottom:41.8%;
	  }
    .ctlg_master .wl_music_right {
      padding-left: 3em;
    }
    #navbuttons {
        bottom:.8em;
        right:.6em;
    }
    #navbutton_home.navbutton {
        right:.6em;
        top:.8em;
    }
    .ctlg_master .ctlg_entity_name {
        width:8em;
    }
    .ctlg_master .ctlg_entity span.divider {
        margin-right:2.3em;
    }
    .ce_gallery > ul li {
        width: calc(33% - 0.66em);
    }
    .ce_gallery > ul li:nth-child(4n) {
        margin-right:1em;
    }
    .ce_gallery > ul li:nth-child(3n) {
        margin-right:0;
    }
    .case .mod_catalogBookNavigation {
        height:8.2em;
    }
    .case .mod_catalogBookNavigation nav li a {
        width:13em;
    }
    .case .mod_catalogBookNavigation nav li a .arrows {
        top:2.6em;
    }
    .image_container.float_right,
    .image_container.float_left {
        width:50%;
    }
}

/* ##### MOBILE MEDIUM ##### */
@media screen and (max-width: 879px) {
  .ctlg_master .ctlg_entity.wl_music_screenshot {
    display: block;
  }
  .ctlg_master .wl_music_right {
    padding-left: 0;
    margin-top: 5em;
    margin-bottom: 4em;
  }
  .progressbar {
    max-width: 16em;
  }
}

/* ##### MOBILE SMALLER ##### */
@media screen and (max-width: 639px) {
    .start #wrapper {
        padding:12%;
    }
    #navbuttons {
        bottom:.6em;
        right:.2em;
    }
    #navbutton_home.navbutton {
        right:.2em;
        top:.6em;
    }
    .ctlg_teaser {
        width:94%;
        margin-bottom:20%;
        padding-bottom:58.75%;
    }
    .music .ctlg_teaser {
    	padding-bottom:89.3%;
	  }
    .volume {
      width: 7.5em !important;
    }
    .progressbar {
      max-width: 17em;
    }
    .ctlg_master .ctlg_entity:not(.wl_cases_screenshot) {
        margin-bottom:0;
        font-size:.9em;
    }
    .ctlg_master .ctlg_entity.wl_cases_link {
        margin-bottom: calc(8vw + 40px);
    }
    .ctlg_master .ctlg_entity_name {
        width:7em;
    }
    .ctlg_master .ctlg_entity span.divider {
        margin-right:1.3em;
    }
    .blog .mod_articlenav ul li.previous,
    .blog .mod_articlenav ul li.next {
        display:block;
    }
    .blog .mod_articlenav ul li .artcount {
        display:inline;
    }
    .blog .mod_articlenav ul li.link {
        display:none;
    }
    .blog .mod_articlenav ul li:not(:first-child)::before {
        content: "";
    }
    .ce_gallery > ul li {
        width: calc(50% - 0.51em);
    }
    .ce_gallery > ul li:nth-child(3n) {
        margin-right:1em;
    }
    .ce_gallery > ul li:nth-child(2n) {
        margin-right:0;
    }
    .case .mod_catalogBookNavigation {
        height:7em;
    }
    .case .mod_catalogBookNavigation nav li a {
        width:11em;
    }
    .case .mod_catalogBookNavigation nav li a .arrows {
        top:2em;
    }
    .image_container.float_right,
    .image_container.float_left {
        width:100%;
        margin-right:0;
        margin-left:0;
    }
}

/* ##### MOBILE SMALLEST ##### */
@media screen and (max-width: 500px) {
    .ctlg_teaser {
        margin-bottom:76px;
    }
    .case .mod_catalogBookNavigation {
        height:5.1em;
    }
    .case .mod_catalogBookNavigation nav li a {
        width:8em;
    }
    .case .mod_catalogBookNavigation nav li a .arrows {
        top:1.05em;
    }
}

/*
    AUTHOR: Sam Johnson
    MINIMusic Player
*/
/* * {
  margin: 0;
  padding: 0;
}
body {
  background-color: #141942;
}

header h2 {
  color: #f09f8b;
  text-align: center;
} */

/* HTML5 Audio player with playlist styles */
.example,
.example2,
.example3 {
  margin: 50px auto 0;
  width: 390px;
  padding-bottom: 50px;
}

.player {
  height: 5.8em;
  position: relative;
  width: 100%;
  z-index: 2;
}
.title,
.artist {
  font-family: verdana;
  left: 0;
  position: absolute;

  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.title {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  top: 23px;
}
.artist {
  color: #eeeeee;
  font-size: 12px;
  top: 40px;
}
.pl {
  background: url(../../files/website/library/musicplayer/playlist.png) no-repeat;
  cursor: pointer;
  height: 40px;
  left: 330px;
  position: absolute;
  top: 20px;
  width: 39px;
}
.pl:hover {
  top: 21px;
}
.cover {
  border-radius: 5px 5px 5px 5px;
  height: 94px;
  left: 20px;
  position: absolute;
  top: 30px;
  width: 94px;
}
.controls {
  cursor: pointer;
  left: 0px;
  position: absolute;
  top: 1.25em;
  left: 0;
  filter:invert(1);
  transition: filter 0.2s;
}
.controls > div {
  text-indent: -10000px;
  border: none;
  float: left;
  background-size: contain !important;
  width: 1.75em;
  height: 1.75em;
  margin-right: 0.4em;
  opacity: 0.8;
  transition: opacity 0.2s;
}
.controls > div:hover {
  opacity: 1;
}
.dm_on .controls {
  filter:invert(0);
}

.controls .play {
  background: url(../../files/website/library/musicplayer/play.png) no-repeat;
}
.controls .pause {
  background: url(../../files/website/library/musicplayer/pause.png) no-repeat;
  display: none;
}
.controls .rew {
  background: url(../../files/website/library/musicplayer/rewind.png) no-repeat;
}
.controls .fwd {
  background: url(../../files/website/library/musicplayer/next.png) no-repeat;
}
.controls .stop {
  background: url(../../files/website/library/musicplayer/stop.png) no-repeat;
}
.hidden {
  display: none;
}
.controls .visible {
  display: block;
}
.volume {
  height: 11px;
  left: 9.5em;
  position: absolute;
  top: 1.95em;
  width: 6.46em;
}
.mute .volume-btn {
  background: url(../../files/website/library/musicplayer/volume-off.png) no-repeat;
  background-size: 72%;
  background-position: -2px center;
}
.volume-btn {
  background: url(../../files/website/library/musicplayer/volume-up.png) no-repeat;
  background-size: 100%;
  height: 20px;
  width: 20px;
  float: left;
  position: relative;
  top: -4px;
}
.volume-adjust {
  height: 11px;
  position: relative;
  width: 80%;
  background-color: #222;
  float: right;
  transition: background-color 0.2s;
}
.dm_on .volume-adjust {
  background-color: #fff;
}
.volume-adjust > div > div {
  height: 11px;
  background: #999;
}
.progressbar {
  background-color: #222;
  cursor: pointer;
  z-index: 1;
  right: 6.875em; /* 110 */
  height: 11px;
  left: 0px;
  position: absolute;
  width: 100%;
  top: 4em;
  margin: 0px;
  transition: background-color 0.2s;
}
.dm_on .progressbar {
  background-color: #fff;
}
.novolume .progressbar {
  right: 4.375em; /* 70 */
}
.progressbar div {
  width: 0%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.bar-loaded {
  background-color: #f1f1f1;
  background-color: transparent;
  z-index: 1;
}
.bar-played {
  background: #999;
  z-index: 2;
}
.timeHolder {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  bottom: 10px;
  position: absolute;
  top: 7.5em;
  margin: 0px;
  width: 100%;
}
.time-current,
.time-duration,
.time-separator {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  float: left;
}
.volume .ui-slider-handle {
  background: url("../../files/website/library/images/spr.png") no-repeat scroll -201px -188px
    rgba(0, 0, 0, 0);
  height: 13px;
  width: 13px;
}
.playlist {
  list-style-type: none;
  margin: -10px 0 0 2px;
  padding-bottom: 10px;
  padding-top: 15px;
  position: relative;
  width: 100%;
  z-index: 1;
  margin: 0px auto;
}
.playlist li,
.playlist div {
  color: #fff;
  cursor: pointer;
  margin: 0 0 5px 0px;
}
.playlist li > a,
.playlist div > a {
  color: #222;
  text-decoration: none;
  transition: color 0.2s;
}
.dm_on .playlist li > a,
.dm_on .playlist div > a {
  color: #fff;
}
.playlist li.active,
.playlist div.active {
  font-weight: bold;
}
.slick-dots {
  bottom: 5px !important;
}
.slick-dots li button:before {
  font-size: 8px !important;
}