.controls,.controls>* {
    padding: 0;
    margin: 0
}

.controls {
    background: #696969;
    height: 38px;
    position: absolute;
    bottom: 0;
    left: 0
}

.controls[data-state=hidden] {
    display: none
}

.controls[data-state=visible] {
    display: block
}

.controls>* {
    float: left;
    width: 32px;
    height: 100%;
    margin-top: 3px;
    display: block
}

.controls>*:first-child {
    margin-left: 2px
}

.controls button {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: none;
    cursor: pointer;
    text-indent: -99999px;
    background: transparent;
    background-size: 32px 32px;
    background-repeat: no-repeat
}

.controls button:hover,.controls button:focus {
    outline: 0
}

.controls button[data-state="play"] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAH9UlEQVR42u2b608j1xnGn8HY3LJDjAcwPuZq8BTjJWqjLVKq3e1G3UhVv0RKW0X9UkWt1FSK1H7tP0K0XVVNmkrZTfYiVdnNpRvabCPS3VUkqrKXYmODL2DAa8zFMNdz+mF8GRtaCRsYtvUrwdgzY2ue33nf5z1zBjjGGP6fo8HqC7A66gCsvgCrow7A6guwOuoArL4Aq6MOwOoLsDrqAKy+AKvjwAAopcjlcg2Kolh97YcSjQf9wO7uLnf79u0ftbS0OMbGxj4lhKw6HA6rdVQdB84AxhgkSfoOpfR3MzMzN6empn4VjUaHFEV5JsvpwBkAgNlsNjo6GrC73d0vRSKRM7Ozs78IhUI3Ojs7rw0ODj5qb29XOI6zWtuRAQAABgCnTp3C6dOn7T6fbzQej/8mHA7/NBQKfTwwMHBFFMX7PM9vn3QQNQBgoJSBMYaWlhb4/WJDf/+Ad2l56efhUPi1P9+5c7fH7X7f4/FMEULSJ9UnqgWAwkKSsTXeOBx2DPQPcMRDOlZXV18Nh0OvTE9Pf+10Oq+Ojo5+RAiJOxwOarXowwDADNGFH8McjaCw2WzweDzo7u5uzWQyZ+fn5yfu33/wJs8/ue52u28MDQ095nlePQnlURUAZoTpfXF/kQ+lDBzHwSUIcHZ0ODY3NoMLC9HA3FzojSdPntzy+XxXRVF8wPP8jpUgqs4AxgzhleILFVGsDGZkPN/OY3x8vMHnG+5LJOJvRqORH0ej0b94vd73PR7PX71eb8Zutz87APZPf5iIGL8YA1j+dAaGltYWjPj9XF9fn2t5OfXDSGT+++Fw+IEgCFcCgcBtQkjC4XAc21L1IWRASTCrAMJM6VDKEOO9w9GE/v5+9PR42tLpte9Go9GXpqenf+l0Oq/39PTcGBoa+hfP89pRl0cNXcDkAWB79jNzBrASGJY/WABhs9nQ7XZD6Ox0ZNezLywuLgQfPnz0xuPHjz8aHh7+QBTFr3me3z0qENUCoOWCYBJm3u7NirJjjBV9hAMHp9OJ9vZ229CQbzCRTLwViS68HolEPu/t7b3i8Xi+8Hq92cP2idozYM92Hxgmo2QV+0uvjaxgANqeew6iX+R6e/s6V1Kp1xdjCz+Ymwvd6+rqvDI2NvYJIWTJbrcfik9U2QaLMstglNd8ufmV9pmhlPyBmb0iv21uakZf/wDc7p5T6afp78Vji2fv3v3bQ0FwXQsEAje7urrCzc3NWkND9fdhVWYAY4ztP6JmIJXiYWqVrEy8sZOaxJu/t7GxEe7uHrhcQtNGNvutRDL+wvT0Vz/jOPzJ5/N9IIriDM/zUjU+UUMXYKVGyEo2WGZ4xTwxCa8Y7VKmlLKlWA4UYIzmfYKC4zg8/3wHTvHttu3tbd9KavnXc3Phn4RCoanh4eF3g8Hgnba2Nv2YAKA4Eyo6vungXtMrdYRyDzDOpZRC1ykopWCUgeb3FV6bIQNAU1MzBKGL29ra7FpbS30znU5/nsvlbMcGoNTi8uLLat4EAuV1XRBPGQPVKTRdh67p0HQdjLLyz6DCV/LfK8sSVlJLbGkpHhcE1x8vXrz4e0JIuJoOUfPdYEF8qb7LDa9SPKMUqqZBVbSSaJT8Y79yAgPAAZqqYm1tBclELM1x7Obo6DcuBYPBmdbW1gONes0ACl2AVaR/+UQHe+paVTUoigpN0420/i+Ci42GA3SqYz3zFMlkLKdp6mcjI75JURS/rNb4agLAcRzs9kaTCe5N78qa1zQNkqxC07T8iFeM9j4TJ8DoClsbWSQSi3I2m7lHCHl7YmLiFs/zW4c1MzwwgLa2NgwMDDBKaWmEK0azkPaUUSiKCklSYJxf2TX2aZ351zs7OSQTcT2TWXvocnVcvnDhwoeEkJUTMRNsbLSzooObprplPZ1SSJIMWVFNo75PrVe4uyRJSKWSbCkZXxQE13vnzp19hxASOapb5WonQiZzgyndjaM61bGzI0NV1f8suCLdVVXF2mqKJZOxNMfheiAweikYDP6zFoM7QgBmEyyfzlLKsLMjQ1HUcuHYp7UB0HUdmcxTJBOLW7qufjoyMjwpiuI0z/PycawU1bweUBpJBkYZpF0ZqqJi/3QvnMuBUobNzSwS8QUpm13/yuslkxMTE58c91J6jVPhwrTWGHlJUiDLSsVtsvl2mAMYkMttIZGMaZmna7OC4Prtyy9fuEYIWXvmlsTMJaCqGiRZLvb38p5uhCTtIrWcZEtL8agguN49f/7cHwghC1YIrxlAQTgYoOsUu5IMSllFugMcAFVVsLqaYslEbJXj2IeBwOjlYDA429raavkzgpqmwoUMkGQZmqbvmbrqmoZMJo1EIrZJdfVjv394UhTFv/M8f2KeHVa9JFaoc1XVIMtqsRTAGROgjfV1xOOL0sbG+pd5g/uM5/ncSRFeKwAAxo2NJCugug6AAwPD9tYWkomYlsmk/yEIrksvvnjhBiHkqZV1fugACk+GVE2Hqmpg4CBJO1heSrK1dGq+w+l85/z5c+8RQmInVXhNAPIMoCgqZEkyDC4ZW+E4XP32mTOXBwcHH9vtdssN7sgAcACTFQXJRBwLC5ENyvRbfv/I26Io3jspDz2PFAADuGh0XmpyOL7w+/2Toijesfoh57ECsNvtj7o6O98aHx+/2dfXl3kWhReCq+ZfZhRFsQGgx/kQ80QB+F+KZ/JP2+oA6gDqAOoA6gDqAOoA6gDqAOoAao9/A9Lhs+0wkGemAAAAInpUWHRTb2Z0d2FyZQAAeNorLy/Xy8zLLk5OLEjVyy9KBwA22AZYEFPKXAAAAABJRU5ErkJggg==')
}

.controls button[data-state="pause"] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAF7UlEQVR42u1ay44bRRQ95cmQIYCISCTksSYR2Q0s+QG+ALb8ADvW/AjfwJIFn4DY8gFRJIiUbEggEZoRJN1V9x4W9ba7PXY7cUmMK2lN0lN9+ta55z6qbEMS13nMWhvQehwIaG1A63EgoLUBrceBgNYGtB4HAlob0HocCGhtQOtx7Qm4se0Dfd/PHj58+AWJz4yBAlCSCoDhp5IgQCWgyPcUIFXpTk/nvy4WiycF5smjR4++VNWPAUiNRRbvUAIEGeZAAaqqvj49Pf1lsVj8/dYJ6Lru6PHjx1+fn59/c3z8jqp6G1WVqgSp9LcU1U/4vy9f/tXNZubbxWLxQ4H5/osXL7+7d+/sc8AETP9chU+CHtO/y2Oap0+fPFPVr/ZCAADcunXLnJ2d4eTkZKZKgEQwx7tFCb9kejmoQkmAwNHRjSPSHS9j3r79obl//z4AM/NOjxhXY15cXrxrzLRwnkSAt4NQ1WRUNDQZqavGUgnrHG4cDWJClTCGW2OKUwBmylKmJkFvSDQ8+CsY7K80h/m+KqGi47SWGBtiimi0ZRIDUwhguJAOk/Kd/Ccuwi8LICEiIGnGjK0Op7bBxPRTrUkhUBrLaGnwCpLH4r18ueytIbywvM0xVRVOFDusf1oIsHR9IdlSonFeXJeoQkUixIACckhtham6BvMtERDMKmI1SzMuwhsaF0M4JxAdFSur5zfEtFZAZZMQyO8sshRTcqwzuCrhnAueBEYEkJLgJpgiCnEuEDKtAgA7hQCreE7SjfU7hQfhRCCiedIAA1FR9XvGMa1zvgxGSUwMgd2TIFkTwtKBvmZbG7wPE4WzauwS3jpMUYVzkkvx1EVgeg5gMhaFceleztbOulD+UITAMKXlgtZh2t5BRevEsUcCmD2EpNNkYFhB9FRvnd8W5Zhe2wPkRQ1jOhHYlE/i7xqEQHxvqlDMxjN5yoZGpXC8/8dQFiRJGDOOqST6zvoWHEmGO4XADjkgL6tMUlHq1jnv/SJzX4mZCRrE7DsbYr/ENDslgcllMMcpYz+UypaooutsJf2UzdfySb+eAUzrHPre5qYo5ZPdcsDE3WCu0fH/afemRNf1qUeviErUjYVA/Y6IqeIJVWbpJ8wsgAZlsOrOvMG9taHsld1bQdY6vERYjdn1/Yr0EyYNdlHB9E6wak68wSKr0s/7+uLRNQowkYaAaZ1D37m6O6wwE/D+FBANiJ6L0u/7VemXk8K90TJYnTEQUC2lP4bZJgnmHj2owIkUWb+QfiHXonBcxbBPfNaFPcQ4JjaEfJMEJOXV3rehO+PShSoEOLYXYN0Jqsaav3quUGNW8bUXApJBsbCJCPre5SJX7Gfr3n4tYk5qJKy1sE4yZaOYicu9VgGmbE2gty4ckNZZP53shAUUMTy0GQrr8dvnvncgN8Fs1AnG4ypVTbu9MZmWHd2aQpjYEdEi9tdj7jqmHosnA5xzECfF1g0rMq03T2v4DJK21vf7m2H6kDFmryGQGxbbu/hZ2IpMl/fyxfoHDkTiPM3VZCPMBiEQvaWiaWu6PuuXfcDI+ZXfZAf5y8aYMNOPwyYTEF3mXDzqQuEVYjAfoDoQGT0Ss9aBujlmmGCmMrHTdthGT61IdCBhJaMHBesrYDrqwnaYe+4ECRBKhXOrXgkTULpw+bO+EUKZzvqwJea+N0MkqKIQp0sxOib9FRUMyZXOSfGB66aYGA2rt0YA4OWvitKa4VpNhoYmd4+Dq2fx2QG2wWygAMAnQGC23JthVaID1xgBVqo5m2FWE7cek47FVembHwArymNtz/K2efghwInQiYRfbYe59xOhrnvN58+f4fj4mPFbGjlxxXIXvsiwdF1eXvDunQ+WfcbLiwv+efwHZrOjLTFhXv37z1WbrTdHwM2bN3l+/umPqvK7Mab6tsPaVj9sg+/e+UDn8/nPS5ivHjz45HsR/Sl88WorzDsfvfd6Pp//NoUAM5W5/8u49t8TPBDQ2oDW40BAawNajwMBrQ1oPQ4EtDag9TgQ0NqA1uPaE/AfVYOKIWxy6eUAAAAielRYdFNvZnR3YXJlAAB42isvL9fLzMsuTk4sSNXLL0oHADbYBlgQU8pcAAAAAElFTkSuQmCC')
}

.controls button[data-state="stop"] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAFWklEQVR42u1azW7jNhD+6GYNJDkbWyDBNkBeo7fe+yg99Sn6QjkXvfTQh8ipixyLriOJPzM9UCSHFOXYilcEuubBsqSRPfPNNx+HtBUz41sem9YOtB4XAFo70HpcAGjtQOtxAaC1A63HBYDWDrQeFwBaO9B6XJ36ABGh6zosXUNst1tst9vWcS8HoOs6PD09/dx13Y+bzcYBAHs0AiLsL/k74hqYmXe7He92u/AMiueyY2Ez9x7MzPf397/f3d399dUBYGbV9/1Pnz798MvH7z+CicAcImYw8xg2x+vpHsBMIGIopcQ9VI8BQ2aAwSHc7PsAhc+f/waAX1cBAABvNhu+v7/D4+OjcHh0LuUFskpkMsNb+WwIsA5A+lxpF8C2zkEppRbEsggAAGAi7wBRym6IhlVARE0zG2zKo8zu5B5PQAp1ZrQFEQHAugAkZ/PSTQyoBJ+xZCb4KivKzPtzYyysc+GrVwWglLc84FivleAnmc7rOzwT72UlMGYeDGcdjLFJDtcEwPsURCjPsiz8WQbIcilASBkOUHK6N34WOYLWBkSEUPoLJWApA5KLMua60JVgiPuxJKb0TqBwDhAxtDZwjsZvimNdDeDgWxng+FLOBtPZIQhZIXooApaiR4xBa1jr8jJrAUCV/mMgEolpRufojkLxxTkAJsKgDYxxGYiqhQYgY0AKmAtAWNChFEjOVXCi+MwBAN9+D9rAWivYxWGyaQJAlnUWlVir9Wpzg2Q3aW6CDTOc88E765IwZsChyTRIeUBzDc6UFdm9GbqDGcR+nvdqz0XACfJWJTCd9rJSKMAQQjnt8VPwIbthmjPWFoyqANmiBFhKMDBT8zXRQwGK1AffVhvrxDRXyXpNa5ZmcSkAGPugWkbzLOXBQzhc9vXOFlmXzdChzx09stYuYsDSHSGO05PMjsxKoHjMWFrAxACZvcL3Gq9dD21MRRfCUQImp1e/tH5+flb7/X4tBgTWckZnCcJU9PKegJhhjRUKXxe5sp2eZH9UQWOMWrJL9f7VYLXhEUAE5wXdyTkM2kBrM0v36jpBTJ3JViG9OX28fzUompbxLBO8LPhxahsGDTsrcrXsQ9jOALbmYii6UtC/XLbGEoGn/NBrDFqfKHK1rJeNGKDWYoBSCh+uroQI5vSe1jzgHKHvBxhtU5tb2srAJwHPg6TW7gNub2/x8PDARBR5XgqepL11Dl031Pv4SmDTNveQbSZ662nA1dUHjosW0ZSUOznGWHT9UOnjcZbsR9v11wKiN4/zdN79GWPx2vVx4+KYdcJ89qc20Ta+rr4cZpRNTQjeWhH8QlWf204rbZXi4zw+PwCJfiwY4ZzDaydpjzPQ/NBMoBBaopUBSBuWgQX+d8PB79a+EcQpIjeX/ZQJrA9A6gNSCfSDhtYmc/4sInfIFg01IDKf/U5t32vQyRRGYVO3PcSUFgyIW11h26rrh/AT1REi99b8fxiwbLGFaL/ulljoADz1B1jrTmth35ziag1WuJ9KL2ngygyI1B8XN8umOHn97ekw9hxxJRqt1wWA/QCR7/GJjqduBO9Ikcv/b1D5ITV1govGu0RQawNj7BHCdbrI1YMu9h3OwIDFW2JEhGHwU56C8q9qPAtLtGyNrsRRjWcqmShV2OWJzdY9XCZdLQZgKQPUy8sLrGUw5z9SFlMTEtlzfZjcjY2RvHbEugEKX778A2ZWkJL4NQHYbrd/7vf//tZ1+yzUVoOZv7u5uflDLVgYLNpI1FpDa9067jwQpXB9fY3N5rSqXgTA/2l88/8UvQDQ2oHW4wJAawdajwsArR1oPS4AtHag9bgA0NqB1uM/rk8wsEf7VsIAAAAielRYdFNvZnR3YXJlAAB42isvL9fLzMsuTk4sSNXLL0oHADbYBlgQU8pcAAAAAElFTkSuQmCC')
}

.controls button[data-state="volume"] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTCtCgrAAAAHLUlEQVR4XuWZS2hcVRjH0/iqL1AEtaJWoVi7EKuIrixu1CIoajcutJWCrgIWGq1LBRdW3JbqQlAhraZtmpBpksncO3fuc2aSlgQai9hiF0JfIubRpGkeM/6/m3PHky9fJzPJNCFz//Cj0++cO+f8v/O450waisVirBGDcUIMxgkxGCfEYJwQg3FCDMYJMRgnxGCcEIOctSzJj44Y5KxlSX50xCDnZspxsi8lEt3ftrd3HgiC/p2Dg4N3q6KaSPKjIwY5tRa+szGXyz3refkDqVRm1LaDIpFOe2OGkfnk5MmTt6mqyxb3whGDnFqLzLtuNgnTM+m0W7QsZ9w0MxOUBCTkrOd5m1XVZUvyoyMGObWU7/sbMfKtZJ4Me15QGBkZLQwPjxROnEgWMxl/1vfzX6rqy5bkR0cMcmohfE807VthsmBZXmh+YuJacXLyesjRo+2UgILn5b5Wjy1b3AtHDHJqIX3ak/nTp38rjI9PlMzXdQKkac/N12UC8Oyi076uE1DJtNepqwRUOu11yiUgm80+ZJpuc0vLETOZNL/C/7eoorKS/OiIQU41Qv1GGN9a6bTXKZcAzKRXMxnvb0omKOBz1jTtba2trbeoKqK4F44Y5FQjMo8OGjTylUx7nXIJsCxrfSpl7sRBKUoCDk32uWTSfg19bFTVFoh74YhBji6aikGQa8JhZa+EbWfbyDx1sJJpr7PYHkCjncm479q2/xd9P9Xt7U2fRaK3qioLJPnREYOcSLbt7sIIDJFBavxGVDPtdSrZBLu6uu7w/b4PcIk6R0kgUinrDP59UVoOkh8dMciJhM6F06+nx0RnO0ocP57ARcYNO1PttNepJAEkWg6Yba+jvQFqk3CcnIXZ+YSqUpLkR0cMciJRQ93dqYLjBNP4XAKjMY2kTMI8ZoBXXIp5Qk/A+fPn1x87lmg+dKjV6urq3Y/Yy/oI02fb9nbgBnmF+kWDg+XxDp8Fkh8dMciJRA0lEj3jMHwdm92UTkdH1zhmQSGdtqckc5WgJ8D3T21Ee7TcwhE2TedPw7DepyWguoMN13sEbwcT5bNUB/36NZlMzvs9QfKjIwY5kagRJOAqGi2TgExNEuC67v3Y7PZjfV/SkjCGmdZMS4D6Q6Ptuv5ulF2lcsOwBx3HeSrsrJLkR0cMciKtZALQ7rq5te4/h5GlUS5Q+1hmf2Qy/x+CkKjHu7sNn8rAtOvOv0pzLxwxyIm0kglQTYbK5/MvIJ6jMuwx0+m0s0//1QhvnE9VAvD2mf+s5EdHDHIirVYCaKoj/jGWxDj1wXVzvyABd6liHLvze+m5ubLsNyocSvKjIwY5kVYrAaRstm8HDlnh74c4/PS2t7ffq4rmJSCRSP6kwqEkPzpikBNp9RMQjFEfDCPTjf3hHlU0LwHYD35Q4VCSHx0xyIm0WgkYGhq6HRefz9H+NepD+SWQ36/CoSQ/OmKQE2m1EgCD29A2HXdxzHan8Lprwgy4VRU34GD2GfVNelbyoyMGOZFWMgFot9G27Q2W5byN12Ce2ibQxoBlBZtUlxr6+vo29/Zap1QCrvl+dq8qCsW9cMQgJ9JKJgCvvoex67fhO8N1T2Dzu4iD0fZo9GlpIL4Hz4R/U8DrMU3PhZ1VkvzoiEFOJGqks3N1jsKG4ZzB9H8F/Snd/TH6j2Ew+lGu1v/8vYHEvXDEICcSNZJMmrQOZ3AtLoE1OdPTY0xR53EhKY6MjIoGF0NPAJ3529rad7e0tP6Iy9CeIAieR19K5umy5DjeRzgZ/jOXJP8SDklv6HVIug8JMciJBOO/U2PYkelWWIKux3QNpjIYKAZBrjA6OiaaLMeNNkGugYGB+4Kgvwmb3wXVJs2An3FsflBVKUnyoyMGOZHQ4PZkMt2PBukXH7qBLYA6Q0kwjPTszfhBhEaezONQpEaeZmX6FGbIJvR1napWEvfCEYMcXdhkHsCh5D2M8k4JrMODmI7hpuS64d/9RLMSiyWAzFuWDfN+eENE3VmYDyzLf1pVWSDJj44Y5FSjXC736FwSgkmaCUhKxcuhXAJo2mOpHcRGG94H5kbeykBb0McFIx+Je+GIQU41Qv119NNUEOS/JzOUhEqXQ7kEYNa9hbJhNfJ42zgp+jM6taeqiNJ9SIhBzlLU39+/odrlUC4BtPQw+rsOHz7yHQ4+TZhpT6qispL86IhBzlJV7XKoZBOsVpIfHTHIWarwbFXLoe4SEKnS5VC3CSBVshzqOgH4nkWXQ10nINLC5eAXLl++Mn3hwsUZOlYjAQuutMuR5EdHDHJqrfnLwcM9wp0yTYf+ykSfTX6lXY4kPzpikFNr4TvD5eD7+S9wx/+XjM+Z94YNw/pQ/7VnueJeOGKQczOFS8wziURPc0dH574g6HsT/79TFdVEkh8dMchZy5L86IhBzlqW5EdHDMYJMRgnxGCcEINxQgzGCTEYJ8RgfCg2/AdO1pvMDK0CqwAAAABJRU5ErkJggg==')
}

.controls button[data-state="go-fullscreen"] {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTCtCgrAAAADJ0lEQVR4Xu2bsW7bQAyG7bZoH8WvmaFvYKBPE3ToGiBDkWZI0aF7184u/wutkDxKPkm8E3DqB/yQSYt3/AnZMmD7cLlcdi03CV3xnutJeeKNIys7pyfliVc+sdIAOuAd6YP1mvxmiVd6MS75SHqf+c0SfXPM/GaJzsn8ZgnBy8vvE+muQCcuaQb2ND2MKetN+ZVBSgh4gcstPTx8/8IlzcCeXi+O7rhkQPmVQUoIUGwWc3V//+0rlzQDe3q9OKo/gOfnX5+5pBnY0+vFUfwAnp5+/qXjmYTnoa3fA87cU9Yrqc4V8Pj44w8dmxu3oAfuxe2TFDcAO+Wth4C9rXnnSgi9As52w62GgD1HesFLc8iRQgeAeGzjZkOY6oGU9cxlA8qvDFJCMLYYHTcbwq296Rg6gBM+cOCey7edwSAetx5CyZ54jF7RM39YyvpRfmWQEjPA4q2GELmX8iuDlJhJZGNjRO+h/MogJRYQ3aCkxtrKrwxSYiE1Gq2xJlB+ZZASK4hsOHIti/Irg5RYSUTjEWtMofzKICUCWGNgTW0pyq8MUiKIJUaW1CxB+ZVBSgQyx9Ccc9civB6VeU6GUmKs5JwojNf6AwBTBqee4/JQjNc2AwBjRluaB8ZruwEAGLOGpWqbB8Zr2wEAGPSG0MI8MF7/D0AlOFkNGPTMX9ViCMarHkBNYMyaR+zl6LjNm2AtYGjM6NRzXB6K8Vt/ACUGS86JwvitO4A5xuacuwbjt94AlhhaUrOE6gNYY2RNbSlVBxBhIGKNKZRnFawksvHItSzKswpWUKPhGmsC5VkFC6nVKKixtvKsggXUaNASvYfyrIKZRDc2ReReyrMKDFh8N1+OEtnPY6l4P1+PE0UDIG1m/spUD6SqA+j3JzLEzQF0/SMpouQKGLS1+SvowQ7BKH4APOW+fihJzLoCpHDb4ZJm8G3Z7ccoGwAx/G9gGAAPQYFis5gr3HO5pBnY0+vFUf0B4AMHlzSDP+S4/RiVvQRSYKBi+Tqb0tbvAVPKelOeZZASnZP5zRJ9c/tPUynZKa5XLwn1hOfvKje5J7nJPclN7kWHw+HwDwCo8bcIOt7eAAAAAElFTkSuQmCC')
}

input[type="range"] {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    border-radius: 12px;
    height: 12px;
    margin: 5px;
    border: none;
    background: transparent;
    outline: none
}

input[type="range"]::-webkit-slider-runnable-track {
    border: inherit;
    background: #fff;
    border-radius: 12px
}

input[type="range"]::-moz-range-track {
    border: inherit;
    background: #fff;
    border-radius: 12px
}

input[type="range"]::-ms-track {
    border: inherit;
    background: #fff;
    border-radius: 12px;
    color: transparent
}

input[type="range"]::-ms-fill-lower,input[type="range"]::-ms-fill-upper {
    background: #fff;
    border-radius: 12px
}

input[type="range"]::-ms-tooltip {
    display: none
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 12px;
    border: none;
    border-radius: 12px;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,silver),color-stop(100%,dimgray));
    background-image: -webkit-linear-gradient(top,silver 0,dimgray 100%);
    background-image: linear-gradient(to bottom,silver 0,dimgray 100%)
}

input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 12px;
    border: none;
    border-radius: 12px;
    background-image: linear-gradient(to bottom,silver 0,dimgray 100%)
}

input[type="range"]::-ms-thumb {
    width: 20px;
    height: 12px;
    border-radius: 12px;
    border: none;
    background-image: linear-gradient(to bottom,silver 0,dimgray 100%)
}

video::-webkit-media-controls {
    display: none !important
}

@charset "UTF-8"; /*!
 * CoreUI Icons - Open Source Icons
 * @version v0.3.0
 * @link https://coreui.io/icons
 * Copyright (c) 2018 creativeLabs Łukasz Holeczek
 * Licensed under MIT (https://coreui.io/icons/license)
 */
@font-face {
    font-family: 'CoreUI-Icons-Linear-Free';
    src: url("../fonts/CoreUI-Icons-Linear-Free.eot?64h6xh");
    src: url("../fonts/CoreUI-Icons-Linear-Free.eot?64h6xh#iefix") format("embedded-opentype"),url("../fonts/CoreUI-Icons-Linear-Free.ttf?64h6xh") format("truetype"),url("../fonts/CoreUI-Icons-Linear-Free.woff?64h6xh") format("woff"),url("../fonts/CoreUI-Icons-Linear-Free.svg?64h6xh#CoreUI-Icons-Linear") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="cui-"],[class*=" cui-"] {
    font-family: 'CoreUI-Icons-Linear-Free' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cui-account-logout:before {
    content: ""
}

.cui-action-redo:before {
    content: ""
}

.cui-action-undo:before {
    content: ""
}

.cui-align-center:before {
    content: ""
}

.cui-align-left:before {
    content: ""
}

.cui-align-right:before {
    content: ""
}

.cui-arrow-bottom:before {
    content: ""
}

.cui-arrow-left:before {
    content: ""
}

.cui-arrow-right:before {
    content: ""
}

.cui-arrow-top:before {
    content: ""
}

.cui-ban:before {
    content: ""
}

.cui-basket-loaded:before {
    content: ""
}

.cui-bell:before {
    content: ""
}

.cui-bold:before {
    content: ""
}

.cui-bookmark:before {
    content: ""
}

.cui-briefcase:before {
    content: ""
}

.cui-british-pound:before {
    content: ""
}

.cui-brush:before {
    content: ""
}

.cui-calculator:before {
    content: ""
}

.cui-calendar:before {
    content: ""
}

.cui-cart:before {
    content: ""
}

.cui-chart:before {
    content: ""
}

.cui-check:before {
    content: ""
}

.cui-chevron-bottom:before {
    content: ""
}

.cui-chevron-left:before {
    content: ""
}

.cui-chevron-right:before {
    content: ""
}

.cui-chevron-top:before {
    content: ""
}

.cui-circle-check:before {
    content: ""
}

.cui-circle-x:before {
    content: ""
}

.cui-cloud:before {
    content: ""
}

.cui-cloud-download:before {
    content: ""
}

.cui-cloud-upload:before {
    content: ""
}

.cui-code:before {
    content: ""
}

.cui-cog:before {
    content: ""
}

.cui-comment-square:before {
    content: ""
}

.cui-credit-card:before {
    content: ""
}

.cui-cursor:before {
    content: ""
}

.cui-dashboard:before {
    content: ""
}

.cui-delete:before {
    content: ""
}

.cui-dollar:before {
    content: ""
}

.cui-drop:before {
    content: ""
}

.cui-envelope-closed:before {
    content: ""
}

.cui-envelope-letter:before {
    content: ""
}

.cui-envelope-open:before {
    content: ""
}

.cui-euro:before {
    content: ""
}

.cui-file:before {
    content: ""
}

.cui-globe:before {
    content: ""
}

.cui-graph:before {
    content: ""
}

.cui-home:before {
    content: ""
}

.cui-inbox:before {
    content: ""
}

.cui-info:before {
    content: ""
}

.cui-italic:before {
    content: ""
}

.cui-justify-center:before {
    content: ""
}

.cui-justify-left:before {
    content: ""
}

.cui-justify-right:before {
    content: ""
}

.cui-laptop:before {
    content: ""
}

.cui-layers:before {
    content: ""
}

.cui-lightbulb:before {
    content: ""
}

.cui-list:before {
    content: ""
}

.cui-location-pin:before {
    content: ""
}

.cui-lock-locked:before {
    content: ""
}

.cui-lock-unlocked:before {
    content: ""
}

.cui-magnifying-glass:before {
    content: ""
}

.cui-map:before {
    content: ""
}

.cui-monitor:before {
    content: ""
}

.cui-moon:before {
    content: ""
}

.cui-note:before {
    content: ""
}

.cui-options:before {
    content: ""
}

.cui-paperclip:before {
    content: ""
}

.cui-pencil:before {
    content: ""
}

.cui-people:before {
    content: ""
}

.cui-phone:before {
    content: ""
}

.cui-pie-chart:before {
    content: ""
}

.cui-print:before {
    content: ""
}

.cui-puzzle:before {
    content: ""
}

.cui-rss:before {
    content: ""
}

.cui-screen-desktop:before {
    content: ""
}

.cui-screen-smartphone:before {
    content: ""
}

.cui-settings:before {
    content: ""
}

.cui-share:before {
    content: ""
}

.cui-shield:before {
    content: ""
}

.cui-sort-ascending:before {
    content: ""
}

.cui-sort-descending:before {
    content: ""
}

.cui-speech:before {
    content: ""
}

.cui-speedometer:before {
    content: ""
}

.cui-star:before {
    content: ""
}

.cui-sun:before {
    content: ""
}

.cui-tablet:before {
    content: ""
}

.cui-tags:before {
    content: ""
}

.cui-task:before {
    content: ""
}

.cui-thumb-down:before {
    content: ""
}

.cui-thumb-up:before {
    content: ""
}

.cui-trash:before {
    content: ""
}

.cui-underline:before {
    content: ""
}

.cui-user:before {
    content: ""
}

.cui-user-female:before {
    content: ""
}

.cui-user-follow:before {
    content: ""
}

.cui-user-unfollow:before {
    content: ""
}

.cui-wrench:before {
    content: ""
}

.cui-yen:before {
    content: ""
}

.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em
}

.flag-icon:before {
    content: " "
}

.flag-icon.flag-icon-squared {
    width: 1em
}

.flag-icon-ad {
    background-image: url(../flags/4x3/ad.svg)
}

.flag-icon-ad.flag-icon-squared {
    background-image: url(../flags/1x1/ad.svg)
}

.flag-icon-ae {
    background-image: url(../flags/4x3/ae.svg)
}

.flag-icon-ae.flag-icon-squared {
    background-image: url(../flags/1x1/ae.svg)
}

.flag-icon-af {
    background-image: url(../flags/4x3/af.svg)
}

.flag-icon-af.flag-icon-squared {
    background-image: url(../flags/1x1/af.svg)
}

.flag-icon-ag {
    background-image: url(../flags/4x3/ag.svg)
}

.flag-icon-ag.flag-icon-squared {
    background-image: url(../flags/1x1/ag.svg)
}

.flag-icon-ai {
    background-image: url(../flags/4x3/ai.svg)
}

.flag-icon-ai.flag-icon-squared {
    background-image: url(../flags/1x1/ai.svg)
}

.flag-icon-al {
    background-image: url(../flags/4x3/al.svg)
}

.flag-icon-al.flag-icon-squared {
    background-image: url(../flags/1x1/al.svg)
}

.flag-icon-am {
    background-image: url(../flags/4x3/am.svg)
}

.flag-icon-am.flag-icon-squared {
    background-image: url(../flags/1x1/am.svg)
}

.flag-icon-ao {
    background-image: url(../flags/4x3/ao.svg)
}

.flag-icon-ao.flag-icon-squared {
    background-image: url(../flags/1x1/ao.svg)
}

.flag-icon-aq {
    background-image: url(../flags/4x3/aq.svg)
}

.flag-icon-aq.flag-icon-squared {
    background-image: url(../flags/1x1/aq.svg)
}

.flag-icon-ar {
    background-image: url(../flags/4x3/ar.svg)
}

.flag-icon-ar.flag-icon-squared {
    background-image: url(../flags/1x1/ar.svg)
}

.flag-icon-as {
    background-image: url(../flags/4x3/as.svg)
}

.flag-icon-as.flag-icon-squared {
    background-image: url(../flags/1x1/as.svg)
}

.flag-icon-at {
    background-image: url(../flags/4x3/at.svg)
}

.flag-icon-at.flag-icon-squared {
    background-image: url(../flags/1x1/at.svg)
}

.flag-icon-au {
    background-image: url(../flags/4x3/au.svg)
}

.flag-icon-au.flag-icon-squared {
    background-image: url(../flags/1x1/au.svg)
}

.flag-icon-aw {
    background-image: url(../flags/4x3/aw.svg)
}

.flag-icon-aw.flag-icon-squared {
    background-image: url(../flags/1x1/aw.svg)
}

.flag-icon-ax {
    background-image: url(../flags/4x3/ax.svg)
}

.flag-icon-ax.flag-icon-squared {
    background-image: url(../flags/1x1/ax.svg)
}

.flag-icon-az {
    background-image: url(../flags/4x3/az.svg)
}

.flag-icon-az.flag-icon-squared {
    background-image: url(../flags/1x1/az.svg)
}

.flag-icon-ba {
    background-image: url(../flags/4x3/ba.svg)
}

.flag-icon-ba.flag-icon-squared {
    background-image: url(../flags/1x1/ba.svg)
}

.flag-icon-bb {
    background-image: url(../flags/4x3/bb.svg)
}

.flag-icon-bb.flag-icon-squared {
    background-image: url(../flags/1x1/bb.svg)
}

.flag-icon-bd {
    background-image: url(../flags/4x3/bd.svg)
}

.flag-icon-bd.flag-icon-squared {
    background-image: url(../flags/1x1/bd.svg)
}

.flag-icon-be {
    background-image: url(../flags/4x3/be.svg)
}

.flag-icon-be.flag-icon-squared {
    background-image: url(../flags/1x1/be.svg)
}

.flag-icon-bf {
    background-image: url(../flags/4x3/bf.svg)
}

.flag-icon-bf.flag-icon-squared {
    background-image: url(../flags/1x1/bf.svg)
}

.flag-icon-bg {
    background-image: url(../flags/4x3/bg.svg)
}

.flag-icon-bg.flag-icon-squared {
    background-image: url(../flags/1x1/bg.svg)
}

.flag-icon-bh {
    background-image: url(../flags/4x3/bh.svg)
}

.flag-icon-bh.flag-icon-squared {
    background-image: url(../flags/1x1/bh.svg)
}

.flag-icon-bi {
    background-image: url(../flags/4x3/bi.svg)
}

.flag-icon-bi.flag-icon-squared {
    background-image: url(../flags/1x1/bi.svg)
}

.flag-icon-bj {
    background-image: url(../flags/4x3/bj.svg)
}

.flag-icon-bj.flag-icon-squared {
    background-image: url(../flags/1x1/bj.svg)
}

.flag-icon-bl {
    background-image: url(../flags/4x3/bl.svg)
}

.flag-icon-bl.flag-icon-squared {
    background-image: url(../flags/1x1/bl.svg)
}

.flag-icon-bm {
    background-image: url(../flags/4x3/bm.svg)
}

.flag-icon-bm.flag-icon-squared {
    background-image: url(../flags/1x1/bm.svg)
}

.flag-icon-bn {
    background-image: url(../flags/4x3/bn.svg)
}

.flag-icon-bn.flag-icon-squared {
    background-image: url(../flags/1x1/bn.svg)
}

.flag-icon-bo {
    background-image: url(../flags/4x3/bo.svg)
}

.flag-icon-bo.flag-icon-squared {
    background-image: url(../flags/1x1/bo.svg)
}

.flag-icon-bq {
    background-image: url(../flags/4x3/bq.svg)
}

.flag-icon-bq.flag-icon-squared {
    background-image: url(../flags/1x1/bq.svg)
}

.flag-icon-br {
    background-image: url(../flags/4x3/br.svg)
}

.flag-icon-br.flag-icon-squared {
    background-image: url(../flags/1x1/br.svg)
}

.flag-icon-bs {
    background-image: url(../flags/4x3/bs.svg)
}

.flag-icon-bs.flag-icon-squared {
    background-image: url(../flags/1x1/bs.svg)
}

.flag-icon-bt {
    background-image: url(../flags/4x3/bt.svg)
}

.flag-icon-bt.flag-icon-squared {
    background-image: url(../flags/1x1/bt.svg)
}

.flag-icon-bv {
    background-image: url(../flags/4x3/bv.svg)
}

.flag-icon-bv.flag-icon-squared {
    background-image: url(../flags/1x1/bv.svg)
}

.flag-icon-bw {
    background-image: url(../flags/4x3/bw.svg)
}

.flag-icon-bw.flag-icon-squared {
    background-image: url(../flags/1x1/bw.svg)
}

.flag-icon-by {
    background-image: url(../flags/4x3/by.svg)
}

.flag-icon-by.flag-icon-squared {
    background-image: url(../flags/1x1/by.svg)
}

.flag-icon-bz {
    background-image: url(../flags/4x3/bz.svg)
}

.flag-icon-bz.flag-icon-squared {
    background-image: url(../flags/1x1/bz.svg)
}

.flag-icon-ca {
    background-image: url(../flags/4x3/ca.svg)
}

.flag-icon-ca.flag-icon-squared {
    background-image: url(../flags/1x1/ca.svg)
}

.flag-icon-cc {
    background-image: url(../flags/4x3/cc.svg)
}

.flag-icon-cc.flag-icon-squared {
    background-image: url(../flags/1x1/cc.svg)
}

.flag-icon-cd {
    background-image: url(../flags/4x3/cd.svg)
}

.flag-icon-cd.flag-icon-squared {
    background-image: url(../flags/1x1/cd.svg)
}

.flag-icon-cf {
    background-image: url(../flags/4x3/cf.svg)
}

.flag-icon-cf.flag-icon-squared {
    background-image: url(../flags/1x1/cf.svg)
}

.flag-icon-cg {
    background-image: url(../flags/4x3/cg.svg)
}

.flag-icon-cg.flag-icon-squared {
    background-image: url(../flags/1x1/cg.svg)
}

.flag-icon-ch {
    background-image: url(../flags/4x3/ch.svg)
}

.flag-icon-ch.flag-icon-squared {
    background-image: url(../flags/1x1/ch.svg)
}

.flag-icon-ci {
    background-image: url(../flags/4x3/ci.svg)
}

.flag-icon-ci.flag-icon-squared {
    background-image: url(../flags/1x1/ci.svg)
}

.flag-icon-ck {
    background-image: url(../flags/4x3/ck.svg)
}

.flag-icon-ck.flag-icon-squared {
    background-image: url(../flags/1x1/ck.svg)
}

.flag-icon-cl {
    background-image: url(../flags/4x3/cl.svg)
}

.flag-icon-cl.flag-icon-squared {
    background-image: url(../flags/1x1/cl.svg)
}

.flag-icon-cm {
    background-image: url(../flags/4x3/cm.svg)
}

.flag-icon-cm.flag-icon-squared {
    background-image: url(../flags/1x1/cm.svg)
}

.flag-icon-cn {
    background-image: url(../flags/4x3/cn.svg)
}

.flag-icon-cn.flag-icon-squared {
    background-image: url(../flags/1x1/cn.svg)
}

.flag-icon-co {
    background-image: url(../flags/4x3/co.svg)
}

.flag-icon-co.flag-icon-squared {
    background-image: url(../flags/1x1/co.svg)
}

.flag-icon-cr {
    background-image: url(../flags/4x3/cr.svg)
}

.flag-icon-cr.flag-icon-squared {
    background-image: url(../flags/1x1/cr.svg)
}

.flag-icon-cu {
    background-image: url(../flags/4x3/cu.svg)
}

.flag-icon-cu.flag-icon-squared {
    background-image: url(../flags/1x1/cu.svg)
}

.flag-icon-cv {
    background-image: url(../flags/4x3/cv.svg)
}

.flag-icon-cv.flag-icon-squared {
    background-image: url(../flags/1x1/cv.svg)
}

.flag-icon-cw {
    background-image: url(../flags/4x3/cw.svg)
}

.flag-icon-cw.flag-icon-squared {
    background-image: url(../flags/1x1/cw.svg)
}

.flag-icon-cx {
    background-image: url(../flags/4x3/cx.svg)
}

.flag-icon-cx.flag-icon-squared {
    background-image: url(../flags/1x1/cx.svg)
}

.flag-icon-cy {
    background-image: url(../flags/4x3/cy.svg)
}

.flag-icon-cy.flag-icon-squared {
    background-image: url(../flags/1x1/cy.svg)
}

.flag-icon-cz {
    background-image: url(../flags/4x3/cz.svg)
}

.flag-icon-cz.flag-icon-squared {
    background-image: url(../flags/1x1/cz.svg)
}

.flag-icon-de {
    background-image: url(../flags/4x3/de.svg)
}

.flag-icon-de.flag-icon-squared {
    background-image: url(../flags/1x1/de.svg)
}

.flag-icon-dj {
    background-image: url(../flags/4x3/dj.svg)
}

.flag-icon-dj.flag-icon-squared {
    background-image: url(../flags/1x1/dj.svg)
}

.flag-icon-dk {
    background-image: url(../flags/4x3/dk.svg)
}

.flag-icon-dk.flag-icon-squared {
    background-image: url(../flags/1x1/dk.svg)
}

.flag-icon-dm {
    background-image: url(../flags/4x3/dm.svg)
}

.flag-icon-dm.flag-icon-squared {
    background-image: url(../flags/1x1/dm.svg)
}

.flag-icon-do {
    background-image: url(../flags/4x3/do.svg)
}

.flag-icon-do.flag-icon-squared {
    background-image: url(../flags/1x1/do.svg)
}

.flag-icon-dz {
    background-image: url(../flags/4x3/dz.svg)
}

.flag-icon-dz.flag-icon-squared {
    background-image: url(../flags/1x1/dz.svg)
}

.flag-icon-ec {
    background-image: url(../flags/4x3/ec.svg)
}

.flag-icon-ec.flag-icon-squared {
    background-image: url(../flags/1x1/ec.svg)
}

.flag-icon-ee {
    background-image: url(../flags/4x3/ee.svg)
}

.flag-icon-ee.flag-icon-squared {
    background-image: url(../flags/1x1/ee.svg)
}

.flag-icon-eg {
    background-image: url(../flags/4x3/eg.svg)
}

.flag-icon-eg.flag-icon-squared {
    background-image: url(../flags/1x1/eg.svg)
}

.flag-icon-eh {
    background-image: url(../flags/4x3/eh.svg)
}

.flag-icon-eh.flag-icon-squared {
    background-image: url(../flags/1x1/eh.svg)
}

.flag-icon-er {
    background-image: url(../flags/4x3/er.svg)
}

.flag-icon-er.flag-icon-squared {
    background-image: url(../flags/1x1/er.svg)
}

.flag-icon-es {
    background-image: url(../flags/4x3/es.svg)
}

.flag-icon-es.flag-icon-squared {
    background-image: url(../flags/1x1/es.svg)
}

.flag-icon-et {
    background-image: url(../flags/4x3/et.svg)
}

.flag-icon-et.flag-icon-squared {
    background-image: url(../flags/1x1/et.svg)
}

.flag-icon-fi {
    background-image: url(../flags/4x3/fi.svg)
}

.flag-icon-fi.flag-icon-squared {
    background-image: url(../flags/1x1/fi.svg)
}

.flag-icon-fj {
    background-image: url(../flags/4x3/fj.svg)
}

.flag-icon-fj.flag-icon-squared {
    background-image: url(../flags/1x1/fj.svg)
}

.flag-icon-fk {
    background-image: url(../flags/4x3/fk.svg)
}

.flag-icon-fk.flag-icon-squared {
    background-image: url(../flags/1x1/fk.svg)
}

.flag-icon-fm {
    background-image: url(../flags/4x3/fm.svg)
}

.flag-icon-fm.flag-icon-squared {
    background-image: url(../flags/1x1/fm.svg)
}

.flag-icon-fo {
    background-image: url(../flags/4x3/fo.svg)
}

.flag-icon-fo.flag-icon-squared {
    background-image: url(../flags/1x1/fo.svg)
}

.flag-icon-fr {
    background-image: url(../flags/4x3/fr.svg)
}

.flag-icon-fr.flag-icon-squared {
    background-image: url(../flags/1x1/fr.svg)
}

.flag-icon-ga {
    background-image: url(../flags/4x3/ga.svg)
}

.flag-icon-ga.flag-icon-squared {
    background-image: url(../flags/1x1/ga.svg)
}

.flag-icon-gb {
    background-image: url(../flags/4x3/gb.svg)
}

.flag-icon-gb.flag-icon-squared {
    background-image: url(../flags/1x1/gb.svg)
}

.flag-icon-gd {
    background-image: url(../flags/4x3/gd.svg)
}

.flag-icon-gd.flag-icon-squared {
    background-image: url(../flags/1x1/gd.svg)
}

.flag-icon-ge {
    background-image: url(../flags/4x3/ge.svg)
}

.flag-icon-ge.flag-icon-squared {
    background-image: url(../flags/1x1/ge.svg)
}

.flag-icon-gf {
    background-image: url(../flags/4x3/gf.svg)
}

.flag-icon-gf.flag-icon-squared {
    background-image: url(../flags/1x1/gf.svg)
}

.flag-icon-gg {
    background-image: url(../flags/4x3/gg.svg)
}

.flag-icon-gg.flag-icon-squared {
    background-image: url(../flags/1x1/gg.svg)
}

.flag-icon-gh {
    background-image: url(../flags/4x3/gh.svg)
}

.flag-icon-gh.flag-icon-squared {
    background-image: url(../flags/1x1/gh.svg)
}

.flag-icon-gi {
    background-image: url(../flags/4x3/gi.svg)
}

.flag-icon-gi.flag-icon-squared {
    background-image: url(../flags/1x1/gi.svg)
}

.flag-icon-gl {
    background-image: url(../flags/4x3/gl.svg)
}

.flag-icon-gl.flag-icon-squared {
    background-image: url(../flags/1x1/gl.svg)
}

.flag-icon-gm {
    background-image: url(../flags/4x3/gm.svg)
}

.flag-icon-gm.flag-icon-squared {
    background-image: url(../flags/1x1/gm.svg)
}

.flag-icon-gn {
    background-image: url(../flags/4x3/gn.svg)
}

.flag-icon-gn.flag-icon-squared {
    background-image: url(../flags/1x1/gn.svg)
}

.flag-icon-gp {
    background-image: url(../flags/4x3/gp.svg)
}

.flag-icon-gp.flag-icon-squared {
    background-image: url(../flags/1x1/gp.svg)
}

.flag-icon-gq {
    background-image: url(../flags/4x3/gq.svg)
}

.flag-icon-gq.flag-icon-squared {
    background-image: url(../flags/1x1/gq.svg)
}

.flag-icon-gr {
    background-image: url(../flags/4x3/gr.svg)
}

.flag-icon-gr.flag-icon-squared {
    background-image: url(../flags/1x1/gr.svg)
}

.flag-icon-gs {
    background-image: url(../flags/4x3/gs.svg)
}

.flag-icon-gs.flag-icon-squared {
    background-image: url(../flags/1x1/gs.svg)
}

.flag-icon-gt {
    background-image: url(../flags/4x3/gt.svg)
}

.flag-icon-gt.flag-icon-squared {
    background-image: url(../flags/1x1/gt.svg)
}

.flag-icon-gu {
    background-image: url(../flags/4x3/gu.svg)
}

.flag-icon-gu.flag-icon-squared {
    background-image: url(../flags/1x1/gu.svg)
}

.flag-icon-gw {
    background-image: url(../flags/4x3/gw.svg)
}

.flag-icon-gw.flag-icon-squared {
    background-image: url(../flags/1x1/gw.svg)
}

.flag-icon-gy {
    background-image: url(../flags/4x3/gy.svg)
}

.flag-icon-gy.flag-icon-squared {
    background-image: url(../flags/1x1/gy.svg)
}

.flag-icon-hk {
    background-image: url(../flags/4x3/hk.svg)
}

.flag-icon-hk.flag-icon-squared {
    background-image: url(../flags/1x1/hk.svg)
}

.flag-icon-hm {
    background-image: url(../flags/4x3/hm.svg)
}

.flag-icon-hm.flag-icon-squared {
    background-image: url(../flags/1x1/hm.svg)
}

.flag-icon-hn {
    background-image: url(../flags/4x3/hn.svg)
}

.flag-icon-hn.flag-icon-squared {
    background-image: url(../flags/1x1/hn.svg)
}

.flag-icon-hr {
    background-image: url(../flags/4x3/hr.svg)
}

.flag-icon-hr.flag-icon-squared {
    background-image: url(../flags/1x1/hr.svg)
}

.flag-icon-ht {
    background-image: url(../flags/4x3/ht.svg)
}

.flag-icon-ht.flag-icon-squared {
    background-image: url(../flags/1x1/ht.svg)
}

.flag-icon-hu {
    background-image: url(../flags/4x3/hu.svg)
}

.flag-icon-hu.flag-icon-squared {
    background-image: url(../flags/1x1/hu.svg)
}

.flag-icon-id {
    background-image: url(../flags/4x3/id.svg)
}

.flag-icon-id.flag-icon-squared {
    background-image: url(../flags/1x1/id.svg)
}

.flag-icon-ie {
    background-image: url(../flags/4x3/ie.svg)
}

.flag-icon-ie.flag-icon-squared {
    background-image: url(../flags/1x1/ie.svg)
}

.flag-icon-il {
    background-image: url(../flags/4x3/il.svg)
}

.flag-icon-il.flag-icon-squared {
    background-image: url(../flags/1x1/il.svg)
}

.flag-icon-im {
    background-image: url(../flags/4x3/im.svg)
}

.flag-icon-im.flag-icon-squared {
    background-image: url(../flags/1x1/im.svg)
}

.flag-icon-in {
    background-image: url(../flags/4x3/in.svg)
}

.flag-icon-in.flag-icon-squared {
    background-image: url(../flags/1x1/in.svg)
}

.flag-icon-io {
    background-image: url(../flags/4x3/io.svg)
}

.flag-icon-io.flag-icon-squared {
    background-image: url(../flags/1x1/io.svg)
}

.flag-icon-iq {
    background-image: url(../flags/4x3/iq.svg)
}

.flag-icon-iq.flag-icon-squared {
    background-image: url(../flags/1x1/iq.svg)
}

.flag-icon-ir {
    background-image: url(../flags/4x3/ir.svg)
}

.flag-icon-ir.flag-icon-squared {
    background-image: url(../flags/1x1/ir.svg)
}

.flag-icon-is {
    background-image: url(../flags/4x3/is.svg)
}

.flag-icon-is.flag-icon-squared {
    background-image: url(../flags/1x1/is.svg)
}

.flag-icon-it {
    background-image: url(../flags/4x3/it.svg)
}

.flag-icon-it.flag-icon-squared {
    background-image: url(../flags/1x1/it.svg)
}

.flag-icon-je {
    background-image: url(../flags/4x3/je.svg)
}

.flag-icon-je.flag-icon-squared {
    background-image: url(../flags/1x1/je.svg)
}

.flag-icon-jm {
    background-image: url(../flags/4x3/jm.svg)
}

.flag-icon-jm.flag-icon-squared {
    background-image: url(../flags/1x1/jm.svg)
}

.flag-icon-jo {
    background-image: url(../flags/4x3/jo.svg)
}

.flag-icon-jo.flag-icon-squared {
    background-image: url(../flags/1x1/jo.svg)
}

.flag-icon-jp {
    background-image: url(../flags/4x3/jp.svg)
}

.flag-icon-jp.flag-icon-squared {
    background-image: url(../flags/1x1/jp.svg)
}

.flag-icon-ke {
    background-image: url(../flags/4x3/ke.svg)
}

.flag-icon-ke.flag-icon-squared {
    background-image: url(../flags/1x1/ke.svg)
}

.flag-icon-kg {
    background-image: url(../flags/4x3/kg.svg)
}

.flag-icon-kg.flag-icon-squared {
    background-image: url(../flags/1x1/kg.svg)
}

.flag-icon-kh {
    background-image: url(../flags/4x3/kh.svg)
}

.flag-icon-kh.flag-icon-squared {
    background-image: url(../flags/1x1/kh.svg)
}

.flag-icon-ki {
    background-image: url(../flags/4x3/ki.svg)
}

.flag-icon-ki.flag-icon-squared {
    background-image: url(../flags/1x1/ki.svg)
}

.flag-icon-km {
    background-image: url(../flags/4x3/km.svg)
}

.flag-icon-km.flag-icon-squared {
    background-image: url(../flags/1x1/km.svg)
}

.flag-icon-kn {
    background-image: url(../flags/4x3/kn.svg)
}

.flag-icon-kn.flag-icon-squared {
    background-image: url(../flags/1x1/kn.svg)
}

.flag-icon-kp {
    background-image: url(../flags/4x3/kp.svg)
}

.flag-icon-kp.flag-icon-squared {
    background-image: url(../flags/1x1/kp.svg)
}

.flag-icon-kr {
    background-image: url(../flags/4x3/kr.svg)
}

.flag-icon-kr.flag-icon-squared {
    background-image: url(../flags/1x1/kr.svg)
}

.flag-icon-kw {
    background-image: url(../flags/4x3/kw.svg)
}

.flag-icon-kw.flag-icon-squared {
    background-image: url(../flags/1x1/kw.svg)
}

.flag-icon-ky {
    background-image: url(../flags/4x3/ky.svg)
}

.flag-icon-ky.flag-icon-squared {
    background-image: url(../flags/1x1/ky.svg)
}

.flag-icon-kz {
    background-image: url(../flags/4x3/kz.svg)
}

.flag-icon-kz.flag-icon-squared {
    background-image: url(../flags/1x1/kz.svg)
}

.flag-icon-la {
    background-image: url(../flags/4x3/la.svg)
}

.flag-icon-la.flag-icon-squared {
    background-image: url(../flags/1x1/la.svg)
}

.flag-icon-lb {
    background-image: url(../flags/4x3/lb.svg)
}

.flag-icon-lb.flag-icon-squared {
    background-image: url(../flags/1x1/lb.svg)
}

.flag-icon-lc {
    background-image: url(../flags/4x3/lc.svg)
}

.flag-icon-lc.flag-icon-squared {
    background-image: url(../flags/1x1/lc.svg)
}

.flag-icon-li {
    background-image: url(../flags/4x3/li.svg)
}

.flag-icon-li.flag-icon-squared {
    background-image: url(../flags/1x1/li.svg)
}

.flag-icon-lk {
    background-image: url(../flags/4x3/lk.svg)
}

.flag-icon-lk.flag-icon-squared {
    background-image: url(../flags/1x1/lk.svg)
}

.flag-icon-lr {
    background-image: url(../flags/4x3/lr.svg)
}

.flag-icon-lr.flag-icon-squared {
    background-image: url(../flags/1x1/lr.svg)
}

.flag-icon-ls {
    background-image: url(../flags/4x3/ls.svg)
}

.flag-icon-ls.flag-icon-squared {
    background-image: url(../flags/1x1/ls.svg)
}

.flag-icon-lt {
    background-image: url(../flags/4x3/lt.svg)
}

.flag-icon-lt.flag-icon-squared {
    background-image: url(../flags/1x1/lt.svg)
}

.flag-icon-lu {
    background-image: url(../flags/4x3/lu.svg)
}

.flag-icon-lu.flag-icon-squared {
    background-image: url(../flags/1x1/lu.svg)
}

.flag-icon-lv {
    background-image: url(../flags/4x3/lv.svg)
}

.flag-icon-lv.flag-icon-squared {
    background-image: url(../flags/1x1/lv.svg)
}

.flag-icon-ly {
    background-image: url(../flags/4x3/ly.svg)
}

.flag-icon-ly.flag-icon-squared {
    background-image: url(../flags/1x1/ly.svg)
}

.flag-icon-ma {
    background-image: url(../flags/4x3/ma.svg)
}

.flag-icon-ma.flag-icon-squared {
    background-image: url(../flags/1x1/ma.svg)
}

.flag-icon-mc {
    background-image: url(../flags/4x3/mc.svg)
}

.flag-icon-mc.flag-icon-squared {
    background-image: url(../flags/1x1/mc.svg)
}

.flag-icon-md {
    background-image: url(../flags/4x3/md.svg)
}

.flag-icon-md.flag-icon-squared {
    background-image: url(../flags/1x1/md.svg)
}

.flag-icon-me {
    background-image: url(../flags/4x3/me.svg)
}

.flag-icon-me.flag-icon-squared {
    background-image: url(../flags/1x1/me.svg)
}

.flag-icon-mf {
    background-image: url(../flags/4x3/mf.svg)
}

.flag-icon-mf.flag-icon-squared {
    background-image: url(../flags/1x1/mf.svg)
}

.flag-icon-mg {
    background-image: url(../flags/4x3/mg.svg)
}

.flag-icon-mg.flag-icon-squared {
    background-image: url(../flags/1x1/mg.svg)
}

.flag-icon-mh {
    background-image: url(../flags/4x3/mh.svg)
}

.flag-icon-mh.flag-icon-squared {
    background-image: url(../flags/1x1/mh.svg)
}

.flag-icon-mk {
    background-image: url(../flags/4x3/mk.svg)
}

.flag-icon-mk.flag-icon-squared {
    background-image: url(../flags/1x1/mk.svg)
}

.flag-icon-ml {
    background-image: url(../flags/4x3/ml.svg)
}

.flag-icon-ml.flag-icon-squared {
    background-image: url(../flags/1x1/ml.svg)
}

.flag-icon-mm {
    background-image: url(../flags/4x3/mm.svg)
}

.flag-icon-mm.flag-icon-squared {
    background-image: url(../flags/1x1/mm.svg)
}

.flag-icon-mn {
    background-image: url(../flags/4x3/mn.svg)
}

.flag-icon-mn.flag-icon-squared {
    background-image: url(../flags/1x1/mn.svg)
}

.flag-icon-mo {
    background-image: url(../flags/4x3/mo.svg)
}

.flag-icon-mo.flag-icon-squared {
    background-image: url(../flags/1x1/mo.svg)
}

.flag-icon-mp {
    background-image: url(../flags/4x3/mp.svg)
}

.flag-icon-mp.flag-icon-squared {
    background-image: url(../flags/1x1/mp.svg)
}

.flag-icon-mq {
    background-image: url(../flags/4x3/mq.svg)
}

.flag-icon-mq.flag-icon-squared {
    background-image: url(../flags/1x1/mq.svg)
}

.flag-icon-mr {
    background-image: url(../flags/4x3/mr.svg)
}

.flag-icon-mr.flag-icon-squared {
    background-image: url(../flags/1x1/mr.svg)
}

.flag-icon-ms {
    background-image: url(../flags/4x3/ms.svg)
}

.flag-icon-ms.flag-icon-squared {
    background-image: url(../flags/1x1/ms.svg)
}

.flag-icon-mt {
    background-image: url(../flags/4x3/mt.svg)
}

.flag-icon-mt.flag-icon-squared {
    background-image: url(../flags/1x1/mt.svg)
}

.flag-icon-mu {
    background-image: url(../flags/4x3/mu.svg)
}

.flag-icon-mu.flag-icon-squared {
    background-image: url(../flags/1x1/mu.svg)
}

.flag-icon-mv {
    background-image: url(../flags/4x3/mv.svg)
}

.flag-icon-mv.flag-icon-squared {
    background-image: url(../flags/1x1/mv.svg)
}

.flag-icon-mw {
    background-image: url(../flags/4x3/mw.svg)
}

.flag-icon-mw.flag-icon-squared {
    background-image: url(../flags/1x1/mw.svg)
}

.flag-icon-mx {
    background-image: url(../flags/4x3/mx.svg)
}

.flag-icon-mx.flag-icon-squared {
    background-image: url(../flags/1x1/mx.svg)
}

.flag-icon-my {
    background-image: url(../flags/4x3/my.svg)
}

.flag-icon-my.flag-icon-squared {
    background-image: url(../flags/1x1/my.svg)
}

.flag-icon-mz {
    background-image: url(../flags/4x3/mz.svg)
}

.flag-icon-mz.flag-icon-squared {
    background-image: url(../flags/1x1/mz.svg)
}

.flag-icon-na {
    background-image: url(../flags/4x3/na.svg)
}

.flag-icon-na.flag-icon-squared {
    background-image: url(../flags/1x1/na.svg)
}

.flag-icon-nc {
    background-image: url(../flags/4x3/nc.svg)
}

.flag-icon-nc.flag-icon-squared {
    background-image: url(../flags/1x1/nc.svg)
}

.flag-icon-ne {
    background-image: url(../flags/4x3/ne.svg)
}

.flag-icon-ne.flag-icon-squared {
    background-image: url(../flags/1x1/ne.svg)
}

.flag-icon-nf {
    background-image: url(../flags/4x3/nf.svg)
}

.flag-icon-nf.flag-icon-squared {
    background-image: url(../flags/1x1/nf.svg)
}

.flag-icon-ng {
    background-image: url(../flags/4x3/ng.svg)
}

.flag-icon-ng.flag-icon-squared {
    background-image: url(../flags/1x1/ng.svg)
}

.flag-icon-ni {
    background-image: url(../flags/4x3/ni.svg)
}

.flag-icon-ni.flag-icon-squared {
    background-image: url(../flags/1x1/ni.svg)
}

.flag-icon-nl {
    background-image: url(../flags/4x3/nl.svg)
}

.flag-icon-nl.flag-icon-squared {
    background-image: url(../flags/1x1/nl.svg)
}

.flag-icon-no {
    background-image: url(../flags/4x3/no.svg)
}

.flag-icon-no.flag-icon-squared {
    background-image: url(../flags/1x1/no.svg)
}

.flag-icon-np {
    background-image: url(../flags/4x3/np.svg)
}

.flag-icon-np.flag-icon-squared {
    background-image: url(../flags/1x1/np.svg)
}

.flag-icon-nr {
    background-image: url(../flags/4x3/nr.svg)
}

.flag-icon-nr.flag-icon-squared {
    background-image: url(../flags/1x1/nr.svg)
}

.flag-icon-nu {
    background-image: url(../flags/4x3/nu.svg)
}

.flag-icon-nu.flag-icon-squared {
    background-image: url(../flags/1x1/nu.svg)
}

.flag-icon-nz {
    background-image: url(../flags/4x3/nz.svg)
}

.flag-icon-nz.flag-icon-squared {
    background-image: url(../flags/1x1/nz.svg)
}

.flag-icon-om {
    background-image: url(../flags/4x3/om.svg)
}

.flag-icon-om.flag-icon-squared {
    background-image: url(../flags/1x1/om.svg)
}

.flag-icon-pa {
    background-image: url(../flags/4x3/pa.svg)
}

.flag-icon-pa.flag-icon-squared {
    background-image: url(../flags/1x1/pa.svg)
}

.flag-icon-pe {
    background-image: url(../flags/4x3/pe.svg)
}

.flag-icon-pe.flag-icon-squared {
    background-image: url(../flags/1x1/pe.svg)
}

.flag-icon-pf {
    background-image: url(../flags/4x3/pf.svg)
}

.flag-icon-pf.flag-icon-squared {
    background-image: url(../flags/1x1/pf.svg)
}

.flag-icon-pg {
    background-image: url(../flags/4x3/pg.svg)
}

.flag-icon-pg.flag-icon-squared {
    background-image: url(../flags/1x1/pg.svg)
}

.flag-icon-ph {
    background-image: url(../flags/4x3/ph.svg)
}

.flag-icon-ph.flag-icon-squared {
    background-image: url(../flags/1x1/ph.svg)
}

.flag-icon-pk {
    background-image: url(../flags/4x3/pk.svg)
}

.flag-icon-pk.flag-icon-squared {
    background-image: url(../flags/1x1/pk.svg)
}

.flag-icon-pl {
    background-image: url(../flags/4x3/pl.svg)
}

.flag-icon-pl.flag-icon-squared {
    background-image: url(../flags/1x1/pl.svg)
}

.flag-icon-pm {
    background-image: url(../flags/4x3/pm.svg)
}

.flag-icon-pm.flag-icon-squared {
    background-image: url(../flags/1x1/pm.svg)
}

.flag-icon-pn {
    background-image: url(../flags/4x3/pn.svg)
}

.flag-icon-pn.flag-icon-squared {
    background-image: url(../flags/1x1/pn.svg)
}

.flag-icon-pr {
    background-image: url(../flags/4x3/pr.svg)
}

.flag-icon-pr.flag-icon-squared {
    background-image: url(../flags/1x1/pr.svg)
}

.flag-icon-ps {
    background-image: url(../flags/4x3/ps.svg)
}

.flag-icon-ps.flag-icon-squared {
    background-image: url(../flags/1x1/ps.svg)
}

.flag-icon-pt {
    background-image: url(../flags/4x3/pt.svg)
}

.flag-icon-pt.flag-icon-squared {
    background-image: url(../flags/1x1/pt.svg)
}

.flag-icon-pw {
    background-image: url(../flags/4x3/pw.svg)
}

.flag-icon-pw.flag-icon-squared {
    background-image: url(../flags/1x1/pw.svg)
}

.flag-icon-py {
    background-image: url(../flags/4x3/py.svg)
}

.flag-icon-py.flag-icon-squared {
    background-image: url(../flags/1x1/py.svg)
}

.flag-icon-qa {
    background-image: url(../flags/4x3/qa.svg)
}

.flag-icon-qa.flag-icon-squared {
    background-image: url(../flags/1x1/qa.svg)
}

.flag-icon-re {
    background-image: url(../flags/4x3/re.svg)
}

.flag-icon-re.flag-icon-squared {
    background-image: url(../flags/1x1/re.svg)
}

.flag-icon-ro {
    background-image: url(../flags/4x3/ro.svg)
}

.flag-icon-ro.flag-icon-squared {
    background-image: url(../flags/1x1/ro.svg)
}

.flag-icon-rs {
    background-image: url(../flags/4x3/rs.svg)
}

.flag-icon-rs.flag-icon-squared {
    background-image: url(../flags/1x1/rs.svg)
}

.flag-icon-ru {
    background-image: url(../flags/4x3/ru.svg)
}

.flag-icon-ru.flag-icon-squared {
    background-image: url(../flags/1x1/ru.svg)
}

.flag-icon-rw {
    background-image: url(../flags/4x3/rw.svg)
}

.flag-icon-rw.flag-icon-squared {
    background-image: url(../flags/1x1/rw.svg)
}

.flag-icon-sa {
    background-image: url(../flags/4x3/sa.svg)
}

.flag-icon-sa.flag-icon-squared {
    background-image: url(../flags/1x1/sa.svg)
}

.flag-icon-sb {
    background-image: url(../flags/4x3/sb.svg)
}

.flag-icon-sb.flag-icon-squared {
    background-image: url(../flags/1x1/sb.svg)
}

.flag-icon-sc {
    background-image: url(../flags/4x3/sc.svg)
}

.flag-icon-sc.flag-icon-squared {
    background-image: url(../flags/1x1/sc.svg)
}

.flag-icon-sd {
    background-image: url(../flags/4x3/sd.svg)
}

.flag-icon-sd.flag-icon-squared {
    background-image: url(../flags/1x1/sd.svg)
}

.flag-icon-se {
    background-image: url(../flags/4x3/se.svg)
}

.flag-icon-se.flag-icon-squared {
    background-image: url(../flags/1x1/se.svg)
}

.flag-icon-sg {
    background-image: url(../flags/4x3/sg.svg)
}

.flag-icon-sg.flag-icon-squared {
    background-image: url(../flags/1x1/sg.svg)
}

.flag-icon-sh {
    background-image: url(../flags/4x3/sh.svg)
}

.flag-icon-sh.flag-icon-squared {
    background-image: url(../flags/1x1/sh.svg)
}

.flag-icon-si {
    background-image: url(../flags/4x3/si.svg)
}

.flag-icon-si.flag-icon-squared {
    background-image: url(../flags/1x1/si.svg)
}

.flag-icon-sj {
    background-image: url(../flags/4x3/sj.svg)
}

.flag-icon-sj.flag-icon-squared {
    background-image: url(../flags/1x1/sj.svg)
}

.flag-icon-sk {
    background-image: url(../flags/4x3/sk.svg)
}

.flag-icon-sk.flag-icon-squared {
    background-image: url(../flags/1x1/sk.svg)
}

.flag-icon-sl {
    background-image: url(../flags/4x3/sl.svg)
}

.flag-icon-sl.flag-icon-squared {
    background-image: url(../flags/1x1/sl.svg)
}

.flag-icon-sm {
    background-image: url(../flags/4x3/sm.svg)
}

.flag-icon-sm.flag-icon-squared {
    background-image: url(../flags/1x1/sm.svg)
}

.flag-icon-sn {
    background-image: url(../flags/4x3/sn.svg)
}

.flag-icon-sn.flag-icon-squared {
    background-image: url(../flags/1x1/sn.svg)
}

.flag-icon-so {
    background-image: url(../flags/4x3/so.svg)
}

.flag-icon-so.flag-icon-squared {
    background-image: url(../flags/1x1/so.svg)
}

.flag-icon-sr {
    background-image: url(../flags/4x3/sr.svg)
}

.flag-icon-sr.flag-icon-squared {
    background-image: url(../flags/1x1/sr.svg)
}

.flag-icon-ss {
    background-image: url(../flags/4x3/ss.svg)
}

.flag-icon-ss.flag-icon-squared {
    background-image: url(../flags/1x1/ss.svg)
}

.flag-icon-st {
    background-image: url(../flags/4x3/st.svg)
}

.flag-icon-st.flag-icon-squared {
    background-image: url(../flags/1x1/st.svg)
}

.flag-icon-sv {
    background-image: url(../flags/4x3/sv.svg)
}

.flag-icon-sv.flag-icon-squared {
    background-image: url(../flags/1x1/sv.svg)
}

.flag-icon-sx {
    background-image: url(../flags/4x3/sx.svg)
}

.flag-icon-sx.flag-icon-squared {
    background-image: url(../flags/1x1/sx.svg)
}

.flag-icon-sy {
    background-image: url(../flags/4x3/sy.svg)
}

.flag-icon-sy.flag-icon-squared {
    background-image: url(../flags/1x1/sy.svg)
}

.flag-icon-sz {
    background-image: url(../flags/4x3/sz.svg)
}

.flag-icon-sz.flag-icon-squared {
    background-image: url(../flags/1x1/sz.svg)
}

.flag-icon-tc {
    background-image: url(../flags/4x3/tc.svg)
}

.flag-icon-tc.flag-icon-squared {
    background-image: url(../flags/1x1/tc.svg)
}

.flag-icon-td {
    background-image: url(../flags/4x3/td.svg)
}

.flag-icon-td.flag-icon-squared {
    background-image: url(../flags/1x1/td.svg)
}

.flag-icon-tf {
    background-image: url(../flags/4x3/tf.svg)
}

.flag-icon-tf.flag-icon-squared {
    background-image: url(../flags/1x1/tf.svg)
}

.flag-icon-tg {
    background-image: url(../flags/4x3/tg.svg)
}

.flag-icon-tg.flag-icon-squared {
    background-image: url(../flags/1x1/tg.svg)
}

.flag-icon-th {
    background-image: url(../flags/4x3/th.svg)
}

.flag-icon-th.flag-icon-squared {
    background-image: url(../flags/1x1/th.svg)
}

.flag-icon-tj {
    background-image: url(../flags/4x3/tj.svg)
}

.flag-icon-tj.flag-icon-squared {
    background-image: url(../flags/1x1/tj.svg)
}

.flag-icon-tk {
    background-image: url(../flags/4x3/tk.svg)
}

.flag-icon-tk.flag-icon-squared {
    background-image: url(../flags/1x1/tk.svg)
}

.flag-icon-tl {
    background-image: url(../flags/4x3/tl.svg)
}

.flag-icon-tl.flag-icon-squared {
    background-image: url(../flags/1x1/tl.svg)
}

.flag-icon-tm {
    background-image: url(../flags/4x3/tm.svg)
}

.flag-icon-tm.flag-icon-squared {
    background-image: url(../flags/1x1/tm.svg)
}

.flag-icon-tn {
    background-image: url(../flags/4x3/tn.svg)
}

.flag-icon-tn.flag-icon-squared {
    background-image: url(../flags/1x1/tn.svg)
}

.flag-icon-to {
    background-image: url(../flags/4x3/to.svg)
}

.flag-icon-to.flag-icon-squared {
    background-image: url(../flags/1x1/to.svg)
}

.flag-icon-tr {
    background-image: url(../flags/4x3/tr.svg)
}

.flag-icon-tr.flag-icon-squared {
    background-image: url(../flags/1x1/tr.svg)
}

.flag-icon-tt {
    background-image: url(../flags/4x3/tt.svg)
}

.flag-icon-tt.flag-icon-squared {
    background-image: url(../flags/1x1/tt.svg)
}

.flag-icon-tv {
    background-image: url(../flags/4x3/tv.svg)
}

.flag-icon-tv.flag-icon-squared {
    background-image: url(../flags/1x1/tv.svg)
}

.flag-icon-tw {
    background-image: url(../flags/4x3/tw.svg)
}

.flag-icon-tw.flag-icon-squared {
    background-image: url(../flags/1x1/tw.svg)
}

.flag-icon-tz {
    background-image: url(../flags/4x3/tz.svg)
}

.flag-icon-tz.flag-icon-squared {
    background-image: url(../flags/1x1/tz.svg)
}

.flag-icon-ua {
    background-image: url(../flags/4x3/ua.svg)
}

.flag-icon-ua.flag-icon-squared {
    background-image: url(../flags/1x1/ua.svg)
}

.flag-icon-ug {
    background-image: url(../flags/4x3/ug.svg)
}

.flag-icon-ug.flag-icon-squared {
    background-image: url(../flags/1x1/ug.svg)
}

.flag-icon-um {
    background-image: url(../flags/4x3/um.svg)
}

.flag-icon-um.flag-icon-squared {
    background-image: url(../flags/1x1/um.svg)
}

.flag-icon-us {
    background-image: url(../flags/4x3/us.svg)
}

.flag-icon-us.flag-icon-squared {
    background-image: url(../flags/1x1/us.svg)
}

.flag-icon-uy {
    background-image: url(../flags/4x3/uy.svg)
}

.flag-icon-uy.flag-icon-squared {
    background-image: url(../flags/1x1/uy.svg)
}

.flag-icon-uz {
    background-image: url(../flags/4x3/uz.svg)
}

.flag-icon-uz.flag-icon-squared {
    background-image: url(../flags/1x1/uz.svg)
}

.flag-icon-va {
    background-image: url(../flags/4x3/va.svg)
}

.flag-icon-va.flag-icon-squared {
    background-image: url(../flags/1x1/va.svg)
}

.flag-icon-vc {
    background-image: url(../flags/4x3/vc.svg)
}

.flag-icon-vc.flag-icon-squared {
    background-image: url(../flags/1x1/vc.svg)
}

.flag-icon-ve {
    background-image: url(../flags/4x3/ve.svg)
}

.flag-icon-ve.flag-icon-squared {
    background-image: url(../flags/1x1/ve.svg)
}

.flag-icon-vg {
    background-image: url(../flags/4x3/vg.svg)
}

.flag-icon-vg.flag-icon-squared {
    background-image: url(../flags/1x1/vg.svg)
}

.flag-icon-vi {
    background-image: url(../flags/4x3/vi.svg)
}

.flag-icon-vi.flag-icon-squared {
    background-image: url(../flags/1x1/vi.svg)
}

.flag-icon-vn {
    background-image: url(../flags/4x3/vn.svg)
}

.flag-icon-vn.flag-icon-squared {
    background-image: url(../flags/1x1/vn.svg)
}

.flag-icon-vu {
    background-image: url(../flags/4x3/vu.svg)
}

.flag-icon-vu.flag-icon-squared {
    background-image: url(../flags/1x1/vu.svg)
}

.flag-icon-wf {
    background-image: url(../flags/4x3/wf.svg)
}

.flag-icon-wf.flag-icon-squared {
    background-image: url(../flags/1x1/wf.svg)
}

.flag-icon-ws {
    background-image: url(../flags/4x3/ws.svg)
}

.flag-icon-ws.flag-icon-squared {
    background-image: url(../flags/1x1/ws.svg)
}

.flag-icon-ye {
    background-image: url(../flags/4x3/ye.svg)
}

.flag-icon-ye.flag-icon-squared {
    background-image: url(../flags/1x1/ye.svg)
}

.flag-icon-yt {
    background-image: url(../flags/4x3/yt.svg)
}

.flag-icon-yt.flag-icon-squared {
    background-image: url(../flags/1x1/yt.svg)
}

.flag-icon-za {
    background-image: url(../flags/4x3/za.svg)
}

.flag-icon-za.flag-icon-squared {
    background-image: url(../flags/1x1/za.svg)
}

.flag-icon-zm {
    background-image: url(../flags/4x3/zm.svg)
}

.flag-icon-zm.flag-icon-squared {
    background-image: url(../flags/1x1/zm.svg)
}

.flag-icon-zw {
    background-image: url(../flags/4x3/zw.svg)
}

.flag-icon-zw.flag-icon-squared {
    background-image: url(../flags/1x1/zw.svg)
}

.flag-icon-es-ct {
    background-image: url(../flags/4x3/es-ct.svg)
}

.flag-icon-es-ct.flag-icon-squared {
    background-image: url(../flags/1x1/es-ct.svg)
}

.flag-icon-eu {
    background-image: url(../flags/4x3/eu.svg)
}

.flag-icon-eu.flag-icon-squared {
    background-image: url(../flags/1x1/eu.svg)
}

.flag-icon-gb-eng {
    background-image: url(../flags/4x3/gb-eng.svg)
}

.flag-icon-gb-eng.flag-icon-squared {
    background-image: url(../flags/1x1/gb-eng.svg)
}

.flag-icon-gb-nir {
    background-image: url(../flags/4x3/gb-nir.svg)
}

.flag-icon-gb-nir.flag-icon-squared {
    background-image: url(../flags/1x1/gb-nir.svg)
}

.flag-icon-gb-sct {
    background-image: url(../flags/4x3/gb-sct.svg)
}

.flag-icon-gb-sct.flag-icon-squared {
    background-image: url(../flags/1x1/gb-sct.svg)
}

.flag-icon-gb-wls {
    background-image: url(../flags/4x3/gb-wls.svg)
}

.flag-icon-gb-wls.flag-icon-squared {
    background-image: url(../flags/1x1/gb-wls.svg)
}

.flag-icon-un {
    background-image: url(../flags/4x3/un.svg)
}

.flag-icon-un.flag-icon-squared {
    background-image: url(../flags/1x1/un.svg)
}

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-button-icon-only {
    text-indent: 0
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item:focus,.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

.ui-checkboxradio-disabled {
    pointer-events: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

.ui-widget-content a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: bold
}

.ui-widget-header a {
    color: #333
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff
}

.ui-icon-background,.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius: 3px
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius: 3px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}

#loading-bar,#loading-bar-spinner {
    -webkit-pointer-events: none;
    pointer-events: none;
    transition: 350ms linear all
}

#loading-bar.ng-enter,#loading-bar.ng-leave.ng-leave-active,#loading-bar-spinner.ng-enter,#loading-bar-spinner.ng-leave.ng-leave-active {
    opacity: 0
}

#loading-bar.ng-enter.ng-enter-active,#loading-bar.ng-leave,#loading-bar-spinner.ng-enter.ng-enter-active,#loading-bar-spinner.ng-leave {
    opacity: 1
}

#loading-bar .bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20002;
    width: 100%;
    height: 2px;
    background: #20a8d8;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    transition: width 350ms
}

#loading-bar .peg {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 2px;
    border-radius: 100%;
    -ms-box-shadow: #29d 1px 0 6px 1px;
    box-shadow: #29d 1px 0 6px 1px;
    opacity: .45
}

#loading-bar-spinner {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 10002;
    display: block
}

#loading-bar-spinner .spinner-icon {
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #29d;
    border-left-color: #29d;
    border-radius: 50%;
    -webkit-animation: loading-bar-spinner 400ms linear infinite;
    animation: loading-bar-spinner 400ms linear infinite
}

@-webkit-keyframes loading-bar-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading-bar-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pace-inactive {
    display: none
}

.pace .pace-progress {
    position: fixed;
    top: 0;
    right: 100%;
    z-index: 2000;
    width: 100%;
    height: 2px;
    background: #20a8d8
}

@font-face {
    font-family: 'simple-line-icons';
    src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0');
    src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'),url('../fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'),url('../fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'),url('../fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'),url('../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
    font-weight: normal;
    font-style: normal
}

.icon-user,.icon-people,.icon-user-female,.icon-user-follow,.icon-user-following,.icon-user-unfollow,.icon-login,.icon-logout,.icon-emotsmile,.icon-phone,.icon-call-end,.icon-call-in,.icon-call-out,.icon-map,.icon-location-pin,.icon-direction,.icon-directions,.icon-compass,.icon-layers,.icon-menu,.icon-list,.icon-options-vertical,.icon-options,.icon-arrow-down,.icon-arrow-left,.icon-arrow-right,.icon-arrow-up,.icon-arrow-up-circle,.icon-arrow-left-circle,.icon-arrow-right-circle,.icon-arrow-down-circle,.icon-check,.icon-clock,.icon-plus,.icon-minus,.icon-close,.icon-event,.icon-exclamation,.icon-organization,.icon-trophy,.icon-screen-smartphone,.icon-screen-desktop,.icon-plane,.icon-notebook,.icon-mustache,.icon-mouse,.icon-magnet,.icon-energy,.icon-disc,.icon-cursor,.icon-cursor-move,.icon-crop,.icon-chemistry,.icon-speedometer,.icon-shield,.icon-screen-tablet,.icon-magic-wand,.icon-hourglass,.icon-graduation,.icon-ghost,.icon-game-controller,.icon-fire,.icon-eyeglass,.icon-envelope-open,.icon-envelope-letter,.icon-bell,.icon-badge,.icon-anchor,.icon-wallet,.icon-vector,.icon-speech,.icon-puzzle,.icon-printer,.icon-present,.icon-playlist,.icon-pin,.icon-picture,.icon-handbag,.icon-globe-alt,.icon-globe,.icon-folder-alt,.icon-folder,.icon-film,.icon-feed,.icon-drop,.icon-drawer,.icon-docs,.icon-doc,.icon-diamond,.icon-cup,.icon-calculator,.icon-bubbles,.icon-briefcase,.icon-book-open,.icon-basket-loaded,.icon-basket,.icon-bag,.icon-action-undo,.icon-action-redo,.icon-wrench,.icon-umbrella,.icon-trash,.icon-tag,.icon-support,.icon-frame,.icon-size-fullscreen,.icon-size-actual,.icon-shuffle,.icon-share-alt,.icon-share,.icon-rocket,.icon-question,.icon-pie-chart,.icon-pencil,.icon-note,.icon-loop,.icon-home,.icon-grid,.icon-graph,.icon-microphone,.icon-music-tone-alt,.icon-music-tone,.icon-earphones-alt,.icon-earphones,.icon-equalizer,.icon-like,.icon-dislike,.icon-control-start,.icon-control-rewind,.icon-control-play,.icon-control-pause,.icon-control-forward,.icon-control-end,.icon-volume-1,.icon-volume-2,.icon-volume-off,.icon-calendar,.icon-bulb,.icon-chart,.icon-ban,.icon-bubble,.icon-camrecorder,.icon-camera,.icon-cloud-download,.icon-cloud-upload,.icon-envelope,.icon-eye,.icon-flag,.icon-heart,.icon-info,.icon-key,.icon-link,.icon-lock,.icon-lock-open,.icon-magnifier,.icon-magnifier-add,.icon-magnifier-remove,.icon-paper-clip,.icon-paper-plane,.icon-power,.icon-refresh,.icon-reload,.icon-settings,.icon-star,.icon-symbol-female,.icon-symbol-male,.icon-target,.icon-credit-card,.icon-paypal,.icon-social-tumblr,.icon-social-twitter,.icon-social-facebook,.icon-social-instagram,.icon-social-linkedin,.icon-social-pinterest,.icon-social-github,.icon-social-google,.icon-social-reddit,.icon-social-skype,.icon-social-dribbble,.icon-social-behance,.icon-social-foursqare,.icon-social-soundcloud,.icon-social-spotify,.icon-social-stumbleupon,.icon-social-youtube,.icon-social-dropbox,.icon-social-vkontakte,.icon-social-steam {
    font-family: 'simple-line-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-user:before {
    content: ""
}

.icon-people:before {
    content: ""
}

.icon-user-female:before {
    content: ""
}

.icon-user-follow:before {
    content: ""
}

.icon-user-following:before {
    content: ""
}

.icon-user-unfollow:before {
    content: ""
}

.icon-login:before {
    content: ""
}

.icon-logout:before {
    content: ""
}

.icon-emotsmile:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-call-end:before {
    content: ""
}

.icon-call-in:before {
    content: ""
}

.icon-call-out:before {
    content: ""
}

.icon-map:before {
    content: ""
}

.icon-location-pin:before {
    content: ""
}

.icon-direction:before {
    content: ""
}

.icon-directions:before {
    content: ""
}

.icon-compass:before {
    content: ""
}

.icon-layers:before {
    content: ""
}

.icon-menu:before {
    content: ""
}

.icon-list:before {
    content: ""
}

.icon-options-vertical:before {
    content: ""
}

.icon-options:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-arrow-left:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-arrow-up-circle:before {
    content: ""
}

.icon-arrow-left-circle:before {
    content: ""
}

.icon-arrow-right-circle:before {
    content: ""
}

.icon-arrow-down-circle:before {
    content: ""
}

.icon-check:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-event:before {
    content: ""
}

.icon-exclamation:before {
    content: ""
}

.icon-organization:before {
    content: ""
}

.icon-trophy:before {
    content: ""
}

.icon-screen-smartphone:before {
    content: ""
}

.icon-screen-desktop:before {
    content: ""
}

.icon-plane:before {
    content: ""
}

.icon-notebook:before {
    content: ""
}

.icon-mustache:before {
    content: ""
}

.icon-mouse:before {
    content: ""
}

.icon-magnet:before {
    content: ""
}

.icon-energy:before {
    content: ""
}

.icon-disc:before {
    content: ""
}

.icon-cursor:before {
    content: ""
}

.icon-cursor-move:before {
    content: ""
}

.icon-crop:before {
    content: ""
}

.icon-chemistry:before {
    content: ""
}

.icon-speedometer:before {
    content: ""
}

.icon-shield:before {
    content: ""
}

.icon-screen-tablet:before {
    content: ""
}

.icon-magic-wand:before {
    content: ""
}

.icon-hourglass:before {
    content: ""
}

.icon-graduation:before {
    content: ""
}

.icon-ghost:before {
    content: ""
}

.icon-game-controller:before {
    content: ""
}

.icon-fire:before {
    content: ""
}

.icon-eyeglass:before {
    content: ""
}

.icon-envelope-open:before {
    content: ""
}

.icon-envelope-letter:before {
    content: ""
}

.icon-bell:before {
    content: ""
}

.icon-badge:before {
    content: ""
}

.icon-anchor:before {
    content: ""
}

.icon-wallet:before {
    content: ""
}

.icon-vector:before {
    content: ""
}

.icon-speech:before {
    content: ""
}

.icon-puzzle:before {
    content: ""
}

.icon-printer:before {
    content: ""
}

.icon-present:before {
    content: ""
}

.icon-playlist:before {
    content: ""
}

.icon-pin:before {
    content: ""
}

.icon-picture:before {
    content: ""
}

.icon-handbag:before {
    content: ""
}

.icon-globe-alt:before {
    content: ""
}

.icon-globe:before {
    content: ""
}

.icon-folder-alt:before {
    content: ""
}

.icon-folder:before {
    content: ""
}

.icon-film:before {
    content: ""
}

.icon-feed:before {
    content: ""
}

.icon-drop:before {
    content: ""
}

.icon-drawer:before {
    content: ""
}

.icon-docs:before {
    content: ""
}

.icon-doc:before {
    content: ""
}

.icon-diamond:before {
    content: ""
}

.icon-cup:before {
    content: ""
}

.icon-calculator:before {
    content: ""
}

.icon-bubbles:before {
    content: ""
}

.icon-briefcase:before {
    content: ""
}

.icon-book-open:before {
    content: ""
}

.icon-basket-loaded:before {
    content: ""
}

.icon-basket:before {
    content: ""
}

.icon-bag:before {
    content: ""
}

.icon-action-undo:before {
    content: ""
}

.icon-action-redo:before {
    content: ""
}

.icon-wrench:before {
    content: ""
}

.icon-umbrella:before {
    content: ""
}

.icon-trash:before {
    content: ""
}

.icon-tag:before {
    content: ""
}

.icon-support:before {
    content: ""
}

.icon-frame:before {
    content: ""
}

.icon-size-fullscreen:before {
    content: ""
}

.icon-size-actual:before {
    content: ""
}

.icon-shuffle:before {
    content: ""
}

.icon-share-alt:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-rocket:before {
    content: ""
}

.icon-question:before {
    content: ""
}

.icon-pie-chart:before {
    content: ""
}

.icon-pencil:before {
    content: ""
}

.icon-note:before {
    content: ""
}

.icon-loop:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-grid:before {
    content: ""
}

.icon-graph:before {
    content: ""
}

.icon-microphone:before {
    content: ""
}

.icon-music-tone-alt:before {
    content: ""
}

.icon-music-tone:before {
    content: ""
}

.icon-earphones-alt:before {
    content: ""
}

.icon-earphones:before {
    content: ""
}

.icon-equalizer:before {
    content: ""
}

.icon-like:before {
    content: ""
}

.icon-dislike:before {
    content: ""
}

.icon-control-start:before {
    content: ""
}

.icon-control-rewind:before {
    content: ""
}

.icon-control-play:before {
    content: ""
}

.icon-control-pause:before {
    content: ""
}

.icon-control-forward:before {
    content: ""
}

.icon-control-end:before {
    content: ""
}

.icon-volume-1:before {
    content: ""
}

.icon-volume-2:before {
    content: ""
}

.icon-volume-off:before {
    content: ""
}

.icon-calendar:before {
    content: ""
}

.icon-bulb:before {
    content: ""
}

.icon-chart:before {
    content: ""
}

.icon-ban:before {
    content: ""
}

.icon-bubble:before {
    content: ""
}

.icon-camrecorder:before {
    content: ""
}

.icon-camera:before {
    content: ""
}

.icon-cloud-download:before {
    content: ""
}

.icon-cloud-upload:before {
    content: ""
}

.icon-envelope:before {
    content: ""
}

.icon-eye:before {
    content: ""
}

.icon-flag:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-key:before {
    content: ""
}

.icon-link:before {
    content: ""
}

.icon-lock:before {
    content: ""
}

.icon-lock-open:before {
    content: ""
}

.icon-magnifier:before {
    content: ""
}

.icon-magnifier-add:before {
    content: ""
}

.icon-magnifier-remove:before {
    content: ""
}

.icon-paper-clip:before {
    content: ""
}

.icon-paper-plane:before {
    content: ""
}

.icon-power:before {
    content: ""
}

.icon-refresh:before {
    content: ""
}

.icon-reload:before {
    content: ""
}

.icon-settings:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-symbol-female:before {
    content: ""
}

.icon-symbol-male:before {
    content: ""
}

.icon-target:before {
    content: ""
}

.icon-credit-card:before {
    content: ""
}

.icon-paypal:before {
    content: ""
}

.icon-social-tumblr:before {
    content: ""
}

.icon-social-twitter:before {
    content: ""
}

.icon-social-facebook:before {
    content: ""
}

.icon-social-instagram:before {
    content: ""
}

.icon-social-linkedin:before {
    content: ""
}

.icon-social-pinterest:before {
    content: ""
}

.icon-social-github:before {
    content: ""
}

.icon-social-google:before {
    content: ""
}

.icon-social-reddit:before {
    content: ""
}

.icon-social-skype:before {
    content: ""
}

.icon-social-dribbble:before {
    content: ""
}

.icon-social-behance:before {
    content: ""
}

.icon-social-foursqare:before {
    content: ""
}

.icon-social-soundcloud:before {
    content: ""
}

.icon-social-spotify:before {
    content: ""
}

.icon-social-stumbleupon:before {
    content: ""
}

.icon-social-youtube:before {
    content: ""
}

.icon-social-dropbox:before {
    content: ""
}

.icon-social-vkontakte:before {
    content: ""
}

.icon-social-steam:before {
    content: ""
}

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0
}

table.dataTable thead th,table.dataTable tfoot th {
    font-weight: bold
}

table.dataTable thead th,table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111
}

table.dataTable thead th:active,table.dataTable thead td:active {
    outline: none
}

table.dataTable tfoot th,table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111
}

table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right
}

table.dataTable thead .sorting {
    background-image: url("DataTables-1.10.18/images/sort_both.png")
}

table.dataTable thead .sorting_asc {
    background-image: url("DataTables-1.10.18/images/sort_asc.png")
}

table.dataTable thead .sorting_desc {
    background-image: url("DataTables-1.10.18/images/sort_desc.png")
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url("DataTables-1.10.18/images/sort_asc_disabled.png")
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url("DataTables-1.10.18/images/sort_desc_disabled.png")
}

table.dataTable tbody tr {
    background-color: #fff
}

table.dataTable tbody tr.selected {
    background-color: #b0bed9
}

table.dataTable tbody th,table.dataTable tbody td {
    padding: 8px 10px
}

table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td {
    border-top: 1px solid #ddd
}

table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td {
    border-top: none
}

table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}

table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #ddd
}

table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td {
    border-top: none
}

table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9
}

table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected {
    background-color: #acbad4
}

table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6
}

table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected {
    background-color: #aab7d1
}

table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3 {
    background-color: #fafafa
}

table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #f1f1f1
}

table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
    background-color: #f3f3f3
}

table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
    background-color: #f5f5f5
}

table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
    background-color: #a6b4cd
}

table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
    background-color: #a8b5cf
}

table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
    background-color: #a9b7d1
}

table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #fafafa
}

table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
    background-color: #fcfcfc
}

table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
    background-color: #fefefe
}

table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
    background-color: #aebcd6
}

table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
    background-color: #afbdd8
}

table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: #eaeaea
}

table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
    background-color: #ececec
}

table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
    background-color: #efefef
}

table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
    background-color: #a2aec7
}

table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
    background-color: #a3b0c9
}

table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
    background-color: #a5b2cb
}

table.dataTable.no-footer {
    border-bottom: 1px solid #111
}

table.dataTable.nowrap th,table.dataTable.nowrap td {
    white-space: nowrap
}

table.dataTable.compact thead th,table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px
}

table.dataTable.compact tfoot th,table.dataTable.compact tfoot td {
    padding: 4px
}

table.dataTable.compact tbody th,table.dataTable.compact tbody td {
    padding: 4px
}

table.dataTable th.dt-left,table.dataTable td.dt-left {
    text-align: left
}

table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty {
    text-align: center
}

table.dataTable th.dt-right,table.dataTable td.dt-right {
    text-align: right
}

table.dataTable th.dt-justify,table.dataTable td.dt-justify {
    text-align: justify
}

table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap {
    white-space: nowrap
}

table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left {
    text-align: left
}

table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center {
    text-align: center
}

table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right {
    text-align: right
}

table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify {
    text-align: justify
}

table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left {
    text-align: left
}

table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center {
    text-align: center
}

table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right {
    text-align: right
}

table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify {
    text-align: justify
}

table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap
}

table.dataTable,table.dataTable th,table.dataTable td {
    box-sizing: content-box
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom:1;zoom:1}

.dataTables_wrapper .dataTables_length {
    float: left
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: .5em
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: .755em
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: .25em
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#dcdcdc));
    background: -webkit-linear-gradient(top,#fff 0%,#dcdcdc 100%);
    background: -moz-linear-gradient(top,#fff 0%,#dcdcdc 100%);
    background: -ms-linear-gradient(top,#fff 0%,#dcdcdc 100%);
    background: -o-linear-gradient(top,#fff 0%,#dcdcdc 100%);
    background: linear-gradient(to bottom,#fff 0%,#dcdcdc 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#585858),color-stop(100%,#111));
    background: -webkit-linear-gradient(top,#585858 0%,#111 100%);
    background: -moz-linear-gradient(top,#585858 0%,#111 100%);
    background: -ms-linear-gradient(top,#585858 0%,#111 100%);
    background: -o-linear-gradient(top,#585858 0%,#111 100%);
    background: linear-gradient(to bottom,#585858 0%,#111 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2b2b2b),color-stop(100%,#0c0c0c));
    background: -webkit-linear-gradient(top,#2b2b2b 0%,#0c0c0c 100%);
    background: -moz-linear-gradient(top,#2b2b2b 0%,#0c0c0c 100%);
    background: -ms-linear-gradient(top,#2b2b2b 0%,#0c0c0c 100%);
    background: -o-linear-gradient(top,#2b2b2b 0%,#0c0c0c 100%);
    background: linear-gradient(to bottom,#2b2b2b 0%,#0c0c0c 100%);
    box-shadow: inset 0 0 3px #111
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: #fff;
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(25%,rgba(255,255,255,.9)),color-stop(75%,rgba(255,255,255,.9)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%)
}

.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate {
    color: #333
}

.dataTables_wrapper .dataTables_scroll {
    clear: both
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
    vertical-align: middle
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
    border-bottom: none
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0
}

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate {
        float:none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter {
        float:none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: .5em
    }
}

@keyframes dtb-spinner {
    100% {
        transform: rotate(360deg)
    }
}

@-o-keyframes dtb-spinner {
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes dtb-spinner {
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dtb-spinner {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes dtb-spinner {
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: #fff;
    border: 2px solid #111;
    box-shadow: 3px 3px 8px rgba(0,0,0,.3);
    border-radius: 3px;
    text-align: center;
    z-index: 21
}

div.dt-button-info h2 {
    padding: .5em;
    margin: 0;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    background-color: #f3f3f3
}

div.dt-button-info>div {
    padding: 1em
}

div.dt-button-collection-title {
    text-align: center;
    padding: .3em 0 .5em;
    font-size: .9em
}

button.dt-button,div.dt-button,a.dt-button {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-right: .333em;
    margin-bottom: .333em;
    padding: .5em 1em;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
    font-size: .88em;
    line-height: 1.6em;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    background-color: #e9e9e9;
    background-image: -webkit-linear-gradient(top,white 0%,#e9e9e9 100%);
    background-image: -moz-linear-gradient(top,white 0%,#e9e9e9 100%);
    background-image: -ms-linear-gradient(top,white 0%,#e9e9e9 100%);
    background-image: -o-linear-gradient(top,white 0%,#e9e9e9 100%);
    background-image: linear-gradient(to bottom,white 0%,#e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white',EndColorStr='#e9e9e9');
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: none
}

button.dt-button.disabled,div.dt-button.disabled,a.dt-button.disabled {
    color: #999;
    border: 1px solid #d0d0d0;
    cursor: default;
    background-color: #f9f9f9;
    background-image: -webkit-linear-gradient(top,#fff 0%,#f9f9f9 100%);
    background-image: -moz-linear-gradient(top,#fff 0%,#f9f9f9 100%);
    background-image: -ms-linear-gradient(top,#fff 0%,#f9f9f9 100%);
    background-image: -o-linear-gradient(top,#fff 0%,#f9f9f9 100%);
    background-image: linear-gradient(to bottom,#fff 0%,#f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#f9f9f9')
}

button.dt-button:active:not(.disabled),button.dt-button.active:not(.disabled),div.dt-button:active:not(.disabled),div.dt-button.active:not(.disabled),a.dt-button:active:not(.disabled),a.dt-button.active:not(.disabled) {
    background-color: #e2e2e2;
    background-image: -webkit-linear-gradient(top,#f3f3f3 0%,#e2e2e2 100%);
    background-image: -moz-linear-gradient(top,#f3f3f3 0%,#e2e2e2 100%);
    background-image: -ms-linear-gradient(top,#f3f3f3 0%,#e2e2e2 100%);
    background-image: -o-linear-gradient(top,#f3f3f3 0%,#e2e2e2 100%);
    background-image: linear-gradient(to bottom,#f3f3f3 0%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3',EndColorStr='#e2e2e2');
    box-shadow: inset 1px 1px 3px #999
}

button.dt-button:active:not(.disabled):hover:not(.disabled),button.dt-button.active:not(.disabled):hover:not(.disabled),div.dt-button:active:not(.disabled):hover:not(.disabled),div.dt-button.active:not(.disabled):hover:not(.disabled),a.dt-button:active:not(.disabled):hover:not(.disabled),a.dt-button.active:not(.disabled):hover:not(.disabled) {
    box-shadow: inset 1px 1px 3px #999;
    background-color: #ccc;
    background-image: -webkit-linear-gradient(top,#eaeaea 0%,#ccc 100%);
    background-image: -moz-linear-gradient(top,#eaeaea 0%,#ccc 100%);
    background-image: -ms-linear-gradient(top,#eaeaea 0%,#ccc 100%);
    background-image: -o-linear-gradient(top,#eaeaea 0%,#ccc 100%);
    background-image: linear-gradient(to bottom,#eaeaea 0%,#ccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea',EndColorStr='#cccccc')
}

button.dt-button:hover,div.dt-button:hover,a.dt-button:hover {
    text-decoration: none
}

button.dt-button:hover:not(.disabled),div.dt-button:hover:not(.disabled),a.dt-button:hover:not(.disabled) {
    border: 1px solid #666;
    background-color: #e0e0e0;
    background-image: -webkit-linear-gradient(top,#f9f9f9 0%,#e0e0e0 100%);
    background-image: -moz-linear-gradient(top,#f9f9f9 0%,#e0e0e0 100%);
    background-image: -ms-linear-gradient(top,#f9f9f9 0%,#e0e0e0 100%);
    background-image: -o-linear-gradient(top,#f9f9f9 0%,#e0e0e0 100%);
    background-image: linear-gradient(to bottom,#f9f9f9 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9',EndColorStr='#e0e0e0')
}

button.dt-button:focus:not(.disabled),div.dt-button:focus:not(.disabled),a.dt-button:focus:not(.disabled) {
    border: 1px solid #426c9e;
    text-shadow: 0 1px 0 #c4def1;
    outline: none;
    background-color: #79ace9;
    background-image: -webkit-linear-gradient(top,#bddef4 0%,#79ace9 100%);
    background-image: -moz-linear-gradient(top,#bddef4 0%,#79ace9 100%);
    background-image: -ms-linear-gradient(top,#bddef4 0%,#79ace9 100%);
    background-image: -o-linear-gradient(top,#bddef4 0%,#79ace9 100%);
    background-image: linear-gradient(to bottom,#bddef4 0%,#79ace9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4',EndColorStr='#79ace9')
}

.dt-button embed {
    outline: none
}

div.dt-buttons {
    position: relative;
    float: left
}

div.dt-buttons.buttons-right {
    float: right
}

div.dt-button-collection {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    margin-top: 3px;
    padding: 8px 8px 4px 8px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.4);
    background-color: #fff;
    overflow: hidden;
    z-index: 2002;
    border-radius: 5px;
    box-shadow: 3px 3px 5px rgba(0,0,0,.3);
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    -ms-column-gap: 8px;
    -o-column-gap: 8px;
    column-gap: 8px
}

div.dt-button-collection button.dt-button,div.dt-button-collection div.dt-button,div.dt-button-collection a.dt-button {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    display: block;
    float: none;
    margin-bottom: 4px;
    margin-right: 0
}

div.dt-button-collection button.dt-button:active:not(.disabled),div.dt-button-collection button.dt-button.active:not(.disabled),div.dt-button-collection div.dt-button:active:not(.disabled),div.dt-button-collection div.dt-button.active:not(.disabled),div.dt-button-collection a.dt-button:active:not(.disabled),div.dt-button-collection a.dt-button.active:not(.disabled) {
    background-color: #dadada;
    background-image: -webkit-linear-gradient(top,#f0f0f0 0%,#dadada 100%);
    background-image: -moz-linear-gradient(top,#f0f0f0 0%,#dadada 100%);
    background-image: -ms-linear-gradient(top,#f0f0f0 0%,#dadada 100%);
    background-image: -o-linear-gradient(top,#f0f0f0 0%,#dadada 100%);
    background-image: linear-gradient(to bottom,#f0f0f0 0%,#dadada 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0',EndColorStr='#dadada');
    box-shadow: inset 1px 1px 3px #666
}

div.dt-button-collection.fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    border-radius: 0
}

div.dt-button-collection.fixed.two-column {
    margin-left: -150px
}

div.dt-button-collection.fixed.three-column {
    margin-left: -225px
}

div.dt-button-collection.fixed.four-column {
    margin-left: -300px
}

div.dt-button-collection>* {
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

div.dt-button-collection.two-column {
    width: 300px;
    padding-bottom: 1px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2
}

div.dt-button-collection.three-column {
    width: 450px;
    padding-bottom: 1px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3
}

div.dt-button-collection.four-column {
    width: 600px;
    padding-bottom: 1px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    -ms-column-count: 4;
    -o-column-count: 4;
    column-count: 4
}

div.dt-button-collection .dt-button {
    border-radius: 0
}

div.dt-button-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    background: -ms-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.3) 0%,rgba(0,0,0,.7) 100%);
    background: -moz-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.3) 0%,rgba(0,0,0,.7) 100%);
    background: -o-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.3) 0%,rgba(0,0,0,.7) 100%);
    background: -webkit-gradient(radial,center center,0,center center,497,color-stop(0,rgba(0,0,0,.3)),color-stop(1,rgba(0,0,0,.7)));
    background: -webkit-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,.3) 0%,rgba(0,0,0,.7) 100%);
    background: radial-gradient(ellipse farthest-corner at center,rgba(0,0,0,.3) 0%,rgba(0,0,0,.7) 100%);
    z-index: 2001
}

@media screen and (max-width: 640px) {
    div.dt-buttons {
        float:none !important;
        text-align: center
    }
}

button.dt-button.processing,div.dt-button.processing,a.dt-button.processing {
    color: rgba(0,0,0,.2)
}

button.dt-button.processing:after,div.dt-button.processing:after,a.dt-button.processing:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    box-sizing: border-box;
    display: block;
    content: ' ';
    border: 2px solid #282828;
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: dtb-spinner 1500ms infinite linear;
    -o-animation: dtb-spinner 1500ms infinite linear;
    -ms-animation: dtb-spinner 1500ms infinite linear;
    -webkit-animation: dtb-spinner 1500ms infinite linear;
    -moz-animation: dtb-spinner 1500ms infinite linear
}

table.dataTable tbody th.focus,table.dataTable tbody td.focus {
    box-shadow: inset 0 0 1px 2px #36f
}

div.dtk-focus-alt table.dataTable tbody th.focus,div.dtk-focus-alt table.dataTable tbody td.focus {
    box-shadow: inset 0 0 1px 2px #ff8b33
}

table.dataTable tbody>tr.selected,table.dataTable tbody>tr>.selected {
    background-color: #b0bed9
}

table.dataTable.stripe tbody>tr.odd.selected,table.dataTable.stripe tbody>tr.odd>.selected,table.dataTable.display tbody>tr.odd.selected,table.dataTable.display tbody>tr.odd>.selected {
    background-color: #acbad4
}

table.dataTable.hover tbody>tr.selected:hover,table.dataTable.hover tbody>tr>.selected:hover,table.dataTable.display tbody>tr.selected:hover,table.dataTable.display tbody>tr>.selected:hover {
    background-color: #aab7d1
}

table.dataTable.order-column tbody>tr.selected>.sorting_1,table.dataTable.order-column tbody>tr.selected>.sorting_2,table.dataTable.order-column tbody>tr.selected>.sorting_3,table.dataTable.order-column tbody>tr>.selected,table.dataTable.display tbody>tr.selected>.sorting_1,table.dataTable.display tbody>tr.selected>.sorting_2,table.dataTable.display tbody>tr.selected>.sorting_3,table.dataTable.display tbody>tr>.selected {
    background-color: #acbad5
}

table.dataTable.display tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1 {
    background-color: #a6b4cd
}

table.dataTable.display tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_2 {
    background-color: #a8b5cf
}

table.dataTable.display tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_3 {
    background-color: #a9b7d1
}

table.dataTable.display tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_1 {
    background-color: #acbad5
}

table.dataTable.display tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_2 {
    background-color: #aebcd6
}

table.dataTable.display tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody>tr.even.selected>.sorting_3 {
    background-color: #afbdd8
}

table.dataTable.display tbody>tr.odd>.selected,table.dataTable.order-column.stripe tbody>tr.odd>.selected {
    background-color: #a6b4cd
}

table.dataTable.display tbody>tr.even>.selected,table.dataTable.order-column.stripe tbody>tr.even>.selected {
    background-color: #acbad5
}

table.dataTable.display tbody>tr.selected:hover>.sorting_1,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_1 {
    background-color: #a2aec7
}

table.dataTable.display tbody>tr.selected:hover>.sorting_2,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_2 {
    background-color: #a3b0c9
}

table.dataTable.display tbody>tr.selected:hover>.sorting_3,table.dataTable.order-column.hover tbody>tr.selected:hover>.sorting_3 {
    background-color: #a5b2cb
}

table.dataTable.display tbody>tr:hover>.selected,table.dataTable.display tbody>tr>.selected:hover,table.dataTable.order-column.hover tbody>tr:hover>.selected,table.dataTable.order-column.hover tbody>tr>.selected:hover {
    background-color: #a2aec7
}

table.dataTable tbody td.select-checkbox,table.dataTable tbody th.select-checkbox {
    position: relative
}

table.dataTable tbody td.select-checkbox:before,table.dataTable tbody td.select-checkbox:after,table.dataTable tbody th.select-checkbox:before,table.dataTable tbody th.select-checkbox:after {
    display: block;
    position: absolute;
    top: 1.2em;
    left: 50%;
    width: 12px;
    height: 12px;
    box-sizing: border-box
}

table.dataTable tbody td.select-checkbox:before,table.dataTable tbody th.select-checkbox:before {
    content: ' ';
    margin-top: -6px;
    margin-left: -6px;
    border: 1px solid #000;
    border-radius: 3px
}

table.dataTable tr.selected td.select-checkbox:after,table.dataTable tr.selected th.select-checkbox:after {
    content: '✔';
    margin-top: -11px;
    margin-left: -4px;
    text-align: center;
    text-shadow: 1px 1px #b0bed9,-1px -1px #b0bed9,1px -1px #b0bed9,-1px 1px #b0bed9
}

div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item {
    margin-left: .5em
}

@media screen and (max-width: 640px) {
    div.dataTables_wrapper span.select-info,div.dataTables_wrapper span.select-item {
        margin-left:0;
        display: block
    }
}

.toast-title {
    font-weight: bold
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

.toast-close-button:hover,.toast-close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container>div:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important
}

#toast-container>.toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important
}

#toast-container>.toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important
}

#toast-container>.toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important
}

#toast-container.toast-top-center>div,#toast-container.toast-bottom-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media all and (max-width: 240px) {
    #toast-container>div {
        padding:8px 8px 8px 50px;
        width: 11em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width: 241px) and (max-width:480px) {
    #toast-container>div {
        padding:8px 8px 8px 50px;
        width: 18em
    }

    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width: 481px) and (max-width:768px) {
    #toast-container>div {
        padding:15px 15px 15px 50px;
        width: 25em
    }

    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px
    }
}

@charset "UTF-8"; /*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*.8);
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media(prefers-reduced-motion:reduce),print {
    .animate__animated {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        -webkit-transition-duration: 1ms!important;
        transition-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

@keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.ld.reverse {
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.ld.xhalf {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.ld.x1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.ld.x2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.ld.x4 {
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}

.ld.running {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ld.paused {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ld.f00 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.ld.f01 {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

.ld.f02 {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.ld.f03 {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.ld.f04 {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.ld.f05 {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.ld.f06 {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.ld.f07 {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.ld.f08 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.ld.f09 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.ld.f10 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.ld-ball,.ld-ring,.ld-hourglass,.ld-loader,.ld-cross,.ld-square,.ld-pie,.ld-spinner {
    width: 1em;
    height: 1em;
    position: relative;
    color: inherit;
    display: inline-block
}

.ld-ball:after,.ld-ring:after,.ld-hourglass:after,.ld-loader:after,.ld-cross:after,.ld-square:after,.ld-pie:after,.ld-spinner:after {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: inline-block;
    background: center center no-repeat;
    background-size: cover
}

.ld-ball:after {
    border-radius: 50%;
    background: currentColor
}

.ld-pie:after {
    width: 0;
    height: 0;
    border-radius: 50%;
    border-style: solid;
    border-width: .5em;
    -webkit-background-clip: padding-box;
    border-color: currentColor currentColor currentColor transparent
}

.ld-ring:after {
    border-radius: 50%;
    border-style: solid;
    border-width: .15em;
    -webkit-background-clip: padding-box;
    border-color: currentColor currentColor currentColor transparent;
    box-sizing: border-box
}

.ld-hourglass:after {
    width: 0;
    height: 0;
    background: none;
    border-radius: 50%;
    border-style: solid;
    border-width: .5em;
    border-color: currentColor transparent currentColor transparent
}

.ld-cross:after {
    width: 18%;
    height: 18%;
    background: currentColor;
    box-shadow: 0 .18em 0 1px currentColor,0 -.18em 0 1px currentColor,.18em 0 0 1px currentColor,-.18em 0 0 1px currentColor,0 .36em 0 1px currentColor,0 -.36em 0 1px currentColor,.36em 0 0 1px currentColor,-.36em 0 0 1px currentColor
}

.ld-square:after {
    width: 90%;
    height: 90%;
    background: currentColor
}

.ld-spinner:after {
    width: 20%;
    height: 20%;
    border-radius: 50%;
    background: none;
    box-shadow: 0 .5em 0 0 currentColor,0 -.5em 0 0 currentColor,.5em 0 0 0 currentColor,-.5em 0 0 0 currentColor,.35355339059327373em .35355339059327373em 0 0 currentColor,-.35355339059327373em .35355339059327373em 0 0 currentColor,.35355339059327373em -.35355339059327373em 0 0 currentColor,-.35355339059327373em -.35355339059327373em 0 0 currentColor
}

.ld-loader {
    background-size: cover
}

@keyframes ld-blink {
    0% {
        opacity: 1
    }

    49% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ld-blink {
    0% {
        opacity: 1
    }

    49% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.ld.ld-blink {
    -webkit-animation: ld-blink 1s infinite linear;
    animation: ld-blink 1s infinite linear
}

@keyframes ld-blur {
    0% {
        filter: blur(0)
    }

    50% {
        filter: blur(5px)
    }

    100% {
        filter: blur(0)
    }
}

@-webkit-keyframes ld-blur {
    0% {
        filter: blur(0)
    }

    50% {
        filter: blur(5px)
    }

    100% {
        filter: blur(0)
    }
}

.ld.ld-blur {
    -webkit-animation: ld-blur 1s infinite;
    animation: ld-blur 1s infinite
}

@keyframes ld-breath {
    0% {
        -webkit-transform: scale(.86);
        transform: scale(.86)
    }

    50% {
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }

    100% {
        -webkit-transform: scale(.86);
        transform: scale(.86)
    }
}

@-webkit-keyframes ld-breath {
    0% {
        -webkit-transform: scale(.86);
        transform: scale(.86)
    }

    50% {
        -webkit-transform: scale(1.06);
        transform: scale(1.06)
    }

    100% {
        -webkit-transform: scale(.86);
        transform: scale(.86)
    }
}

.ld.ld-breath {
    -webkit-animation: ld-breath 1s infinite;
    animation: ld-breath 1s infinite
}

@keyframes ld-broadcast {
    0% {
        box-shadow: 0 0 0 3px rgba(0,0,0,.9)
    }

    19% {
        box-shadow: 0 0 0 2px rgba(0,0,0,.7)
    }

    20% {
        box-shadow: 0 0 0 6px rgba(0,0,0,.8)
    }

    39% {
        box-shadow: 0 0 0 5px rgba(0,0,0,.6)
    }

    40% {
        box-shadow: 0 0 0 9px rgba(0,0,0,.7)
    }

    60% {
        box-shadow: 0 0 0 8px rgba(0,0,0,.6);
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0,0,0,.2)
    }
}

@-webkit-keyframes ld-broadcast {
    0% {
        box-shadow: 0 0 0 3px rgba(0,0,0,.9)
    }

    19% {
        box-shadow: 0 0 0 2px rgba(0,0,0,.7)
    }

    20% {
        box-shadow: 0 0 0 6px rgba(0,0,0,.8)
    }

    39% {
        box-shadow: 0 0 0 5px rgba(0,0,0,.6)
    }

    40% {
        box-shadow: 0 0 0 9px rgba(0,0,0,.7)
    }

    60% {
        box-shadow: 0 0 0 8px rgba(0,0,0,.6);
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0,0,0,.2)
    }
}

.ld.ld-broadcast {
    -webkit-animation: ld-broadcast 1s infinite ease-out;
    animation: ld-broadcast 1s infinite ease-out;
    border-radius: 50%
}

@keyframes ld-clock {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    8.333% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    16.667% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    33.333% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg)
    }

    41.667% {
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    58.333% {
        -webkit-transform: rotate(210deg);
        transform: rotate(210deg)
    }

    66.667% {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg)
    }

    75% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    83.333% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg)
    }

    91.667% {
        -webkit-transform: rotate(330deg);
        transform: rotate(330deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ld-clock {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    8.333% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    16.667% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    33.333% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg)
    }

    41.667% {
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    58.333% {
        -webkit-transform: rotate(210deg);
        transform: rotate(210deg)
    }

    66.667% {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg)
    }

    75% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    83.333% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg)
    }

    91.667% {
        -webkit-transform: rotate(330deg);
        transform: rotate(330deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ld.ld-clock {
    -webkit-animation: ld-clock 9s infinite cubic-bezier(0,.7,.3,1);
    animation: ld-clock 9s infinite cubic-bezier(0,.7,.3,1)
}

@keyframes ld-cycle {
    0%,50%,100% {
        animation-timing-function: cubic-bezier(.5,.5,.5,.5)
    }

    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ld-cycle {
    0%,50%,100% {
        animation-timing-function: cubic-bezier(.5,.5,.5,.5)
    }

    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ld.ld-cycle {
    -webkit-animation: ld-cycle 1s infinite linear;
    animation: ld-cycle 1s infinite linear
}

@keyframes ld-fade {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ld-fade {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.ld.ld-fade {
    -webkit-animation: ld-fade 1s infinite linear;
    animation: ld-fade 1s infinite linear
}

@keyframes ld-flip {
    0%,25%,50%,75%,100% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }

    25% {
        -webkit-transform: rotateY(180deg) rotateX(0deg);
        transform: rotateY(180deg) rotateX(0deg)
    }

    50% {
        -webkit-transform: rotateY(180deg) rotateX(180deg);
        transform: rotateY(180deg) rotateX(180deg)
    }

    75% {
        -webkit-transform: rotateY(0deg) rotateX(180deg);
        transform: rotateY(0deg) rotateX(180deg)
    }

    100% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }
}

@-webkit-keyframes ld-flip {
    0%,25%,50%,75%,100% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }

    25% {
        -webkit-transform: rotateY(180deg) rotateX(0deg);
        transform: rotateY(180deg) rotateX(0deg)
    }

    50% {
        -webkit-transform: rotateY(180deg) rotateX(180deg);
        transform: rotateY(180deg) rotateX(180deg)
    }

    75% {
        -webkit-transform: rotateY(0deg) rotateX(180deg);
        transform: rotateY(0deg) rotateX(180deg)
    }

    100% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }
}

.ld.ld-flip {
    -webkit-animation: ld-flip 2s infinite;
    animation: ld-flip 2s infinite
}

@keyframes ld-flip-v {
    0%,25%,50%,75%,100% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg)
    }

    50% {
        -webkit-transform: rotateX(180deg) rotateY(0deg);
        transform: rotateX(180deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg)
    }
}

@-webkit-keyframes ld-flip-v {
    0%,25%,50%,75%,100% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg)
    }

    50% {
        -webkit-transform: rotateX(180deg) rotateY(0deg);
        transform: rotateX(180deg) rotateY(0deg)
    }

    100% {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg)
    }
}

.ld.ld-flip-v {
    -webkit-animation: ld-flip-v 1s infinite;
    animation: ld-flip-v 1s infinite
}

@keyframes ld-flip-h {
    0%,25%,50%,75%,100% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }

    50% {
        -webkit-transform: rotateY(180deg) rotateX(0deg);
        transform: rotateY(180deg) rotateX(0deg)
    }

    100% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }
}

@-webkit-keyframes ld-flip-h {
    0%,25%,50%,75%,100% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }

    50% {
        -webkit-transform: rotateY(180deg) rotateX(0deg);
        transform: rotateY(180deg) rotateX(0deg)
    }

    100% {
        -webkit-transform: rotateY(0deg) rotateX(0deg);
        transform: rotateY(0deg) rotateX(0deg)
    }
}

.ld.ld-flip-h {
    -webkit-animation: ld-flip-h 1s infinite;
    animation: ld-flip-h 1s infinite
}

@keyframes ld-coin-v {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    50% {
        -webkit-transform: rotateX(1800deg);
        transform: rotateX(1800deg)
    }

    100% {
        -webkit-transform: rotateX(3600deg);
        transform: rotateX(3600deg)
    }
}

@-webkit-keyframes ld-coin-v {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg)
    }

    50% {
        -webkit-transform: rotateX(1800deg);
        transform: rotateX(1800deg)
    }

    100% {
        -webkit-transform: rotateX(3600deg);
        transform: rotateX(3600deg)
    }
}

.ld.ld-coin-v {
    -webkit-animation: ld-coin-v 2s infinite;
    animation: ld-coin-v 2s infinite
}

@keyframes ld-coin-h {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    50% {
        -webkit-transform: rotateY(1800deg);
        transform: rotateY(1800deg)
    }

    100% {
        -webkit-transform: rotateY(3600deg);
        transform: rotateY(3600deg)
    }
}

@-webkit-keyframes ld-coin-h {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    50% {
        -webkit-transform: rotateY(1800deg);
        transform: rotateY(1800deg)
    }

    100% {
        -webkit-transform: rotateY(3600deg);
        transform: rotateY(3600deg)
    }
}

.ld.ld-coin-h {
    -webkit-animation: ld-coin-h 2s infinite;
    animation: ld-coin-h 2s infinite
}

@keyframes ld-heartbeat {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    5% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    39% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    45% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    60% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes ld-heartbeat {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    5% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    39% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    45% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    60% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ld.ld-heartbeat {
    -webkit-animation: ld-heartbeat .8s infinite cubic-bezier(.215,.61,.355,1);
    animation: ld-heartbeat .8s infinite cubic-bezier(.215,.61,.355,1)
}

@keyframes ld-radio {
    0% {
        animation-timing-function: cubic-bezier(.3,.27,.13,1)
    }

    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }

    5% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes ld-radio {
    0% {
        animation-timing-function: cubic-bezier(.3,.27,.13,1)
    }

    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }

    5% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

.ld.ld-radio {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0
}

.ld.ld-radio:after {
    -webkit-animation: ld-radio 1s infinite;
    animation: ld-radio 1s infinite;
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 6px solid #000;
    border-radius: 50%;
    background: none
}

.ld.ld-radio.square:after {
    border-radius: 0
}

@keyframes ld-rotate {
    0%,33%,66%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    16%,50%,83% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(.5);
        transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(.5)
    }

    16% {
        -webkit-transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1);
        transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1)
    }

    33% {
        -webkit-transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1);
        transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1)
    }

    50% {
        -webkit-transform: skewX(0deg) skewY(0deg) scaleX(.5) scaleY(2);
        transform: skewX(0deg) skewY(0deg) scaleX(.5) scaleY(2)
    }

    66% {
        -webkit-transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1);
        transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1)
    }

    83% {
        -webkit-transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1);
        transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1)
    }

    100% {
        -webkit-transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(.5);
        transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(.5)
    }
}

@-webkit-keyframes ld-rotate {
    0%,33%,66%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    16%,50%,83% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(.5);
        transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(.5)
    }

    16% {
        -webkit-transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1);
        transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1)
    }

    33% {
        -webkit-transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1);
        transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1)
    }

    50% {
        -webkit-transform: skewX(0deg) skewY(0deg) scaleX(.5) scaleY(2);
        transform: skewX(0deg) skewY(0deg) scaleX(.5) scaleY(2)
    }

    66% {
        -webkit-transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1);
        transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1)
    }

    83% {
        -webkit-transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1);
        transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1)
    }

    100% {
        -webkit-transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(.5);
        transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(.5)
    }
}

.ld.ld-rotate {
    -webkit-animation: ld-rotate 1s infinite;
    animation: ld-rotate 1s infinite
}

@keyframes ld-rubber {
    0% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    20% {
        -webkit-transform: scale(1.5,1);
        transform: scale(1.5,1)
    }

    30% {
        -webkit-transform: scale(.8,1);
        transform: scale(.8,1)
    }

    40% {
        -webkit-transform: scale(1.3,1);
        transform: scale(1.3,1)
    }

    50% {
        -webkit-transform: scale(.85,1);
        transform: scale(.85,1)
    }

    60% {
        -webkit-transform: scale(1.2,1);
        transform: scale(1.2,1)
    }

    70% {
        -webkit-transform: scale(.9,1);
        transform: scale(.9,1)
    }

    80% {
        -webkit-transform: scale(1.1,1);
        transform: scale(1.1,1)
    }

    90% {
        -webkit-transform: scale(.95,1);
        transform: scale(.95,1)
    }

    100% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@-webkit-keyframes ld-rubber {
    0% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    20% {
        -webkit-transform: scale(1.5,1);
        transform: scale(1.5,1)
    }

    30% {
        -webkit-transform: scale(.8,1);
        transform: scale(.8,1)
    }

    40% {
        -webkit-transform: scale(1.3,1);
        transform: scale(1.3,1)
    }

    50% {
        -webkit-transform: scale(.85,1);
        transform: scale(.85,1)
    }

    60% {
        -webkit-transform: scale(1.2,1);
        transform: scale(1.2,1)
    }

    70% {
        -webkit-transform: scale(.9,1);
        transform: scale(.9,1)
    }

    80% {
        -webkit-transform: scale(1.1,1);
        transform: scale(1.1,1)
    }

    90% {
        -webkit-transform: scale(.95,1);
        transform: scale(.95,1)
    }

    100% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

.ld.ld-rubber {
    -webkit-animation: ld-rubber 1s ease-out infinite;
    animation: ld-rubber 1s ease-out infinite
}

@keyframes ld-shadow {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,.5,1)
    }

    50% {
        animation-timing-function: cubic-bezier(.5,0,.5,1)
    }

    0% {
        box-shadow: 0 0 0 0 rgba(0,0,0,.2)
    }

    50% {
        box-shadow: 0 0 0 10px rgba(0,0,0,.9)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0,0,0,.2)
    }
}

@-webkit-keyframes ld-shadow {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,.5,1)
    }

    50% {
        animation-timing-function: cubic-bezier(.5,0,.5,1)
    }

    0% {
        box-shadow: 0 0 0 0 rgba(0,0,0,.2)
    }

    50% {
        box-shadow: 0 0 0 10px rgba(0,0,0,.9)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0,0,0,.2)
    }
}

.ld.ld-shadow {
    -webkit-animation: ld-shadow 1s infinite;
    animation: ld-shadow 1s infinite;
    border-radius: 50%
}

@keyframes ld-shadow-a {
    0% {
        box-shadow: 3px 0 0 6px rgba(0,0,0,.5)
    }

    8.33% {
        box-shadow: 3px 1px 0 6px rgba(0,0,0,.5)
    }

    16.67% {
        box-shadow: 2px 3px 0 6px rgba(0,0,0,.5)
    }

    25% {
        box-shadow: 0 3px 0 6px rgba(0,0,0,.5)
    }

    33.33% {
        box-shadow: -1px 3px 0 6px rgba(0,0,0,.5)
    }

    41.67% {
        box-shadow: -3px 1px 0 6px rgba(0,0,0,.5)
    }

    50% {
        box-shadow: -3px 0 0 6px rgba(0,0,0,.5)
    }

    58.33% {
        box-shadow: -3px -1px 0 6px rgba(0,0,0,.5)
    }

    66.67% {
        box-shadow: -2px -3px 0 6px rgba(0,0,0,.5)
    }

    75% {
        box-shadow: 0 -3px 0 6px rgba(0,0,0,.5)
    }

    83.33% {
        box-shadow: 2px -3px 0 6px rgba(0,0,0,.5)
    }

    91.67% {
        box-shadow: 3px -2px 0 6px rgba(0,0,0,.5)
    }

    100% {
        box-shadow: 3px 0 0 6px rgba(0,0,0,.5)
    }
}

@-webkit-keyframes ld-shadow-a {
    0% {
        box-shadow: 3px 0 0 6px rgba(0,0,0,.5)
    }

    8.33% {
        box-shadow: 3px 1px 0 6px rgba(0,0,0,.5)
    }

    16.67% {
        box-shadow: 2px 3px 0 6px rgba(0,0,0,.5)
    }

    25% {
        box-shadow: 0 3px 0 6px rgba(0,0,0,.5)
    }

    33.33% {
        box-shadow: -1px 3px 0 6px rgba(0,0,0,.5)
    }

    41.67% {
        box-shadow: -3px 1px 0 6px rgba(0,0,0,.5)
    }

    50% {
        box-shadow: -3px 0 0 6px rgba(0,0,0,.5)
    }

    58.33% {
        box-shadow: -3px -1px 0 6px rgba(0,0,0,.5)
    }

    66.67% {
        box-shadow: -2px -3px 0 6px rgba(0,0,0,.5)
    }

    75% {
        box-shadow: 0 -3px 0 6px rgba(0,0,0,.5)
    }

    83.33% {
        box-shadow: 2px -3px 0 6px rgba(0,0,0,.5)
    }

    91.67% {
        box-shadow: 3px -2px 0 6px rgba(0,0,0,.5)
    }

    100% {
        box-shadow: 3px 0 0 6px rgba(0,0,0,.5)
    }
}

.ld.ld-shadow-a {
    -webkit-animation: ld-shadow-a .5s infinite;
    animation: ld-shadow-a .5s infinite;
    box-shadow: 3px 0 0 6px rgba(0,0,0,.5);
    border-radius: 50%
}

@keyframes ld-skew {
    0%,50%,100% {
        animation-timing-function: cubic-bezier(.4,0,1,.6)
    }

    25%,75% {
        animation-timing-function: cubic-bezier(0,.4,.6,1)
    }

    0% {
        -webkit-transform: skewX(20deg) scale(1);
        transform: skewX(20deg) scale(1)
    }

    25% {
        -webkit-transform: skewX(0deg) scale(.9);
        transform: skewX(0deg) scale(.9)
    }

    50% {
        -webkit-transform: skewX(-20deg) scale(1);
        transform: skewX(-20deg) scale(1)
    }

    75% {
        -webkit-transform: skewX(0deg) scale(.9);
        transform: skewX(0deg) scale(.9)
    }

    100% {
        -webkit-transform: skewX(20deg) scale(1);
        transform: skewX(20deg) scale(1)
    }
}

@-webkit-keyframes ld-skew {
    0%,50%,100% {
        animation-timing-function: cubic-bezier(.4,0,1,.6)
    }

    25%,75% {
        animation-timing-function: cubic-bezier(0,.4,.6,1)
    }

    0% {
        -webkit-transform: skewX(20deg) scale(1);
        transform: skewX(20deg) scale(1)
    }

    25% {
        -webkit-transform: skewX(0deg) scale(.9);
        transform: skewX(0deg) scale(.9)
    }

    50% {
        -webkit-transform: skewX(-20deg) scale(1);
        transform: skewX(-20deg) scale(1)
    }

    75% {
        -webkit-transform: skewX(0deg) scale(.9);
        transform: skewX(0deg) scale(.9)
    }

    100% {
        -webkit-transform: skewX(20deg) scale(1);
        transform: skewX(20deg) scale(1)
    }
}

.ld.ld-skew {
    -webkit-animation: ld-skew 1s infinite;
    animation: ld-skew 1s infinite
}

@keyframes ld-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ld-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.ld.ld-spin {
    -webkit-animation: ld-spin 1s infinite;
    animation: ld-spin 1s infinite
}

@keyframes ld-spin-fast {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    50% {
        -webkit-transform: rotate(900deg);
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    100% {
        -webkit-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

@-webkit-keyframes ld-spin-fast {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    50% {
        -webkit-transform: rotate(900deg);
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    100% {
        -webkit-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

.ld.ld-spin-fast {
    -webkit-animation: ld-spin-fast 1s infinite;
    animation: ld-spin-fast 1s infinite
}

@keyframes ld-squeeze {
    0% {
        -webkit-transform: scale(1,.5);
        transform: scale(1,.5)
    }

    50% {
        -webkit-transform: scale(.5,1);
        transform: scale(.5,1)
    }

    100% {
        -webkit-transform: scale(1,.5);
        transform: scale(1,.5)
    }
}

@-webkit-keyframes ld-squeeze {
    0% {
        -webkit-transform: scale(1,.5);
        transform: scale(1,.5)
    }

    50% {
        -webkit-transform: scale(.5,1);
        transform: scale(.5,1)
    }

    100% {
        -webkit-transform: scale(1,.5);
        transform: scale(1,.5)
    }
}

.ld.ld-squeeze {
    -webkit-animation: ld-squeeze .8s infinite cubic-bezier(.215,.61,.355,1);
    animation: ld-squeeze .8s infinite cubic-bezier(.215,.61,.355,1)
}

@keyframes ld-surprise {
    0% {
        -webkit-transform: skewX(0deg) scale(1);
        transform: skewX(0deg) scale(1)
    }

    10% {
        -webkit-transform: skewX(-15deg) scale(.8);
        transform: skewX(-15deg) scale(.8)
    }

    20% {
        -webkit-transform: skewX(-15deg) scale(.8);
        transform: skewX(-15deg) scale(.8)
    }

    30% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }

    40% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }

    50% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }

    60% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }

    70% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }

    80% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }

    90% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }

    100% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }
}

@-webkit-keyframes ld-surprise {
    0% {
        -webkit-transform: skewX(0deg) scale(1);
        transform: skewX(0deg) scale(1)
    }

    10% {
        -webkit-transform: skewX(-15deg) scale(.8);
        transform: skewX(-15deg) scale(.8)
    }

    20% {
        -webkit-transform: skewX(-15deg) scale(.8);
        transform: skewX(-15deg) scale(.8)
    }

    30% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }

    40% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }

    50% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }

    60% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }

    70% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }

    80% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }

    90% {
        -webkit-transform: skewX(15deg) scale(1.3);
        transform: skewX(15deg) scale(1.3)
    }

    100% {
        -webkit-transform: skewX(-15deg) scale(1.3);
        transform: skewX(-15deg) scale(1.3)
    }
}

.ld.ld-surprise {
    -webkit-animation: ld-surprise 1s infinite linear;
    animation: ld-surprise 1s infinite linear
}

@keyframes ld-tick {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    30% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    40% {
        -webkit-transform: rotate(-21deg);
        transform: rotate(-21deg)
    }

    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    60% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg)
    }

    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    90% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes ld-tick {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    20% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    30% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg)
    }

    40% {
        -webkit-transform: rotate(-21deg);
        transform: rotate(-21deg)
    }

    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    60% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg)
    }

    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    90% {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.ld.ld-tick {
    -webkit-animation: ld-tick 1s ease-out infinite;
    animation: ld-tick 1s ease-out infinite
}

@keyframes ld-vortex-in {
    0% {
        -webkit-transform: rotate(1800deg) scale(3);
        transform: rotate(1800deg) scale(3);
        opacity: 0
    }

    60% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ld-vortex-in {
    0% {
        -webkit-transform: rotate(1800deg) scale(3);
        transform: rotate(1800deg) scale(3);
        opacity: 0
    }

    60% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.ld.ld-vortex-in {
    -webkit-animation: ld-vortex-in 2s infinite;
    animation: ld-vortex-in 2s infinite;
    animation-timing-function: cubic-bezier(.3,0,1,.7)
}

@keyframes ld-vortex-out {
    0% {
        -webkit-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
        opacity: 1
    }

    60% {
        -webkit-transform: rotate(1800deg) scale(1);
        transform: rotate(1800deg) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: rotate(1800deg) scale(1);
        transform: rotate(1800deg) scale(1);
        opacity: 0
    }
}

@-webkit-keyframes ld-vortex-out {
    0% {
        -webkit-transform: rotate(0deg) scale(0);
        transform: rotate(0deg) scale(0);
        opacity: 1
    }

    60% {
        -webkit-transform: rotate(1800deg) scale(1);
        transform: rotate(1800deg) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: rotate(1800deg) scale(1);
        transform: rotate(1800deg) scale(1);
        opacity: 0
    }
}

.ld.ld-vortex-out {
    -webkit-animation: ld-vortex-out 2s infinite;
    animation: ld-vortex-out 2s infinite;
    animation-timing-function: cubic-bezier(.5,0,1,.5)
}

@keyframes ld-wrench {
    20%,36%,70%,86% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0%,50%,100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@-webkit-keyframes ld-wrench {
    20%,36%,70%,86% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    0%,50%,100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.ld.ld-wrench {
    -webkit-animation: ld-wrench 1s infinite;
    animation: ld-wrench 1s infinite
}

@keyframes ld-pulse {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    51% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes ld-pulse {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    51% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    100% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.ld.ld-pulse {
    -webkit-animation: ld-pulse .8s infinite cubic-bezier(.215,.61,.355,1);
    animation: ld-pulse .8s infinite cubic-bezier(.215,.61,.355,1)
}

@keyframes ld-bounce {
    0%,90% {
        animation-timing-function: linear
    }

    10% {
        animation-timing-function: cubic-bezier(0,.4,.6,1)
    }

    50% {
        animation-timing-function: cubic-bezier(.4,0,1,.6)
    }

    0% {
        -webkit-transform: translate(0%,30%) scaleY(.5);
        transform: translate(0%,30%) scaleY(.5)
    }

    10% {
        -webkit-transform: translate(0%,5%) scaleY(1.1);
        transform: translate(0%,5%) scaleY(1.1)
    }

    50% {
        -webkit-transform: translate(0%,-37%) scaleY(1.1);
        transform: translate(0%,-37%) scaleY(1.1)
    }

    90% {
        -webkit-transform: translate(0%,5%) scaleY(1.1);
        transform: translate(0%,5%) scaleY(1.1)
    }

    100% {
        -webkit-transform: translate(0%,30%) scaleY(.5);
        transform: translate(0%,30%) scaleY(.5)
    }
}

@-webkit-keyframes ld-bounce {
    0%,90% {
        animation-timing-function: linear
    }

    10% {
        animation-timing-function: cubic-bezier(0,.4,.6,1)
    }

    50% {
        animation-timing-function: cubic-bezier(.4,0,1,.6)
    }

    0% {
        -webkit-transform: translate(0%,30%) scaleY(.5);
        transform: translate(0%,30%) scaleY(.5)
    }

    10% {
        -webkit-transform: translate(0%,5%) scaleY(1.1);
        transform: translate(0%,5%) scaleY(1.1)
    }

    50% {
        -webkit-transform: translate(0%,-37%) scaleY(1.1);
        transform: translate(0%,-37%) scaleY(1.1)
    }

    90% {
        -webkit-transform: translate(0%,5%) scaleY(1.1);
        transform: translate(0%,5%) scaleY(1.1)
    }

    100% {
        -webkit-transform: translate(0%,30%) scaleY(.5);
        transform: translate(0%,30%) scaleY(.5)
    }
}

.ld.ld-bounce {
    -webkit-animation: ld-bounce 1s infinite;
    animation: ld-bounce 1s infinite
}

@keyframes ld-bounce-rtl {
    0% {
        -webkit-transform: translate(160%,-40%);
        transform: translate(160%,-40%)
    }

    12.5% {
        -webkit-transform: translate(120%,-23%);
        transform: translate(120%,-23%)
    }

    25% {
        -webkit-transform: translate(80%,0%);
        transform: translate(80%,0%)
    }

    37.5% {
        -webkit-transform: translate(50%,-23%);
        transform: translate(50%,-23%)
    }

    50% {
        -webkit-transform: translate(0%,-40%);
        transform: translate(0%,-40%)
    }

    62.5% {
        -webkit-transform: translate(-50%,-23%);
        transform: translate(-50%,-23%)
    }

    75% {
        -webkit-transform: translate(-80%,0%);
        transform: translate(-80%,0%)
    }

    87.5% {
        -webkit-transform: translate(-120%,-23%);
        transform: translate(-120%,-23%)
    }

    100% {
        -webkit-transform: translate(-160%,-40%);
        transform: translate(-160%,-40%)
    }
}

@-webkit-keyframes ld-bounce-rtl {
    0% {
        -webkit-transform: translate(160%,-40%);
        transform: translate(160%,-40%)
    }

    12.5% {
        -webkit-transform: translate(120%,-23%);
        transform: translate(120%,-23%)
    }

    25% {
        -webkit-transform: translate(80%,0%);
        transform: translate(80%,0%)
    }

    37.5% {
        -webkit-transform: translate(50%,-23%);
        transform: translate(50%,-23%)
    }

    50% {
        -webkit-transform: translate(0%,-40%);
        transform: translate(0%,-40%)
    }

    62.5% {
        -webkit-transform: translate(-50%,-23%);
        transform: translate(-50%,-23%)
    }

    75% {
        -webkit-transform: translate(-80%,0%);
        transform: translate(-80%,0%)
    }

    87.5% {
        -webkit-transform: translate(-120%,-23%);
        transform: translate(-120%,-23%)
    }

    100% {
        -webkit-transform: translate(-160%,-40%);
        transform: translate(-160%,-40%)
    }
}

.ld.ld-bounce-rtl {
    -webkit-animation: ld-bounce-rtl 1s infinite linear;
    animation: ld-bounce-rtl 1s infinite linear
}

@keyframes ld-bounce-ltr {
    0% {
        -webkit-transform: translate(-160%,-40%);
        transform: translate(-160%,-40%)
    }

    12.5% {
        -webkit-transform: translate(-120%,-23%);
        transform: translate(-120%,-23%)
    }

    25% {
        -webkit-transform: translate(-100%,0%);
        transform: translate(-100%,0%)
    }

    37.5% {
        -webkit-transform: translate(-50%,-23%);
        transform: translate(-50%,-23%)
    }

    50% {
        -webkit-transform: translate(0%,-40%);
        transform: translate(0%,-40%)
    }

    62.5% {
        -webkit-transform: translate(50%,-23%);
        transform: translate(50%,-23%)
    }

    75% {
        -webkit-transform: translate(100%,0%);
        transform: translate(100%,0%)
    }

    87.5% {
        -webkit-transform: translate(120%,-23%);
        transform: translate(120%,-23%)
    }

    100% {
        -webkit-transform: translate(160%,-40%);
        transform: translate(160%,-40%)
    }
}

@-webkit-keyframes ld-bounce-ltr {
    0% {
        -webkit-transform: translate(-160%,-40%);
        transform: translate(-160%,-40%)
    }

    12.5% {
        -webkit-transform: translate(-120%,-23%);
        transform: translate(-120%,-23%)
    }

    25% {
        -webkit-transform: translate(-100%,0%);
        transform: translate(-100%,0%)
    }

    37.5% {
        -webkit-transform: translate(-50%,-23%);
        transform: translate(-50%,-23%)
    }

    50% {
        -webkit-transform: translate(0%,-40%);
        transform: translate(0%,-40%)
    }

    62.5% {
        -webkit-transform: translate(50%,-23%);
        transform: translate(50%,-23%)
    }

    75% {
        -webkit-transform: translate(100%,0%);
        transform: translate(100%,0%)
    }

    87.5% {
        -webkit-transform: translate(120%,-23%);
        transform: translate(120%,-23%)
    }

    100% {
        -webkit-transform: translate(160%,-40%);
        transform: translate(160%,-40%)
    }
}

.ld.ld-bounce-ltr {
    -webkit-animation: ld-bounce-ltr 1s infinite linear;
    animation: ld-bounce-ltr 1s infinite linear
}

@keyframes ld-bounce-a-px {
    0%,25%,50%,75%,100% {
        animation-timing-function: cubic-bezier(0,.4,.6,1)
    }

    12.5%,37.5%,62.5%,87.5% {
        animation-timing-function: cubic-bezier(.4,0,1,.6)
    }

    0% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    12.5% {
        -webkit-transform: translate(5%,-28%);
        transform: translate(5%,-28%)
    }

    25% {
        -webkit-transform: translate(10%,0%);
        transform: translate(10%,0%)
    }

    37.5% {
        -webkit-transform: translate(5%,-28%);
        transform: translate(5%,-28%)
    }

    50% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    62.5% {
        -webkit-transform: translate(-5%,-28%);
        transform: translate(-5%,-28%)
    }

    75% {
        -webkit-transform: translate(-10%,0%);
        transform: translate(-10%,0%)
    }

    87.5% {
        -webkit-transform: translate(-5%,-28%);
        transform: translate(-5%,-28%)
    }

    100% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }
}

@-webkit-keyframes ld-bounce-a-px {
    0%,25%,50%,75%,100% {
        animation-timing-function: cubic-bezier(0,.4,.6,1)
    }

    12.5%,37.5%,62.5%,87.5% {
        animation-timing-function: cubic-bezier(.4,0,1,.6)
    }

    0% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    12.5% {
        -webkit-transform: translate(5%,-28%);
        transform: translate(5%,-28%)
    }

    25% {
        -webkit-transform: translate(10%,0%);
        transform: translate(10%,0%)
    }

    37.5% {
        -webkit-transform: translate(5%,-28%);
        transform: translate(5%,-28%)
    }

    50% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    62.5% {
        -webkit-transform: translate(-5%,-28%);
        transform: translate(-5%,-28%)
    }

    75% {
        -webkit-transform: translate(-10%,0%);
        transform: translate(-10%,0%)
    }

    87.5% {
        -webkit-transform: translate(-5%,-28%);
        transform: translate(-5%,-28%)
    }

    100% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }
}

.ld.ld-bounce-a-px {
    -webkit-animation: ld-bounce-a-px 2s infinite;
    animation: ld-bounce-a-px 2s infinite
}

@keyframes ld-float {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: linear
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        box-shadow: 0 0 0 rgba(0,0,0,.3)
    }

    30% {
        -webkit-transform: translate(0,-10%);
        transform: translate(0,-10%);
        box-shadow: 0 5px 5px rgba(0,0,0,.3)
    }

    50% {
        -webkit-transform: translate(0,-10%);
        transform: translate(0,-10%);
        box-shadow: 0 5px 5px rgba(0,0,0,.3)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        box-shadow: 0 0 0 rgba(0,0,0,.3)
    }
}

@-webkit-keyframes ld-float {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: linear
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        box-shadow: 0 0 0 rgba(0,0,0,.3)
    }

    30% {
        -webkit-transform: translate(0,-10%);
        transform: translate(0,-10%);
        box-shadow: 0 5px 5px rgba(0,0,0,.3)
    }

    50% {
        -webkit-transform: translate(0,-10%);
        transform: translate(0,-10%);
        box-shadow: 0 5px 5px rgba(0,0,0,.3)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        box-shadow: 0 0 0 rgba(0,0,0,.3)
    }
}

.ld.ld-float {
    -webkit-animation: ld-float 1s infinite;
    animation: ld-float 1s infinite
}

@keyframes ld-hit {
    0% {
        animation-timing-function: cubic-bezier(.5,0,1,.5);
        -webkit-transform: scale(0) translate(0,0) skewX(0);
        transform: scale(0) translate(0,0) skewX(0)
    }

    20% {
        -webkit-transform: scale(1) translate(0,0) skewX(20deg);
        transform: scale(1) translate(0,0) skewX(20deg)
    }

    50% {
        animation-timing-function: cubic-bezier(1,0,1,.5);
        -webkit-transform: scale(1) translate(0,0) skewX(20deg);
        transform: scale(1) translate(0,0) skewX(20deg)
    }

    100% {
        -webkit-transform: scale(1) translate(0,200%) skewX(20deg);
        transform: scale(1) translate(0,200%) skewX(20deg)
    }
}

@-webkit-keyframes ld-hit {
    0% {
        animation-timing-function: cubic-bezier(.5,0,1,.5);
        -webkit-transform: scale(0) translate(0,0) skewX(0);
        transform: scale(0) translate(0,0) skewX(0)
    }

    20% {
        -webkit-transform: scale(1) translate(0,0) skewX(20deg);
        transform: scale(1) translate(0,0) skewX(20deg)
    }

    50% {
        animation-timing-function: cubic-bezier(1,0,1,.5);
        -webkit-transform: scale(1) translate(0,0) skewX(20deg);
        transform: scale(1) translate(0,0) skewX(20deg)
    }

    100% {
        -webkit-transform: scale(1) translate(0,200%) skewX(20deg);
        transform: scale(1) translate(0,200%) skewX(20deg)
    }
}

.ld.ld-hit {
    -webkit-animation: ld-hit 2s infinite;
    animation: ld-hit 2s infinite
}

@keyframes ld-jelly {
    0%,16.6%,33.3%,50%,66.6%,83.3% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0) skewX(0deg);
        transform: translate(0,0) skewX(0deg)
    }

    16.6% {
        -webkit-transform: translate(-30%,0) skewX(30deg);
        transform: translate(-30%,0) skewX(30deg)
    }

    33.3% {
        -webkit-transform: translate(25%,0) skewX(-20deg);
        transform: translate(25%,0) skewX(-20deg)
    }

    50% {
        -webkit-transform: translate(-12%,0) skewX(10deg);
        transform: translate(-12%,0) skewX(10deg)
    }

    66.6% {
        -webkit-transform: translate(6%,0) skewX(-5deg);
        transform: translate(6%,0) skewX(-5deg)
    }

    83.3% {
        -webkit-transform: translate(-2.5%,0) skewX(2deg);
        transform: translate(-2.5%,0) skewX(2deg)
    }

    100% {
        -webkit-transform: translate(0,0) skewX(0deg);
        transform: translate(0,0) skewX(0deg)
    }
}

@-webkit-keyframes ld-jelly {
    0%,16.6%,33.3%,50%,66.6%,83.3% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0) skewX(0deg);
        transform: translate(0,0) skewX(0deg)
    }

    16.6% {
        -webkit-transform: translate(-30%,0) skewX(30deg);
        transform: translate(-30%,0) skewX(30deg)
    }

    33.3% {
        -webkit-transform: translate(25%,0) skewX(-20deg);
        transform: translate(25%,0) skewX(-20deg)
    }

    50% {
        -webkit-transform: translate(-12%,0) skewX(10deg);
        transform: translate(-12%,0) skewX(10deg)
    }

    66.6% {
        -webkit-transform: translate(6%,0) skewX(-5deg);
        transform: translate(6%,0) skewX(-5deg)
    }

    83.3% {
        -webkit-transform: translate(-2.5%,0) skewX(2deg);
        transform: translate(-2.5%,0) skewX(2deg)
    }

    100% {
        -webkit-transform: translate(0,0) skewX(0deg);
        transform: translate(0,0) skewX(0deg)
    }
}

.ld.ld-jelly {
    -webkit-animation: ld-jelly 1s infinite linear;
    animation: ld-jelly 1s infinite linear
}

@keyframes ld-jump {
    0%,28%,48%,64%,76%,86%,93%,100% {
        animation-timing-function: ease-out
    }

    14%,38%,56%,70%,81%,90%,97% {
        animation-timing-function: ease-in
    }

    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    14% {
        -webkit-transform: translateY(-27%);
        transform: translateY(-27%)
    }

    28% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    38% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    48% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    56% {
        -webkit-transform: translateY(-16%);
        transform: translateY(-16%)
    }

    64% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    70% {
        -webkit-transform: translateY(-12%);
        transform: translateY(-12%)
    }

    76% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    81% {
        -webkit-transform: translateY(-7.5%);
        transform: translateY(-7.5%)
    }

    86% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    90% {
        -webkit-transform: translateY(-3%);
        transform: translateY(-3%)
    }

    93% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    97% {
        -webkit-transform: translateY(-1.5%);
        transform: translateY(-1.5%)
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

@-webkit-keyframes ld-jump {
    0%,28%,48%,64%,76%,86%,93%,100% {
        animation-timing-function: ease-out
    }

    14%,38%,56%,70%,81%,90%,97% {
        animation-timing-function: ease-in
    }

    0% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    14% {
        -webkit-transform: translateY(-27%);
        transform: translateY(-27%)
    }

    28% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    38% {
        -webkit-transform: translateY(-20%);
        transform: translateY(-20%)
    }

    48% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    56% {
        -webkit-transform: translateY(-16%);
        transform: translateY(-16%)
    }

    64% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    70% {
        -webkit-transform: translateY(-12%);
        transform: translateY(-12%)
    }

    76% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    81% {
        -webkit-transform: translateY(-7.5%);
        transform: translateY(-7.5%)
    }

    86% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    90% {
        -webkit-transform: translateY(-3%);
        transform: translateY(-3%)
    }

    93% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }

    97% {
        -webkit-transform: translateY(-1.5%);
        transform: translateY(-1.5%)
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%)
    }
}

.ld.ld-jump {
    -webkit-animation: ld-jump 1.5s ease-in infinite;
    animation: ld-jump 1.5s ease-in infinite
}

@keyframes ld-orbit {
    0% {
        -webkit-transform: translate(30%,0%) rotate(0deg);
        transform: translate(30%,0%) rotate(0deg)
    }

    12.5% {
        -webkit-transform: translate(21%,21%) rotate(45deg);
        transform: translate(21%,21%) rotate(45deg)
    }

    25% {
        -webkit-transform: translate(0%,30%) rotate(90deg);
        transform: translate(0%,30%) rotate(90deg)
    }

    37.5% {
        -webkit-transform: translate(-21%,21%) rotate(135deg);
        transform: translate(-21%,21%) rotate(135deg)
    }

    50% {
        -webkit-transform: translate(-30%,0%) rotate(180deg);
        transform: translate(-30%,0%) rotate(180deg)
    }

    62.5% {
        -webkit-transform: translate(-21%,-21%) rotate(225deg);
        transform: translate(-21%,-21%) rotate(225deg)
    }

    75% {
        -webkit-transform: translate(0%,-30%) rotate(270deg);
        transform: translate(0%,-30%) rotate(270deg)
    }

    87.5% {
        -webkit-transform: translate(21%,-21%) rotate(315deg);
        transform: translate(21%,-21%) rotate(315deg)
    }

    100% {
        -webkit-transform: translate(30%,0%) rotate(360deg);
        transform: translate(30%,0%) rotate(360deg)
    }
}

@-webkit-keyframes ld-orbit {
    0% {
        -webkit-transform: translate(30%,0%) rotate(0deg);
        transform: translate(30%,0%) rotate(0deg)
    }

    12.5% {
        -webkit-transform: translate(21%,21%) rotate(45deg);
        transform: translate(21%,21%) rotate(45deg)
    }

    25% {
        -webkit-transform: translate(0%,30%) rotate(90deg);
        transform: translate(0%,30%) rotate(90deg)
    }

    37.5% {
        -webkit-transform: translate(-21%,21%) rotate(135deg);
        transform: translate(-21%,21%) rotate(135deg)
    }

    50% {
        -webkit-transform: translate(-30%,0%) rotate(180deg);
        transform: translate(-30%,0%) rotate(180deg)
    }

    62.5% {
        -webkit-transform: translate(-21%,-21%) rotate(225deg);
        transform: translate(-21%,-21%) rotate(225deg)
    }

    75% {
        -webkit-transform: translate(0%,-30%) rotate(270deg);
        transform: translate(0%,-30%) rotate(270deg)
    }

    87.5% {
        -webkit-transform: translate(21%,-21%) rotate(315deg);
        transform: translate(21%,-21%) rotate(315deg)
    }

    100% {
        -webkit-transform: translate(30%,0%) rotate(360deg);
        transform: translate(30%,0%) rotate(360deg)
    }
}

.ld.ld-orbit {
    -webkit-animation: ld-orbit 1s infinite linear;
    animation: ld-orbit 1s infinite linear
}

@keyframes ld-rush-rtl {
    0% {
        -webkit-transform: translate(200%,0) skewX(-45deg);
        transform: translate(200%,0) skewX(-45deg);
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    30% {
        -webkit-transform: translate(-40%,0) skewX(35deg);
        transform: translate(-40%,0) skewX(35deg)
    }

    45% {
        -webkit-transform: translate(20%,0) skewX(-15deg);
        transform: translate(20%,0) skewX(-15deg)
    }

    60% {
        -webkit-transform: translate(-10%,0) skewX(7deg);
        transform: translate(-10%,0) skewX(7deg)
    }

    80% {
        -webkit-transform: translate(0%,0) skewX(0deg);
        transform: translate(0%,0) skewX(0deg)
    }

    100% {
        -webkit-transform: translate(-250%,0) skewX(-45deg);
        transform: translate(-250%,0) skewX(-45deg)
    }
}

@-webkit-keyframes ld-rush-rtl {
    0% {
        -webkit-transform: translate(200%,0) skewX(-45deg);
        transform: translate(200%,0) skewX(-45deg);
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    30% {
        -webkit-transform: translate(-40%,0) skewX(35deg);
        transform: translate(-40%,0) skewX(35deg)
    }

    45% {
        -webkit-transform: translate(20%,0) skewX(-15deg);
        transform: translate(20%,0) skewX(-15deg)
    }

    60% {
        -webkit-transform: translate(-10%,0) skewX(7deg);
        transform: translate(-10%,0) skewX(7deg)
    }

    80% {
        -webkit-transform: translate(0%,0) skewX(0deg);
        transform: translate(0%,0) skewX(0deg)
    }

    100% {
        -webkit-transform: translate(-250%,0) skewX(-45deg);
        transform: translate(-250%,0) skewX(-45deg)
    }
}

.ld.ld-rush-rtl {
    -webkit-animation: ld-rush-rtl 1.5s infinite linear;
    animation: ld-rush-rtl 1.5s infinite linear
}

@keyframes ld-rush-ltr {
    0% {
        -webkit-transform: translate(-200%,0) skewX(45deg);
        transform: translate(-200%,0) skewX(45deg);
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    30% {
        -webkit-transform: translate(40%,0) skewX(-35deg);
        transform: translate(40%,0) skewX(-35deg)
    }

    45% {
        -webkit-transform: translate(-20%,0) skewX(15deg);
        transform: translate(-20%,0) skewX(15deg)
    }

    60% {
        -webkit-transform: translate(10%,0) skewX(-7deg);
        transform: translate(10%,0) skewX(-7deg)
    }

    80% {
        -webkit-transform: translate(0%,0) skewX(0deg);
        transform: translate(0%,0) skewX(0deg)
    }

    100% {
        -webkit-transform: translate(250%,0) skewX(45deg);
        transform: translate(250%,0) skewX(45deg)
    }
}

@-webkit-keyframes ld-rush-ltr {
    0% {
        -webkit-transform: translate(-200%,0) skewX(45deg);
        transform: translate(-200%,0) skewX(45deg);
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    30% {
        -webkit-transform: translate(40%,0) skewX(-35deg);
        transform: translate(40%,0) skewX(-35deg)
    }

    45% {
        -webkit-transform: translate(-20%,0) skewX(15deg);
        transform: translate(-20%,0) skewX(15deg)
    }

    60% {
        -webkit-transform: translate(10%,0) skewX(-7deg);
        transform: translate(10%,0) skewX(-7deg)
    }

    80% {
        -webkit-transform: translate(0%,0) skewX(0deg);
        transform: translate(0%,0) skewX(0deg)
    }

    100% {
        -webkit-transform: translate(250%,0) skewX(45deg);
        transform: translate(250%,0) skewX(45deg)
    }
}

.ld.ld-rush-ltr {
    -webkit-animation: ld-rush-ltr 1.5s infinite linear;
    animation: ld-rush-ltr 1.5s infinite linear
}

@keyframes ld-shake {
    0%,16.6%,33.3%,50%,66.6%,83.3% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    16.6% {
        -webkit-transform: translate(-35%,0);
        transform: translate(-35%,0)
    }

    33.3% {
        -webkit-transform: translate(25%,0);
        transform: translate(25%,0)
    }

    50% {
        -webkit-transform: translate(-12%,0);
        transform: translate(-12%,0)
    }

    66.6% {
        -webkit-transform: translate(6%,0);
        transform: translate(6%,0)
    }

    83.3% {
        -webkit-transform: translate(-2.5%,0);
        transform: translate(-2.5%,0)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes ld-shake {
    0%,16.6%,33.3%,50%,66.6%,83.3% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    16.6% {
        -webkit-transform: translate(-35%,0);
        transform: translate(-35%,0)
    }

    33.3% {
        -webkit-transform: translate(25%,0);
        transform: translate(25%,0)
    }

    50% {
        -webkit-transform: translate(-12%,0);
        transform: translate(-12%,0)
    }

    66.6% {
        -webkit-transform: translate(6%,0);
        transform: translate(6%,0)
    }

    83.3% {
        -webkit-transform: translate(-2.5%,0);
        transform: translate(-2.5%,0)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.ld.ld-shake {
    -webkit-animation: ld-shake 1s infinite linear;
    animation: ld-shake 1s infinite linear
}

@keyframes ld-slide-ltr {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(200%,0);
        transform: translate(200%,0)
    }

    50% {
        -webkit-transform: translate(-200%,0);
        transform: translate(-200%,0)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes ld-slide-ltr {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(200%,0);
        transform: translate(200%,0)
    }

    50% {
        -webkit-transform: translate(-200%,0);
        transform: translate(-200%,0)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.ld.ld-slide-ltr {
    -webkit-animation: ld-slide-ltr 1s infinite;
    animation: ld-slide-ltr 1s infinite
}

@keyframes ld-slide-rtl {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(-200%,0);
        transform: translate(-200%,0)
    }

    50% {
        -webkit-transform: translate(200%,0);
        transform: translate(200%,0)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes ld-slide-rtl {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(-200%,0);
        transform: translate(-200%,0)
    }

    50% {
        -webkit-transform: translate(200%,0);
        transform: translate(200%,0)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.ld.ld-slide-rtl {
    -webkit-animation: ld-slide-rtl 1s infinite;
    animation: ld-slide-rtl 1s infinite
}

@keyframes ld-slide-btt {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(0,-200%);
        transform: translate(0,-200%)
    }

    50% {
        -webkit-transform: translate(0,200%);
        transform: translate(0,200%)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes ld-slide-btt {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(0,-200%);
        transform: translate(0,-200%)
    }

    50% {
        -webkit-transform: translate(0,200%);
        transform: translate(0,200%)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.ld.ld-slide-btt {
    -webkit-animation: ld-slide-btt 1s infinite;
    animation: ld-slide-btt 1s infinite
}

@keyframes ld-slide-ttb {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(0,200%);
        transform: translate(0,200%)
    }

    50% {
        -webkit-transform: translate(0,-200%);
        transform: translate(0,-200%)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes ld-slide-ttb {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(0,200%);
        transform: translate(0,200%)
    }

    50% {
        -webkit-transform: translate(0,-200%);
        transform: translate(0,-200%)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.ld.ld-slide-ttb {
    -webkit-animation: ld-slide-ttb 1s infinite;
    animation: ld-slide-ttb 1s infinite
}

@keyframes ld-tremble {
    0% {
        -webkit-transform: translate(1%,1%);
        transform: translate(1%,1%)
    }

    5% {
        -webkit-transform: translate(0%,1%);
        transform: translate(0%,1%)
    }

    10% {
        -webkit-transform: translate(1%,2%);
        transform: translate(1%,2%)
    }

    15% {
        -webkit-transform: translate(2%,1%);
        transform: translate(2%,1%)
    }

    20% {
        -webkit-transform: translate(3%,0%);
        transform: translate(3%,0%)
    }

    25% {
        -webkit-transform: translate(1%,2%);
        transform: translate(1%,2%)
    }

    30% {
        -webkit-transform: translate(1%,3%);
        transform: translate(1%,3%)
    }

    35% {
        -webkit-transform: translate(0%,1%);
        transform: translate(0%,1%)
    }

    40% {
        -webkit-transform: translate(1%,1%);
        transform: translate(1%,1%)
    }

    45% {
        -webkit-transform: translate(1%,0%);
        transform: translate(1%,0%)
    }

    50% {
        -webkit-transform: translate(2%,1%);
        transform: translate(2%,1%)
    }

    55% {
        -webkit-transform: translate(1%,2%);
        transform: translate(1%,2%)
    }

    60% {
        -webkit-transform: translate(3%,1%);
        transform: translate(3%,1%)
    }

    65% {
        -webkit-transform: translate(0%,2%);
        transform: translate(0%,2%)
    }

    70% {
        -webkit-transform: translate(3%,0%);
        transform: translate(3%,0%)
    }

    75% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    80% {
        -webkit-transform: translate(2%,3%);
        transform: translate(2%,3%)
    }

    85% {
        -webkit-transform: translate(1%,0%);
        transform: translate(1%,0%)
    }

    90% {
        -webkit-transform: translate(0%,2%);
        transform: translate(0%,2%)
    }

    95% {
        -webkit-transform: translate(3%,2%);
        transform: translate(3%,2%)
    }
}

@-webkit-keyframes ld-tremble {
    0% {
        -webkit-transform: translate(1%,1%);
        transform: translate(1%,1%)
    }

    5% {
        -webkit-transform: translate(0%,1%);
        transform: translate(0%,1%)
    }

    10% {
        -webkit-transform: translate(1%,2%);
        transform: translate(1%,2%)
    }

    15% {
        -webkit-transform: translate(2%,1%);
        transform: translate(2%,1%)
    }

    20% {
        -webkit-transform: translate(3%,0%);
        transform: translate(3%,0%)
    }

    25% {
        -webkit-transform: translate(1%,2%);
        transform: translate(1%,2%)
    }

    30% {
        -webkit-transform: translate(1%,3%);
        transform: translate(1%,3%)
    }

    35% {
        -webkit-transform: translate(0%,1%);
        transform: translate(0%,1%)
    }

    40% {
        -webkit-transform: translate(1%,1%);
        transform: translate(1%,1%)
    }

    45% {
        -webkit-transform: translate(1%,0%);
        transform: translate(1%,0%)
    }

    50% {
        -webkit-transform: translate(2%,1%);
        transform: translate(2%,1%)
    }

    55% {
        -webkit-transform: translate(1%,2%);
        transform: translate(1%,2%)
    }

    60% {
        -webkit-transform: translate(3%,1%);
        transform: translate(3%,1%)
    }

    65% {
        -webkit-transform: translate(0%,2%);
        transform: translate(0%,2%)
    }

    70% {
        -webkit-transform: translate(3%,0%);
        transform: translate(3%,0%)
    }

    75% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    80% {
        -webkit-transform: translate(2%,3%);
        transform: translate(2%,3%)
    }

    85% {
        -webkit-transform: translate(1%,0%);
        transform: translate(1%,0%)
    }

    90% {
        -webkit-transform: translate(0%,2%);
        transform: translate(0%,2%)
    }

    95% {
        -webkit-transform: translate(3%,2%);
        transform: translate(3%,2%)
    }
}

.ld.ld-tremble {
    -webkit-animation: ld-tremble 1s infinite;
    animation: ld-tremble 1s infinite
}

@keyframes ld-wander-h {
    0% {
        -webkit-transform: translate(-35%,0);
        transform: translate(-35%,0)
    }

    50% {
        -webkit-transform: translate(35%,0);
        transform: translate(35%,0)
    }

    100% {
        -webkit-transform: translate(-35%,0);
        transform: translate(-35%,0)
    }
}

@-webkit-keyframes ld-wander-h {
    0% {
        -webkit-transform: translate(-35%,0);
        transform: translate(-35%,0)
    }

    50% {
        -webkit-transform: translate(35%,0);
        transform: translate(35%,0)
    }

    100% {
        -webkit-transform: translate(-35%,0);
        transform: translate(-35%,0)
    }
}

.ld.ld-wander-h {
    -webkit-animation: ld-wander-h 1s infinite ease-out;
    animation: ld-wander-h 1s infinite ease-out
}

@keyframes ld-wander-v {
    0% {
        -webkit-transform: translate(0,-35%);
        transform: translate(0,-35%)
    }

    50% {
        -webkit-transform: translate(0,35%);
        transform: translate(0,35%)
    }

    100% {
        -webkit-transform: translate(0,-35%);
        transform: translate(0,-35%)
    }
}

@-webkit-keyframes ld-wander-v {
    0% {
        -webkit-transform: translate(0,-35%);
        transform: translate(0,-35%)
    }

    50% {
        -webkit-transform: translate(0,35%);
        transform: translate(0,35%)
    }

    100% {
        -webkit-transform: translate(0,-35%);
        transform: translate(0,-35%)
    }
}

.ld.ld-wander-v {
    -webkit-animation: ld-wander-v 1s infinite ease-out;
    animation: ld-wander-v 1s infinite ease-out
}

@keyframes ld-jingle {
    0% {
        -webkit-transform: translate(0,-40%) rotate(0deg) translate(0,40%);
        transform: translate(0,-40%) rotate(0deg) translate(0,40%)
    }

    4% {
        -webkit-transform: translate(0,-40%) rotate(11deg) translate(0,40%);
        transform: translate(0,-40%) rotate(11deg) translate(0,40%)
    }

    10% {
        -webkit-transform: translate(0,-40%) rotate(15deg) translate(0,40%);
        transform: translate(0,-40%) rotate(15deg) translate(0,40%)
    }

    18% {
        -webkit-transform: translate(0,-40%) rotate(-11deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-11deg) translate(0,40%)
    }

    20% {
        -webkit-transform: translate(0,-40%) rotate(-13deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-13deg) translate(0,40%)
    }

    21% {
        -webkit-transform: translate(0,-40%) rotate(-12deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-12deg) translate(0,40%)
    }

    22% {
        -webkit-transform: translate(0,-40%) rotate(-10deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-10deg) translate(0,40%)
    }

    24% {
        -webkit-transform: translate(0,-40%) rotate(-5deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-5deg) translate(0,40%)
    }

    26% {
        -webkit-transform: translate(0,-40%) rotate(3deg) translate(0,40%);
        transform: translate(0,-40%) rotate(3deg) translate(0,40%)
    }

    28% {
        -webkit-transform: translate(0,-40%) rotate(9deg) translate(0,40%);
        transform: translate(0,-40%) rotate(9deg) translate(0,40%)
    }

    30% {
        -webkit-transform: translate(0,-40%) rotate(10deg) translate(0,40%);
        transform: translate(0,-40%) rotate(10deg) translate(0,40%)
    }

    31% {
        -webkit-transform: translate(0,-40%) rotate(9deg) translate(0,40%);
        transform: translate(0,-40%) rotate(9deg) translate(0,40%)
    }

    33% {
        -webkit-transform: translate(0,-40%) rotate(5deg) translate(0,40%);
        transform: translate(0,-40%) rotate(5deg) translate(0,40%)
    }

    34% {
        -webkit-transform: translate(0,-40%) rotate(1deg) translate(0,40%);
        transform: translate(0,-40%) rotate(1deg) translate(0,40%)
    }

    36% {
        -webkit-transform: translate(0,-40%) rotate(-5deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-5deg) translate(0,40%)
    }

    39% {
        -webkit-transform: translate(0,-40%) rotate(-8deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-8deg) translate(0,40%)
    }

    40% {
        -webkit-transform: translate(0,-40%) rotate(-7deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-7deg) translate(0,40%)
    }

    44% {
        -webkit-transform: translate(0,-40%) rotate(3deg) translate(0,40%);
        transform: translate(0,-40%) rotate(3deg) translate(0,40%)
    }

    47% {
        -webkit-transform: translate(0,-40%) rotate(7deg) translate(0,40%);
        transform: translate(0,-40%) rotate(7deg) translate(0,40%)
    }

    56% {
        -webkit-transform: translate(0,-40%) rotate(-5deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-5deg) translate(0,40%)
    }

    63% {
        -webkit-transform: translate(0,-40%) rotate(1deg) translate(0,40%);
        transform: translate(0,-40%) rotate(1deg) translate(0,40%)
    }

    75% {
        -webkit-transform: translate(0,-40%) rotate(-1deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-1deg) translate(0,40%)
    }

    100% {
        -webkit-transform: translate(0,-40%) rotate(0deg) translate(0,40%);
        transform: translate(0,-40%) rotate(0deg) translate(0,40%)
    }
}

@-webkit-keyframes ld-jingle {
    0% {
        -webkit-transform: translate(0,-40%) rotate(0deg) translate(0,40%);
        transform: translate(0,-40%) rotate(0deg) translate(0,40%)
    }

    4% {
        -webkit-transform: translate(0,-40%) rotate(11deg) translate(0,40%);
        transform: translate(0,-40%) rotate(11deg) translate(0,40%)
    }

    10% {
        -webkit-transform: translate(0,-40%) rotate(15deg) translate(0,40%);
        transform: translate(0,-40%) rotate(15deg) translate(0,40%)
    }

    18% {
        -webkit-transform: translate(0,-40%) rotate(-11deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-11deg) translate(0,40%)
    }

    20% {
        -webkit-transform: translate(0,-40%) rotate(-13deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-13deg) translate(0,40%)
    }

    21% {
        -webkit-transform: translate(0,-40%) rotate(-12deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-12deg) translate(0,40%)
    }

    22% {
        -webkit-transform: translate(0,-40%) rotate(-10deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-10deg) translate(0,40%)
    }

    24% {
        -webkit-transform: translate(0,-40%) rotate(-5deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-5deg) translate(0,40%)
    }

    26% {
        -webkit-transform: translate(0,-40%) rotate(3deg) translate(0,40%);
        transform: translate(0,-40%) rotate(3deg) translate(0,40%)
    }

    28% {
        -webkit-transform: translate(0,-40%) rotate(9deg) translate(0,40%);
        transform: translate(0,-40%) rotate(9deg) translate(0,40%)
    }

    30% {
        -webkit-transform: translate(0,-40%) rotate(10deg) translate(0,40%);
        transform: translate(0,-40%) rotate(10deg) translate(0,40%)
    }

    31% {
        -webkit-transform: translate(0,-40%) rotate(9deg) translate(0,40%);
        transform: translate(0,-40%) rotate(9deg) translate(0,40%)
    }

    33% {
        -webkit-transform: translate(0,-40%) rotate(5deg) translate(0,40%);
        transform: translate(0,-40%) rotate(5deg) translate(0,40%)
    }

    34% {
        -webkit-transform: translate(0,-40%) rotate(1deg) translate(0,40%);
        transform: translate(0,-40%) rotate(1deg) translate(0,40%)
    }

    36% {
        -webkit-transform: translate(0,-40%) rotate(-5deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-5deg) translate(0,40%)
    }

    39% {
        -webkit-transform: translate(0,-40%) rotate(-8deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-8deg) translate(0,40%)
    }

    40% {
        -webkit-transform: translate(0,-40%) rotate(-7deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-7deg) translate(0,40%)
    }

    44% {
        -webkit-transform: translate(0,-40%) rotate(3deg) translate(0,40%);
        transform: translate(0,-40%) rotate(3deg) translate(0,40%)
    }

    47% {
        -webkit-transform: translate(0,-40%) rotate(7deg) translate(0,40%);
        transform: translate(0,-40%) rotate(7deg) translate(0,40%)
    }

    56% {
        -webkit-transform: translate(0,-40%) rotate(-5deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-5deg) translate(0,40%)
    }

    63% {
        -webkit-transform: translate(0,-40%) rotate(1deg) translate(0,40%);
        transform: translate(0,-40%) rotate(1deg) translate(0,40%)
    }

    75% {
        -webkit-transform: translate(0,-40%) rotate(-1deg) translate(0,40%);
        transform: translate(0,-40%) rotate(-1deg) translate(0,40%)
    }

    100% {
        -webkit-transform: translate(0,-40%) rotate(0deg) translate(0,40%);
        transform: translate(0,-40%) rotate(0deg) translate(0,40%)
    }
}

.ld.ld-jingle {
    -webkit-animation: ld-jingle 1s infinite;
    animation: ld-jingle 1s infinite
}

@keyframes ld-swim {
    0% {
        -webkit-transform: translate(0,0) rotate(0deg);
        transform: translate(0,0) rotate(0deg)
    }

    12.5% {
        -webkit-transform: translate(5%,-10%) rotate(3deg);
        transform: translate(5%,-10%) rotate(3deg)
    }

    25% {
        -webkit-transform: translate(0,-15%) rotate(6deg);
        transform: translate(0,-15%) rotate(6deg)
    }

    37.5% {
        -webkit-transform: translate(-5%,-10%) rotate(3deg);
        transform: translate(-5%,-10%) rotate(3deg)
    }

    50% {
        -webkit-transform: translate(0,0) rotate(0deg);
        transform: translate(0,0) rotate(0deg)
    }

    62.5% {
        -webkit-transform: translate(5%,10%) rotate(-3deg);
        transform: translate(5%,10%) rotate(-3deg)
    }

    75% {
        -webkit-transform: translate(0,15%) rotate(-6deg);
        transform: translate(0,15%) rotate(-6deg)
    }

    87.5% {
        -webkit-transform: translate(-5%,10%) rotate(-3deg);
        transform: translate(-5%,10%) rotate(-3deg)
    }

    100% {
        -webkit-transform: translate(0,0) rotate(0deg);
        transform: translate(0,0) rotate(0deg)
    }
}

@-webkit-keyframes ld-swim {
    0% {
        -webkit-transform: translate(0,0) rotate(0deg);
        transform: translate(0,0) rotate(0deg)
    }

    12.5% {
        -webkit-transform: translate(5%,-10%) rotate(3deg);
        transform: translate(5%,-10%) rotate(3deg)
    }

    25% {
        -webkit-transform: translate(0,-15%) rotate(6deg);
        transform: translate(0,-15%) rotate(6deg)
    }

    37.5% {
        -webkit-transform: translate(-5%,-10%) rotate(3deg);
        transform: translate(-5%,-10%) rotate(3deg)
    }

    50% {
        -webkit-transform: translate(0,0) rotate(0deg);
        transform: translate(0,0) rotate(0deg)
    }

    62.5% {
        -webkit-transform: translate(5%,10%) rotate(-3deg);
        transform: translate(5%,10%) rotate(-3deg)
    }

    75% {
        -webkit-transform: translate(0,15%) rotate(-6deg);
        transform: translate(0,15%) rotate(-6deg)
    }

    87.5% {
        -webkit-transform: translate(-5%,10%) rotate(-3deg);
        transform: translate(-5%,10%) rotate(-3deg)
    }

    100% {
        -webkit-transform: translate(0,0) rotate(0deg);
        transform: translate(0,0) rotate(0deg)
    }
}

.ld.ld-swim {
    -webkit-animation: ld-swim 3s infinite linear;
    animation: ld-swim 3s infinite linear
}

@keyframes ld-leaf {
    0% {
        -webkit-transform: translate(-14.7%,-117%) rotate(-.3deg);
        transform: translate(-14.7%,-117%) rotate(-.3deg)
    }

    1% {
        -webkit-transform: translate(-14.399999999999999%,-112.5%) rotate(-.6deg);
        transform: translate(-14.399999999999999%,-112.5%) rotate(-.6deg)
    }

    2% {
        -webkit-transform: translate(-13.8%,-102.00000000000001%) rotate(-1.2deg);
        transform: translate(-13.8%,-102.00000000000001%) rotate(-1.2deg)
    }

    3% {
        -webkit-transform: translate(-13.5%,-100.5%) rotate(-1.5deg);
        transform: translate(-13.5%,-100.5%) rotate(-1.5deg)
    }

    5% {
        -webkit-transform: translate(-7.199999999999999%,-87%) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999%,-87%) rotate(-7.800000000000001deg)
    }

    7% {
        -webkit-transform: translate(5.399999999999999%,-79.5%) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999%,-79.5%) rotate(-20.400000000000002deg)
    }

    10% {
        -webkit-transform: translate(12.9%,-76.5%) rotate(-27.900000000000002deg);
        transform: translate(12.9%,-76.5%) rotate(-27.900000000000002deg)
    }

    12% {
        -webkit-transform: translate(14.399999999999999%,-75%) rotate(-29.4deg);
        transform: translate(14.399999999999999%,-75%) rotate(-29.4deg)
    }

    13% {
        -webkit-transform: translate(14.7%,-75%) rotate(-29.7deg);
        transform: translate(14.7%,-75%) rotate(-29.7deg)
    }

    14% {
        -webkit-transform: translate(15%,-75%) rotate(-30deg);
        transform: translate(15%,-75%) rotate(-30deg)
    }

    15% {
        -webkit-transform: translate(14.399999999999999%,-69%) rotate(.6deg);
        transform: translate(14.399999999999999%,-69%) rotate(.6deg)
    }

    16% {
        -webkit-transform: translate(13.8%,-58.5%) rotate(1.2deg);
        transform: translate(13.8%,-58.5%) rotate(1.2deg)
    }

    19% {
        -webkit-transform: translate(7.199999999999999%,-45%) rotate(7.800000000000001deg);
        transform: translate(7.199999999999999%,-45%) rotate(7.800000000000001deg)
    }

    21% {
        -webkit-transform: translate(-5.399999999999999%,-37.5%) rotate(20.400000000000002deg);
        transform: translate(-5.399999999999999%,-37.5%) rotate(20.400000000000002deg)
    }

    24% {
        -webkit-transform: translate(-12.9%,-33%) rotate(27.900000000000002deg);
        transform: translate(-12.9%,-33%) rotate(27.900000000000002deg)
    }

    26% {
        -webkit-transform: translate(-14.399999999999999%,-33%) rotate(29.4deg);
        transform: translate(-14.399999999999999%,-33%) rotate(29.4deg)
    }

    27% {
        -webkit-transform: translate(-14.7%,-31.5%) rotate(29.7deg);
        transform: translate(-14.7%,-31.5%) rotate(29.7deg)
    }

    28% {
        -webkit-transform: translate(-15%,-31.5%) rotate(30deg);
        transform: translate(-15%,-31.5%) rotate(30deg)
    }

    29% {
        -webkit-transform: translate(-14.399999999999999%,-27%) rotate(-.6deg);
        transform: translate(-14.399999999999999%,-27%) rotate(-.6deg)
    }

    30% {
        -webkit-transform: translate(-13.8%,-16.5%) rotate(-1.2deg);
        transform: translate(-13.8%,-16.5%) rotate(-1.2deg)
    }

    31% {
        -webkit-transform: translate(-13.5%,-15%) rotate(-1.5deg);
        transform: translate(-13.5%,-15%) rotate(-1.5deg)
    }

    33% {
        -webkit-transform: translate(-7.199999999999999%,-1.5%) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999%,-1.5%) rotate(-7.800000000000001deg)
    }

    36% {
        -webkit-transform: translate(5.399999999999999%,4.5%) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999%,4.5%) rotate(-20.400000000000002deg)
    }

    38% {
        -webkit-transform: translate(12.9%,9%) rotate(-27.900000000000002deg);
        transform: translate(12.9%,9%) rotate(-27.900000000000002deg)
    }

    40% {
        -webkit-transform: translate(14.399999999999999%,10.500000000000002%) rotate(-29.4deg);
        transform: translate(14.399999999999999%,10.500000000000002%) rotate(-29.4deg)
    }

    41% {
        -webkit-transform: translate(14.7%,10.500000000000002%) rotate(-29.7deg);
        transform: translate(14.7%,10.500000000000002%) rotate(-29.7deg)
    }

    42% {
        -webkit-transform: translate(15%,10.500000000000002%) rotate(-30deg);
        transform: translate(15%,10.500000000000002%) rotate(-30deg)
    }

    43% {
        -webkit-transform: translate(15%,10.500000000000002%) rotate(-30deg);
        transform: translate(15%,10.500000000000002%) rotate(-30deg)
    }

    43% {
        -webkit-transform: translate(14.7%,10.500000000000002%) rotate(.3deg);
        transform: translate(14.7%,10.500000000000002%) rotate(.3deg)
    }

    43% {
        -webkit-transform: translate(14.399999999999999%,16.5%) rotate(.6deg);
        transform: translate(14.399999999999999%,16.5%) rotate(.6deg)
    }

    45% {
        -webkit-transform: translate(13.8%,25.500000000000004%) rotate(1.2deg);
        transform: translate(13.8%,25.500000000000004%) rotate(1.2deg)
    }

    45% {
        -webkit-transform: translate(13.5%,27%) rotate(1.5deg);
        transform: translate(13.5%,27%) rotate(1.5deg)
    }

    48% {
        -webkit-transform: translate(7.199999999999999%,40.5%) rotate(7.800000000000001deg);
        transform: translate(7.199999999999999%,40.5%) rotate(7.800000000000001deg)
    }

    50% {
        -webkit-transform: translate(-5.399999999999999%,48%) rotate(20.400000000000002deg);
        transform: translate(-5.399999999999999%,48%) rotate(20.400000000000002deg)
    }

    52% {
        -webkit-transform: translate(-12.9%,51.00000000000001%) rotate(27.900000000000002deg);
        transform: translate(-12.9%,51.00000000000001%) rotate(27.900000000000002deg)
    }

    54% {
        -webkit-transform: translate(-14.399999999999999%,52.5%) rotate(29.4deg);
        transform: translate(-14.399999999999999%,52.5%) rotate(29.4deg)
    }

    56% {
        -webkit-transform: translate(-14.7%,54%) rotate(29.7deg);
        transform: translate(-14.7%,54%) rotate(29.7deg)
    }

    57% {
        -webkit-transform: translate(-14.7%,54%) rotate(-.3deg);
        transform: translate(-14.7%,54%) rotate(-.3deg)
    }

    58% {
        -webkit-transform: translate(-14.399999999999999%,58.5%) rotate(-.6deg);
        transform: translate(-14.399999999999999%,58.5%) rotate(-.6deg)
    }

    59% {
        -webkit-transform: translate(-13.5%,70.5%) rotate(-1.5deg);
        transform: translate(-13.5%,70.5%) rotate(-1.5deg)
    }

    62% {
        -webkit-transform: translate(-7.199999999999999%,84.00000000000001%) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999%,84.00000000000001%) rotate(-7.800000000000001deg)
    }

    64% {
        -webkit-transform: translate(5.399999999999999%,91.5%) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999%,91.5%) rotate(-20.400000000000002deg)
    }

    67% {
        -webkit-transform: translate(12.9%,94.5%) rotate(-27.900000000000002deg);
        transform: translate(12.9%,94.5%) rotate(-27.900000000000002deg)
    }

    69% {
        -webkit-transform: translate(14.399999999999999%,96%) rotate(-29.4deg);
        transform: translate(14.399999999999999%,96%) rotate(-29.4deg)
    }

    70% {
        -webkit-transform: translate(14.7%,96%) rotate(-29.7deg);
        transform: translate(14.7%,96%) rotate(-29.7deg)
    }

    71% {
        -webkit-transform: translate(15%,96%) rotate(-30deg);
        transform: translate(15%,96%) rotate(-30deg)
    }

    72% {
        -webkit-transform: translate(14.399999999999999%,102.00000000000001%) rotate(.6deg);
        transform: translate(14.399999999999999%,102.00000000000001%) rotate(.6deg)
    }

    73% {
        -webkit-transform: translate(13.8%,111%) rotate(1.2deg);
        transform: translate(13.8%,111%) rotate(1.2deg)
    }

    74% {
        -webkit-transform: translate(13.5%,112.5%) rotate(1.5deg);
        transform: translate(13.5%,112.5%) rotate(1.5deg)
    }

    76% {
        -webkit-transform: translate(7.199999999999999%,126%) rotate(7.800000000000001deg);
        transform: translate(7.199999999999999%,126%) rotate(7.800000000000001deg)
    }

    79% {
        -webkit-transform: translate(-5.399999999999999%,133.5%) rotate(20.400000000000002deg);
        transform: translate(-5.399999999999999%,133.5%) rotate(20.400000000000002deg)
    }

    81% {
        -webkit-transform: translate(-12.9%,138%) rotate(27.900000000000002deg);
        transform: translate(-12.9%,138%) rotate(27.900000000000002deg)
    }

    83% {
        -webkit-transform: translate(-14.399999999999999%,139.5%) rotate(29.4deg);
        transform: translate(-14.399999999999999%,139.5%) rotate(29.4deg)
    }

    84% {
        -webkit-transform: translate(-14.7%,139.5%) rotate(29.7deg);
        transform: translate(-14.7%,139.5%) rotate(29.7deg)
    }

    85% {
        -webkit-transform: translate(-15%,139.5%) rotate(30deg);
        transform: translate(-15%,139.5%) rotate(30deg)
    }

    86% {
        -webkit-transform: translate(-14.7%,139.5%) rotate(-.3deg);
        transform: translate(-14.7%,139.5%) rotate(-.3deg)
    }

    86% {
        -webkit-transform: translate(-14.399999999999999%,144%) rotate(-.6deg);
        transform: translate(-14.399999999999999%,144%) rotate(-.6deg)
    }

    88% {
        -webkit-transform: translate(-13.5%,156%) rotate(-1.5deg);
        transform: translate(-13.5%,156%) rotate(-1.5deg)
    }

    90% {
        -webkit-transform: translate(-7.199999999999999%,169.49999999999997%) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999%,169.49999999999997%) rotate(-7.800000000000001deg)
    }

    93% {
        -webkit-transform: translate(5.399999999999999%,177%) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999%,177%) rotate(-20.400000000000002deg)
    }

    95% {
        -webkit-transform: translate(12.9%,180%) rotate(-27.900000000000002deg);
        transform: translate(12.9%,180%) rotate(-27.900000000000002deg)
    }

    97% {
        -webkit-transform: translate(14.399999999999999%,181.5%) rotate(-29.4deg);
        transform: translate(14.399999999999999%,181.5%) rotate(-29.4deg)
    }

    99% {
        -webkit-transform: translate(14.7%,181.5%) rotate(-29.7deg);
        transform: translate(14.7%,181.5%) rotate(-29.7deg)
    }

    100% {
        -webkit-transform: translate(15%,181.5%) rotate(-30deg);
        transform: translate(15%,181.5%) rotate(-30deg)
    }
}

@-webkit-keyframes ld-leaf {
    0% {
        -webkit-transform: translate(-14.7%,-117%) rotate(-.3deg);
        transform: translate(-14.7%,-117%) rotate(-.3deg)
    }

    1% {
        -webkit-transform: translate(-14.399999999999999%,-112.5%) rotate(-.6deg);
        transform: translate(-14.399999999999999%,-112.5%) rotate(-.6deg)
    }

    2% {
        -webkit-transform: translate(-13.8%,-102.00000000000001%) rotate(-1.2deg);
        transform: translate(-13.8%,-102.00000000000001%) rotate(-1.2deg)
    }

    3% {
        -webkit-transform: translate(-13.5%,-100.5%) rotate(-1.5deg);
        transform: translate(-13.5%,-100.5%) rotate(-1.5deg)
    }

    5% {
        -webkit-transform: translate(-7.199999999999999%,-87%) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999%,-87%) rotate(-7.800000000000001deg)
    }

    7% {
        -webkit-transform: translate(5.399999999999999%,-79.5%) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999%,-79.5%) rotate(-20.400000000000002deg)
    }

    10% {
        -webkit-transform: translate(12.9%,-76.5%) rotate(-27.900000000000002deg);
        transform: translate(12.9%,-76.5%) rotate(-27.900000000000002deg)
    }

    12% {
        -webkit-transform: translate(14.399999999999999%,-75%) rotate(-29.4deg);
        transform: translate(14.399999999999999%,-75%) rotate(-29.4deg)
    }

    13% {
        -webkit-transform: translate(14.7%,-75%) rotate(-29.7deg);
        transform: translate(14.7%,-75%) rotate(-29.7deg)
    }

    14% {
        -webkit-transform: translate(15%,-75%) rotate(-30deg);
        transform: translate(15%,-75%) rotate(-30deg)
    }

    15% {
        -webkit-transform: translate(14.399999999999999%,-69%) rotate(.6deg);
        transform: translate(14.399999999999999%,-69%) rotate(.6deg)
    }

    16% {
        -webkit-transform: translate(13.8%,-58.5%) rotate(1.2deg);
        transform: translate(13.8%,-58.5%) rotate(1.2deg)
    }

    19% {
        -webkit-transform: translate(7.199999999999999%,-45%) rotate(7.800000000000001deg);
        transform: translate(7.199999999999999%,-45%) rotate(7.800000000000001deg)
    }

    21% {
        -webkit-transform: translate(-5.399999999999999%,-37.5%) rotate(20.400000000000002deg);
        transform: translate(-5.399999999999999%,-37.5%) rotate(20.400000000000002deg)
    }

    24% {
        -webkit-transform: translate(-12.9%,-33%) rotate(27.900000000000002deg);
        transform: translate(-12.9%,-33%) rotate(27.900000000000002deg)
    }

    26% {
        -webkit-transform: translate(-14.399999999999999%,-33%) rotate(29.4deg);
        transform: translate(-14.399999999999999%,-33%) rotate(29.4deg)
    }

    27% {
        -webkit-transform: translate(-14.7%,-31.5%) rotate(29.7deg);
        transform: translate(-14.7%,-31.5%) rotate(29.7deg)
    }

    28% {
        -webkit-transform: translate(-15%,-31.5%) rotate(30deg);
        transform: translate(-15%,-31.5%) rotate(30deg)
    }

    29% {
        -webkit-transform: translate(-14.399999999999999%,-27%) rotate(-.6deg);
        transform: translate(-14.399999999999999%,-27%) rotate(-.6deg)
    }

    30% {
        -webkit-transform: translate(-13.8%,-16.5%) rotate(-1.2deg);
        transform: translate(-13.8%,-16.5%) rotate(-1.2deg)
    }

    31% {
        -webkit-transform: translate(-13.5%,-15%) rotate(-1.5deg);
        transform: translate(-13.5%,-15%) rotate(-1.5deg)
    }

    33% {
        -webkit-transform: translate(-7.199999999999999%,-1.5%) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999%,-1.5%) rotate(-7.800000000000001deg)
    }

    36% {
        -webkit-transform: translate(5.399999999999999%,4.5%) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999%,4.5%) rotate(-20.400000000000002deg)
    }

    38% {
        -webkit-transform: translate(12.9%,9%) rotate(-27.900000000000002deg);
        transform: translate(12.9%,9%) rotate(-27.900000000000002deg)
    }

    40% {
        -webkit-transform: translate(14.399999999999999%,10.500000000000002%) rotate(-29.4deg);
        transform: translate(14.399999999999999%,10.500000000000002%) rotate(-29.4deg)
    }

    41% {
        -webkit-transform: translate(14.7%,10.500000000000002%) rotate(-29.7deg);
        transform: translate(14.7%,10.500000000000002%) rotate(-29.7deg)
    }

    42% {
        -webkit-transform: translate(15%,10.500000000000002%) rotate(-30deg);
        transform: translate(15%,10.500000000000002%) rotate(-30deg)
    }

    43% {
        -webkit-transform: translate(15%,10.500000000000002%) rotate(-30deg);
        transform: translate(15%,10.500000000000002%) rotate(-30deg)
    }

    43% {
        -webkit-transform: translate(14.7%,10.500000000000002%) rotate(.3deg);
        transform: translate(14.7%,10.500000000000002%) rotate(.3deg)
    }

    43% {
        -webkit-transform: translate(14.399999999999999%,16.5%) rotate(.6deg);
        transform: translate(14.399999999999999%,16.5%) rotate(.6deg)
    }

    45% {
        -webkit-transform: translate(13.8%,25.500000000000004%) rotate(1.2deg);
        transform: translate(13.8%,25.500000000000004%) rotate(1.2deg)
    }

    45% {
        -webkit-transform: translate(13.5%,27%) rotate(1.5deg);
        transform: translate(13.5%,27%) rotate(1.5deg)
    }

    48% {
        -webkit-transform: translate(7.199999999999999%,40.5%) rotate(7.800000000000001deg);
        transform: translate(7.199999999999999%,40.5%) rotate(7.800000000000001deg)
    }

    50% {
        -webkit-transform: translate(-5.399999999999999%,48%) rotate(20.400000000000002deg);
        transform: translate(-5.399999999999999%,48%) rotate(20.400000000000002deg)
    }

    52% {
        -webkit-transform: translate(-12.9%,51.00000000000001%) rotate(27.900000000000002deg);
        transform: translate(-12.9%,51.00000000000001%) rotate(27.900000000000002deg)
    }

    54% {
        -webkit-transform: translate(-14.399999999999999%,52.5%) rotate(29.4deg);
        transform: translate(-14.399999999999999%,52.5%) rotate(29.4deg)
    }

    56% {
        -webkit-transform: translate(-14.7%,54%) rotate(29.7deg);
        transform: translate(-14.7%,54%) rotate(29.7deg)
    }

    57% {
        -webkit-transform: translate(-14.7%,54%) rotate(-.3deg);
        transform: translate(-14.7%,54%) rotate(-.3deg)
    }

    58% {
        -webkit-transform: translate(-14.399999999999999%,58.5%) rotate(-.6deg);
        transform: translate(-14.399999999999999%,58.5%) rotate(-.6deg)
    }

    59% {
        -webkit-transform: translate(-13.5%,70.5%) rotate(-1.5deg);
        transform: translate(-13.5%,70.5%) rotate(-1.5deg)
    }

    62% {
        -webkit-transform: translate(-7.199999999999999%,84.00000000000001%) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999%,84.00000000000001%) rotate(-7.800000000000001deg)
    }

    64% {
        -webkit-transform: translate(5.399999999999999%,91.5%) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999%,91.5%) rotate(-20.400000000000002deg)
    }

    67% {
        -webkit-transform: translate(12.9%,94.5%) rotate(-27.900000000000002deg);
        transform: translate(12.9%,94.5%) rotate(-27.900000000000002deg)
    }

    69% {
        -webkit-transform: translate(14.399999999999999%,96%) rotate(-29.4deg);
        transform: translate(14.399999999999999%,96%) rotate(-29.4deg)
    }

    70% {
        -webkit-transform: translate(14.7%,96%) rotate(-29.7deg);
        transform: translate(14.7%,96%) rotate(-29.7deg)
    }

    71% {
        -webkit-transform: translate(15%,96%) rotate(-30deg);
        transform: translate(15%,96%) rotate(-30deg)
    }

    72% {
        -webkit-transform: translate(14.399999999999999%,102.00000000000001%) rotate(.6deg);
        transform: translate(14.399999999999999%,102.00000000000001%) rotate(.6deg)
    }

    73% {
        -webkit-transform: translate(13.8%,111%) rotate(1.2deg);
        transform: translate(13.8%,111%) rotate(1.2deg)
    }

    74% {
        -webkit-transform: translate(13.5%,112.5%) rotate(1.5deg);
        transform: translate(13.5%,112.5%) rotate(1.5deg)
    }

    76% {
        -webkit-transform: translate(7.199999999999999%,126%) rotate(7.800000000000001deg);
        transform: translate(7.199999999999999%,126%) rotate(7.800000000000001deg)
    }

    79% {
        -webkit-transform: translate(-5.399999999999999%,133.5%) rotate(20.400000000000002deg);
        transform: translate(-5.399999999999999%,133.5%) rotate(20.400000000000002deg)
    }

    81% {
        -webkit-transform: translate(-12.9%,138%) rotate(27.900000000000002deg);
        transform: translate(-12.9%,138%) rotate(27.900000000000002deg)
    }

    83% {
        -webkit-transform: translate(-14.399999999999999%,139.5%) rotate(29.4deg);
        transform: translate(-14.399999999999999%,139.5%) rotate(29.4deg)
    }

    84% {
        -webkit-transform: translate(-14.7%,139.5%) rotate(29.7deg);
        transform: translate(-14.7%,139.5%) rotate(29.7deg)
    }

    85% {
        -webkit-transform: translate(-15%,139.5%) rotate(30deg);
        transform: translate(-15%,139.5%) rotate(30deg)
    }

    86% {
        -webkit-transform: translate(-14.7%,139.5%) rotate(-.3deg);
        transform: translate(-14.7%,139.5%) rotate(-.3deg)
    }

    86% {
        -webkit-transform: translate(-14.399999999999999%,144%) rotate(-.6deg);
        transform: translate(-14.399999999999999%,144%) rotate(-.6deg)
    }

    88% {
        -webkit-transform: translate(-13.5%,156%) rotate(-1.5deg);
        transform: translate(-13.5%,156%) rotate(-1.5deg)
    }

    90% {
        -webkit-transform: translate(-7.199999999999999%,169.49999999999997%) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999%,169.49999999999997%) rotate(-7.800000000000001deg)
    }

    93% {
        -webkit-transform: translate(5.399999999999999%,177%) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999%,177%) rotate(-20.400000000000002deg)
    }

    95% {
        -webkit-transform: translate(12.9%,180%) rotate(-27.900000000000002deg);
        transform: translate(12.9%,180%) rotate(-27.900000000000002deg)
    }

    97% {
        -webkit-transform: translate(14.399999999999999%,181.5%) rotate(-29.4deg);
        transform: translate(14.399999999999999%,181.5%) rotate(-29.4deg)
    }

    99% {
        -webkit-transform: translate(14.7%,181.5%) rotate(-29.7deg);
        transform: translate(14.7%,181.5%) rotate(-29.7deg)
    }

    100% {
        -webkit-transform: translate(15%,181.5%) rotate(-30deg);
        transform: translate(15%,181.5%) rotate(-30deg)
    }
}

.ld.ld-leaf {
    -webkit-animation: ld-leaf 4s infinite cubic-bezier(.1,.5,.1,.5);
    animation: ld-leaf 4s infinite cubic-bezier(.1,.5,.1,.5)
}

@keyframes ld-slot {
    0% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    9.09% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    9.1% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    16.99% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    17% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    23.79% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    23.8% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    29.59% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    29.6% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    34.49% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    34.5% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    38.49% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    38.5% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    41.79% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    41.8% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    44.39% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    44.4% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    46.29% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    46.3% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    47.79% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    47.8% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    48.79% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    48.8% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    49.39% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    49.4% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    49.79% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    49.8% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    49.99% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    50% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    49.99% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    50% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    49.99% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    50% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    49.99% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    50% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    50.190000000000005% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    50.2% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    50.59% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    50.6% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    51.190000000000005% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    51.2% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    52.190000000000005% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    52.2% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    53.690000000000005% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    53.7% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    55.59% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    55.6% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    58.190000000000005% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    58.2% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    61.49% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    61.5% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    65.49% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    65.5% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    70.39% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    70.4% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    76.19% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    76.2% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    82.99% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    83% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    90.89% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    90.9% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    99.99% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    100% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }
}

@-webkit-keyframes ld-slot {
    0% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    9.09% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    9.1% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    16.99% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    17% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    23.79% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    23.8% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    29.59% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    29.6% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    34.49% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    34.5% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    38.49% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    38.5% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    41.79% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    41.8% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    44.39% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    44.4% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    46.29% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    46.3% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    47.79% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    47.8% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    48.79% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    48.8% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    49.39% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    49.4% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    49.79% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    49.8% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    49.99% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    50% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    49.99% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    50% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    49.99% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    50% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    49.99% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    50% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    50.190000000000005% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    50.2% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    50.59% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    50.6% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    51.190000000000005% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    51.2% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    52.190000000000005% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    52.2% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    53.690000000000005% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    53.7% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    55.59% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    55.6% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    58.190000000000005% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    58.2% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    61.49% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    61.5% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    65.49% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    65.5% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    70.39% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    70.4% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    76.19% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    76.2% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    82.99% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    83% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    90.89% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    90.9% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }

    99.99% {
        -webkit-transform: translate(0,160%);
        transform: translate(0,160%)
    }

    100% {
        -webkit-transform: translate(0,-160%);
        transform: translate(0,-160%)
    }
}

.ld.ld-slot {
    -webkit-animation: ld-slot 6s infinite linear;
    animation: ld-slot 6s infinite linear
}

@keyframes ld-bounce-px {
    0%,90% {
        animation-timing-function: linear
    }

    10% {
        animation-timing-function: cubic-bezier(0,.4,.6,1)
    }

    50% {
        animation-timing-function: cubic-bezier(.4,0,1,.6)
    }

    0% {
        -webkit-transform: translate(0,30px) scaleY(.5);
        transform: translate(0,30px) scaleY(.5)
    }

    10% {
        -webkit-transform: translate(0,5px) scaleY(1.1);
        transform: translate(0,5px) scaleY(1.1)
    }

    50% {
        -webkit-transform: translate(0,-37px) scaleY(1.1);
        transform: translate(0,-37px) scaleY(1.1)
    }

    90% {
        -webkit-transform: translate(0,5px) scaleY(1.1);
        transform: translate(0,5px) scaleY(1.1)
    }

    100% {
        -webkit-transform: translate(0,30px) scaleY(.5);
        transform: translate(0,30px) scaleY(.5)
    }
}

@-webkit-keyframes ld-bounce-px {
    0%,90% {
        animation-timing-function: linear
    }

    10% {
        animation-timing-function: cubic-bezier(0,.4,.6,1)
    }

    50% {
        animation-timing-function: cubic-bezier(.4,0,1,.6)
    }

    0% {
        -webkit-transform: translate(0,30px) scaleY(.5);
        transform: translate(0,30px) scaleY(.5)
    }

    10% {
        -webkit-transform: translate(0,5px) scaleY(1.1);
        transform: translate(0,5px) scaleY(1.1)
    }

    50% {
        -webkit-transform: translate(0,-37px) scaleY(1.1);
        transform: translate(0,-37px) scaleY(1.1)
    }

    90% {
        -webkit-transform: translate(0,5px) scaleY(1.1);
        transform: translate(0,5px) scaleY(1.1)
    }

    100% {
        -webkit-transform: translate(0,30px) scaleY(.5);
        transform: translate(0,30px) scaleY(.5)
    }
}

.ld.ld-bounce-px {
    -webkit-animation: ld-bounce-px 1s infinite;
    animation: ld-bounce-px 1s infinite
}

@keyframes ld-bounce-px-rtl {
    0% {
        -webkit-transform: translate(80px,-20px);
        transform: translate(80px,-20px)
    }

    12.5% {
        -webkit-transform: translate(60px,-12px);
        transform: translate(60px,-12px)
    }

    25% {
        -webkit-transform: translate(40px,0);
        transform: translate(40px,0)
    }

    37.5% {
        -webkit-transform: translate(25px,-12px);
        transform: translate(25px,-12px)
    }

    50% {
        -webkit-transform: translate(0,-20px);
        transform: translate(0,-20px)
    }

    62.5% {
        -webkit-transform: translate(-25px,-12px);
        transform: translate(-25px,-12px)
    }

    75% {
        -webkit-transform: translate(-40px,0);
        transform: translate(-40px,0)
    }

    87.5% {
        -webkit-transform: translate(-60px,-12px);
        transform: translate(-60px,-12px)
    }

    100% {
        -webkit-transform: translate(-80px,-20px);
        transform: translate(-80px,-20px)
    }
}

@-webkit-keyframes ld-bounce-px-rtl {
    0% {
        -webkit-transform: translate(80px,-20px);
        transform: translate(80px,-20px)
    }

    12.5% {
        -webkit-transform: translate(60px,-12px);
        transform: translate(60px,-12px)
    }

    25% {
        -webkit-transform: translate(40px,0);
        transform: translate(40px,0)
    }

    37.5% {
        -webkit-transform: translate(25px,-12px);
        transform: translate(25px,-12px)
    }

    50% {
        -webkit-transform: translate(0,-20px);
        transform: translate(0,-20px)
    }

    62.5% {
        -webkit-transform: translate(-25px,-12px);
        transform: translate(-25px,-12px)
    }

    75% {
        -webkit-transform: translate(-40px,0);
        transform: translate(-40px,0)
    }

    87.5% {
        -webkit-transform: translate(-60px,-12px);
        transform: translate(-60px,-12px)
    }

    100% {
        -webkit-transform: translate(-80px,-20px);
        transform: translate(-80px,-20px)
    }
}

.ld.ld-bounce-px-rtl {
    -webkit-animation: ld-bounce-px-rtl 1s infinite linear;
    animation: ld-bounce-px-rtl 1s infinite linear
}

@keyframes ld-bounce-px-ltr {
    0% {
        -webkit-transform: translate(-80px,-20px);
        transform: translate(-80px,-20px)
    }

    12.5% {
        -webkit-transform: translate(-60px,-12px);
        transform: translate(-60px,-12px)
    }

    25% {
        -webkit-transform: translate(-50px,0);
        transform: translate(-50px,0)
    }

    37.5% {
        -webkit-transform: translate(-25px,-12px);
        transform: translate(-25px,-12px)
    }

    50% {
        -webkit-transform: translate(0,-20px);
        transform: translate(0,-20px)
    }

    62.5% {
        -webkit-transform: translate(25px,-12px);
        transform: translate(25px,-12px)
    }

    75% {
        -webkit-transform: translate(50px,0);
        transform: translate(50px,0)
    }

    87.5% {
        -webkit-transform: translate(60px,-12px);
        transform: translate(60px,-12px)
    }

    100% {
        -webkit-transform: translate(80px,-20px);
        transform: translate(80px,-20px)
    }
}

@-webkit-keyframes ld-bounce-px-ltr {
    0% {
        -webkit-transform: translate(-80px,-20px);
        transform: translate(-80px,-20px)
    }

    12.5% {
        -webkit-transform: translate(-60px,-12px);
        transform: translate(-60px,-12px)
    }

    25% {
        -webkit-transform: translate(-50px,0);
        transform: translate(-50px,0)
    }

    37.5% {
        -webkit-transform: translate(-25px,-12px);
        transform: translate(-25px,-12px)
    }

    50% {
        -webkit-transform: translate(0,-20px);
        transform: translate(0,-20px)
    }

    62.5% {
        -webkit-transform: translate(25px,-12px);
        transform: translate(25px,-12px)
    }

    75% {
        -webkit-transform: translate(50px,0);
        transform: translate(50px,0)
    }

    87.5% {
        -webkit-transform: translate(60px,-12px);
        transform: translate(60px,-12px)
    }

    100% {
        -webkit-transform: translate(80px,-20px);
        transform: translate(80px,-20px)
    }
}

.ld.ld-bounce-px-ltr {
    -webkit-animation: ld-bounce-px-ltr 1s infinite linear;
    animation: ld-bounce-px-ltr 1s infinite linear
}

@keyframes ld-bounce-a-px {
    0%,25%,50%,75%,100% {
        animation-timing-function: cubic-bezier(0,.4,.6,1)
    }

    12.5%,37.5%,62.5%,87.5% {
        animation-timing-function: cubic-bezier(.4,0,1,.6)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    12.5% {
        -webkit-transform: translate(5px,-28px);
        transform: translate(5px,-28px)
    }

    25% {
        -webkit-transform: translate(10px,0);
        transform: translate(10px,0)
    }

    37.5% {
        -webkit-transform: translate(5px,-28px);
        transform: translate(5px,-28px)
    }

    50% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    62.5% {
        -webkit-transform: translate(-5px,-28px);
        transform: translate(-5px,-28px)
    }

    75% {
        -webkit-transform: translate(-10px,0);
        transform: translate(-10px,0)
    }

    87.5% {
        -webkit-transform: translate(-5px,-28px);
        transform: translate(-5px,-28px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes ld-bounce-a-px {
    0%,25%,50%,75%,100% {
        animation-timing-function: cubic-bezier(0,.4,.6,1)
    }

    12.5%,37.5%,62.5%,87.5% {
        animation-timing-function: cubic-bezier(.4,0,1,.6)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    12.5% {
        -webkit-transform: translate(5px,-28px);
        transform: translate(5px,-28px)
    }

    25% {
        -webkit-transform: translate(10px,0);
        transform: translate(10px,0)
    }

    37.5% {
        -webkit-transform: translate(5px,-28px);
        transform: translate(5px,-28px)
    }

    50% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    62.5% {
        -webkit-transform: translate(-5px,-28px);
        transform: translate(-5px,-28px)
    }

    75% {
        -webkit-transform: translate(-10px,0);
        transform: translate(-10px,0)
    }

    87.5% {
        -webkit-transform: translate(-5px,-28px);
        transform: translate(-5px,-28px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.ld.ld-bounce-a-px {
    -webkit-animation: ld-bounce-a-px 2s infinite;
    animation: ld-bounce-a-px 2s infinite
}

@keyframes ld-float-px {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: linear
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        box-shadow: 0 0 0 rgba(0,0,0,.3)
    }

    30% {
        -webkit-transform: translate(0,-10px);
        transform: translate(0,-10px);
        box-shadow: 0 5px 5px rgba(0,0,0,.3)
    }

    50% {
        -webkit-transform: translate(0,-10px);
        transform: translate(0,-10px);
        box-shadow: 0 5px 5px rgba(0,0,0,.3)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        box-shadow: 0 0 0 rgba(0,0,0,.3)
    }
}

@-webkit-keyframes ld-float-px {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: linear
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        box-shadow: 0 0 0 rgba(0,0,0,.3)
    }

    30% {
        -webkit-transform: translate(0,-10px);
        transform: translate(0,-10px);
        box-shadow: 0 5px 5px rgba(0,0,0,.3)
    }

    50% {
        -webkit-transform: translate(0,-10px);
        transform: translate(0,-10px);
        box-shadow: 0 5px 5px rgba(0,0,0,.3)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        box-shadow: 0 0 0 rgba(0,0,0,.3)
    }
}

.ld.ld-float-px {
    -webkit-animation: ld-float-px 1s infinite;
    animation: ld-float-px 1s infinite
}

@keyframes ld-hit-px {
    0% {
        animation-timing-function: cubic-bezier(.5,0,1,.5);
        -webkit-transform: scale(0) translate(0,0) skewX(0);
        transform: scale(0) translate(0,0) skewX(0)
    }

    20% {
        -webkit-transform: scale(1) translate(0,0) skewX(20deg);
        transform: scale(1) translate(0,0) skewX(20deg)
    }

    50% {
        animation-timing-function: cubic-bezier(1,0,1,.5);
        -webkit-transform: scale(1) translate(0,0) skewX(20deg);
        transform: scale(1) translate(0,0) skewX(20deg)
    }

    100% {
        -webkit-transform: scale(1) translate(0,150px) skewX(20deg);
        transform: scale(1) translate(0,150px) skewX(20deg)
    }
}

@-webkit-keyframes ld-hit-px {
    0% {
        animation-timing-function: cubic-bezier(.5,0,1,.5);
        -webkit-transform: scale(0) translate(0,0) skewX(0);
        transform: scale(0) translate(0,0) skewX(0)
    }

    20% {
        -webkit-transform: scale(1) translate(0,0) skewX(20deg);
        transform: scale(1) translate(0,0) skewX(20deg)
    }

    50% {
        animation-timing-function: cubic-bezier(1,0,1,.5);
        -webkit-transform: scale(1) translate(0,0) skewX(20deg);
        transform: scale(1) translate(0,0) skewX(20deg)
    }

    100% {
        -webkit-transform: scale(1) translate(0,150px) skewX(20deg);
        transform: scale(1) translate(0,150px) skewX(20deg)
    }
}

.ld.ld-hit-px {
    -webkit-animation: ld-hit-px 2s infinite;
    animation: ld-hit-px 2s infinite
}

@keyframes ld-jelly-px {
    0%,16.6%,33.3%,50%,66.6%,83.3% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0) skewX(0deg);
        transform: translate(0,0) skewX(0deg)
    }

    16.6% {
        -webkit-transform: translate(-30px,0) skewX(30deg);
        transform: translate(-30px,0) skewX(30deg)
    }

    33.3% {
        -webkit-transform: translate(25px,0) skewX(-20deg);
        transform: translate(25px,0) skewX(-20deg)
    }

    50% {
        -webkit-transform: translate(-12px,0) skewX(10deg);
        transform: translate(-12px,0) skewX(10deg)
    }

    66.6% {
        -webkit-transform: translate(6px,0) skewX(-5deg);
        transform: translate(6px,0) skewX(-5deg)
    }

    83.3% {
        -webkit-transform: translate(-2.5px,0) skewX(2deg);
        transform: translate(-2.5px,0) skewX(2deg)
    }

    100% {
        -webkit-transform: translate(0,0) skewX(0deg);
        transform: translate(0,0) skewX(0deg)
    }
}

@-webkit-keyframes ld-jelly-px {
    0%,16.6%,33.3%,50%,66.6%,83.3% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0) skewX(0deg);
        transform: translate(0,0) skewX(0deg)
    }

    16.6% {
        -webkit-transform: translate(-30px,0) skewX(30deg);
        transform: translate(-30px,0) skewX(30deg)
    }

    33.3% {
        -webkit-transform: translate(25px,0) skewX(-20deg);
        transform: translate(25px,0) skewX(-20deg)
    }

    50% {
        -webkit-transform: translate(-12px,0) skewX(10deg);
        transform: translate(-12px,0) skewX(10deg)
    }

    66.6% {
        -webkit-transform: translate(6px,0) skewX(-5deg);
        transform: translate(6px,0) skewX(-5deg)
    }

    83.3% {
        -webkit-transform: translate(-2.5px,0) skewX(2deg);
        transform: translate(-2.5px,0) skewX(2deg)
    }

    100% {
        -webkit-transform: translate(0,0) skewX(0deg);
        transform: translate(0,0) skewX(0deg)
    }
}

.ld.ld-jelly-px {
    -webkit-animation: ld-jelly-px 1s infinite linear;
    animation: ld-jelly-px 1s infinite linear
}

@keyframes ld-jump-px {
    0%,28%,48%,64%,76%,86%,93%,100% {
        animation-timing-function: ease-out
    }

    14%,38%,56%,70%,81%,90%,97% {
        animation-timing-function: ease-in
    }

    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    14% {
        -webkit-transform: translateY(-27px);
        transform: translateY(-27px)
    }

    28% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    38% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    48% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    56% {
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px)
    }

    64% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    70% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    76% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    81% {
        -webkit-transform: translateY(-7.5px);
        transform: translateY(-7.5px)
    }

    86% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    90% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    93% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    97% {
        -webkit-transform: translateY(-1.5px);
        transform: translateY(-1.5px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes ld-jump-px {
    0%,28%,48%,64%,76%,86%,93%,100% {
        animation-timing-function: ease-out
    }

    14%,38%,56%,70%,81%,90%,97% {
        animation-timing-function: ease-in
    }

    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    14% {
        -webkit-transform: translateY(-27px);
        transform: translateY(-27px)
    }

    28% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    38% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    48% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    56% {
        -webkit-transform: translateY(-16px);
        transform: translateY(-16px)
    }

    64% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    70% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    76% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    81% {
        -webkit-transform: translateY(-7.5px);
        transform: translateY(-7.5px)
    }

    86% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    90% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    93% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    97% {
        -webkit-transform: translateY(-1.5px);
        transform: translateY(-1.5px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.ld.ld-jump-px {
    -webkit-animation: ld-jump-px 1.5s ease-in infinite;
    animation: ld-jump-px 1.5s ease-in infinite
}

@keyframes ld-orbit-px {
    0% {
        -webkit-transform: translate(30px,0) rotate(0deg);
        transform: translate(30px,0) rotate(0deg)
    }

    12.5% {
        -webkit-transform: translate(21px,21px) rotate(45deg);
        transform: translate(21px,21px) rotate(45deg)
    }

    25% {
        -webkit-transform: translate(0,30px) rotate(90deg);
        transform: translate(0,30px) rotate(90deg)
    }

    37.5% {
        -webkit-transform: translate(-21px,21px) rotate(135deg);
        transform: translate(-21px,21px) rotate(135deg)
    }

    50% {
        -webkit-transform: translate(-30px,0) rotate(180deg);
        transform: translate(-30px,0) rotate(180deg)
    }

    62.5% {
        -webkit-transform: translate(-21px,-21px) rotate(225deg);
        transform: translate(-21px,-21px) rotate(225deg)
    }

    75% {
        -webkit-transform: translate(0,-30px) rotate(270deg);
        transform: translate(0,-30px) rotate(270deg)
    }

    87.5% {
        -webkit-transform: translate(21px,-21px) rotate(315deg);
        transform: translate(21px,-21px) rotate(315deg)
    }

    100% {
        -webkit-transform: translate(30px,0) rotate(360deg);
        transform: translate(30px,0) rotate(360deg)
    }
}

@-webkit-keyframes ld-orbit-px {
    0% {
        -webkit-transform: translate(30px,0) rotate(0deg);
        transform: translate(30px,0) rotate(0deg)
    }

    12.5% {
        -webkit-transform: translate(21px,21px) rotate(45deg);
        transform: translate(21px,21px) rotate(45deg)
    }

    25% {
        -webkit-transform: translate(0,30px) rotate(90deg);
        transform: translate(0,30px) rotate(90deg)
    }

    37.5% {
        -webkit-transform: translate(-21px,21px) rotate(135deg);
        transform: translate(-21px,21px) rotate(135deg)
    }

    50% {
        -webkit-transform: translate(-30px,0) rotate(180deg);
        transform: translate(-30px,0) rotate(180deg)
    }

    62.5% {
        -webkit-transform: translate(-21px,-21px) rotate(225deg);
        transform: translate(-21px,-21px) rotate(225deg)
    }

    75% {
        -webkit-transform: translate(0,-30px) rotate(270deg);
        transform: translate(0,-30px) rotate(270deg)
    }

    87.5% {
        -webkit-transform: translate(21px,-21px) rotate(315deg);
        transform: translate(21px,-21px) rotate(315deg)
    }

    100% {
        -webkit-transform: translate(30px,0) rotate(360deg);
        transform: translate(30px,0) rotate(360deg)
    }
}

.ld.ld-orbit-px {
    -webkit-animation: ld-orbit-px 1s infinite linear;
    animation: ld-orbit-px 1s infinite linear
}

@keyframes ld-rush-px-rtl {
    0% {
        -webkit-transform: translate(100px,0) skewX(-45deg);
        transform: translate(100px,0) skewX(-45deg);
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    30% {
        -webkit-transform: translate(-20px,0) skewX(35deg);
        transform: translate(-20px,0) skewX(35deg)
    }

    45% {
        -webkit-transform: translate(10px,0) skewX(-15deg);
        transform: translate(10px,0) skewX(-15deg)
    }

    60% {
        -webkit-transform: translate(-5px,0) skewX(7deg);
        transform: translate(-5px,0) skewX(7deg)
    }

    80% {
        -webkit-transform: translate(0,0) skewX(0deg);
        transform: translate(0,0) skewX(0deg)
    }

    100% {
        -webkit-transform: translate(-150px,0) skewX(-45deg);
        transform: translate(-150px,0) skewX(-45deg)
    }
}

@-webkit-keyframes ld-rush-px-rtl {
    0% {
        -webkit-transform: translate(100px,0) skewX(-45deg);
        transform: translate(100px,0) skewX(-45deg);
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    30% {
        -webkit-transform: translate(-20px,0) skewX(35deg);
        transform: translate(-20px,0) skewX(35deg)
    }

    45% {
        -webkit-transform: translate(10px,0) skewX(-15deg);
        transform: translate(10px,0) skewX(-15deg)
    }

    60% {
        -webkit-transform: translate(-5px,0) skewX(7deg);
        transform: translate(-5px,0) skewX(7deg)
    }

    80% {
        -webkit-transform: translate(0,0) skewX(0deg);
        transform: translate(0,0) skewX(0deg)
    }

    100% {
        -webkit-transform: translate(-150px,0) skewX(-45deg);
        transform: translate(-150px,0) skewX(-45deg)
    }
}

.ld.ld-rush-px-rtl {
    -webkit-animation: ld-rush-px-rtl 1.5s infinite linear;
    animation: ld-rush-px-rtl 1.5s infinite linear
}

@keyframes ld-rush-px-ltr {
    0% {
        -webkit-transform: translate(-100px,0) skewX(45deg);
        transform: translate(-100px,0) skewX(45deg);
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    30% {
        -webkit-transform: translate(20px,0) skewX(-35deg);
        transform: translate(20px,0) skewX(-35deg)
    }

    45% {
        -webkit-transform: translate(-10px,0) skewX(15deg);
        transform: translate(-10px,0) skewX(15deg)
    }

    60% {
        -webkit-transform: translate(5px,0) skewX(-7deg);
        transform: translate(5px,0) skewX(-7deg)
    }

    80% {
        -webkit-transform: translate(0,0) skewX(0deg);
        transform: translate(0,0) skewX(0deg)
    }

    100% {
        -webkit-transform: translate(150px,0) skewX(45deg);
        transform: translate(150px,0) skewX(45deg)
    }
}

@-webkit-keyframes ld-rush-px-ltr {
    0% {
        -webkit-transform: translate(-100px,0) skewX(45deg);
        transform: translate(-100px,0) skewX(45deg);
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    30% {
        -webkit-transform: translate(20px,0) skewX(-35deg);
        transform: translate(20px,0) skewX(-35deg)
    }

    45% {
        -webkit-transform: translate(-10px,0) skewX(15deg);
        transform: translate(-10px,0) skewX(15deg)
    }

    60% {
        -webkit-transform: translate(5px,0) skewX(-7deg);
        transform: translate(5px,0) skewX(-7deg)
    }

    80% {
        -webkit-transform: translate(0,0) skewX(0deg);
        transform: translate(0,0) skewX(0deg)
    }

    100% {
        -webkit-transform: translate(150px,0) skewX(45deg);
        transform: translate(150px,0) skewX(45deg)
    }
}

.ld.ld-rush-px-ltr {
    -webkit-animation: ld-rush-px-ltr 1.5s infinite linear;
    animation: ld-rush-px-ltr 1.5s infinite linear
}

@keyframes ld-shake-px {
    0%,16.6%,33.3%,50%,66.6%,83.3% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    16.6% {
        -webkit-transform: translate(-35px,0);
        transform: translate(-35px,0)
    }

    33.3% {
        -webkit-transform: translate(25px,0);
        transform: translate(25px,0)
    }

    50% {
        -webkit-transform: translate(-12px,0);
        transform: translate(-12px,0)
    }

    66.6% {
        -webkit-transform: translate(6px,0);
        transform: translate(6px,0)
    }

    83.3% {
        -webkit-transform: translate(-2.5px,0);
        transform: translate(-2.5px,0)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes ld-shake-px {
    0%,16.6%,33.3%,50%,66.6%,83.3% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    16.6% {
        -webkit-transform: translate(-35px,0);
        transform: translate(-35px,0)
    }

    33.3% {
        -webkit-transform: translate(25px,0);
        transform: translate(25px,0)
    }

    50% {
        -webkit-transform: translate(-12px,0);
        transform: translate(-12px,0)
    }

    66.6% {
        -webkit-transform: translate(6px,0);
        transform: translate(6px,0)
    }

    83.3% {
        -webkit-transform: translate(-2.5px,0);
        transform: translate(-2.5px,0)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.ld.ld-shake-px {
    -webkit-animation: ld-shake-px 1s infinite linear;
    animation: ld-shake-px 1s infinite linear
}

@keyframes ld-slide-px-ltr {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(100px,0);
        transform: translate(100px,0)
    }

    50% {
        -webkit-transform: translate(-100px,0);
        transform: translate(-100px,0)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes ld-slide-px-ltr {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(100px,0);
        transform: translate(100px,0)
    }

    50% {
        -webkit-transform: translate(-100px,0);
        transform: translate(-100px,0)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.ld.ld-slide-px-ltr {
    -webkit-animation: ld-slide-px-ltr 1s infinite;
    animation: ld-slide-px-ltr 1s infinite
}

@keyframes ld-slide-px-rtl {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(-100px,0);
        transform: translate(-100px,0)
    }

    50% {
        -webkit-transform: translate(100px,0);
        transform: translate(100px,0)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes ld-slide-px-rtl {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(-100px,0);
        transform: translate(-100px,0)
    }

    50% {
        -webkit-transform: translate(100px,0);
        transform: translate(100px,0)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.ld.ld-slide-px-rtl {
    -webkit-animation: ld-slide-px-rtl 1s infinite;
    animation: ld-slide-px-rtl 1s infinite
}

@keyframes ld-slide-px-btt {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    50% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes ld-slide-px-btt {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    50% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.ld.ld-slide-px-btt {
    -webkit-animation: ld-slide-px-btt 1s infinite;
    animation: ld-slide-px-btt 1s infinite
}

@keyframes ld-slide-px-ttb {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    50% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes ld-slide-px-ttb {
    0%,100% {
        animation-timing-function: cubic-bezier(.5,0,1,.5)
    }

    50% {
        animation-timing-function: cubic-bezier(0,.5,.5,1)
    }

    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    49.9% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    50% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.ld.ld-slide-px-ttb {
    -webkit-animation: ld-slide-px-ttb 1s infinite;
    animation: ld-slide-px-ttb 1s infinite
}

@keyframes ld-tremble-px {
    0% {
        -webkit-transform: translate(1px,1px);
        transform: translate(1px,1px)
    }

    5% {
        -webkit-transform: translate(0,1px);
        transform: translate(0,1px)
    }

    10% {
        -webkit-transform: translate(1px,2px);
        transform: translate(1px,2px)
    }

    15% {
        -webkit-transform: translate(2px,1px);
        transform: translate(2px,1px)
    }

    20% {
        -webkit-transform: translate(3px,0);
        transform: translate(3px,0)
    }

    25% {
        -webkit-transform: translate(1px,2px);
        transform: translate(1px,2px)
    }

    30% {
        -webkit-transform: translate(1px,3px);
        transform: translate(1px,3px)
    }

    35% {
        -webkit-transform: translate(0,1px);
        transform: translate(0,1px)
    }

    40% {
        -webkit-transform: translate(1px,1px);
        transform: translate(1px,1px)
    }

    45% {
        -webkit-transform: translate(1px,0);
        transform: translate(1px,0)
    }

    50% {
        -webkit-transform: translate(2px,1px);
        transform: translate(2px,1px)
    }

    55% {
        -webkit-transform: translate(1px,2px);
        transform: translate(1px,2px)
    }

    60% {
        -webkit-transform: translate(3px,1px);
        transform: translate(3px,1px)
    }

    65% {
        -webkit-transform: translate(0,2px);
        transform: translate(0,2px)
    }

    70% {
        -webkit-transform: translate(3px,0);
        transform: translate(3px,0)
    }

    75% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    80% {
        -webkit-transform: translate(2px,3px);
        transform: translate(2px,3px)
    }

    85% {
        -webkit-transform: translate(1px,0);
        transform: translate(1px,0)
    }

    90% {
        -webkit-transform: translate(0,2px);
        transform: translate(0,2px)
    }

    95% {
        -webkit-transform: translate(3px,2px);
        transform: translate(3px,2px)
    }
}

@-webkit-keyframes ld-tremble-px {
    0% {
        -webkit-transform: translate(1px,1px);
        transform: translate(1px,1px)
    }

    5% {
        -webkit-transform: translate(0,1px);
        transform: translate(0,1px)
    }

    10% {
        -webkit-transform: translate(1px,2px);
        transform: translate(1px,2px)
    }

    15% {
        -webkit-transform: translate(2px,1px);
        transform: translate(2px,1px)
    }

    20% {
        -webkit-transform: translate(3px,0);
        transform: translate(3px,0)
    }

    25% {
        -webkit-transform: translate(1px,2px);
        transform: translate(1px,2px)
    }

    30% {
        -webkit-transform: translate(1px,3px);
        transform: translate(1px,3px)
    }

    35% {
        -webkit-transform: translate(0,1px);
        transform: translate(0,1px)
    }

    40% {
        -webkit-transform: translate(1px,1px);
        transform: translate(1px,1px)
    }

    45% {
        -webkit-transform: translate(1px,0);
        transform: translate(1px,0)
    }

    50% {
        -webkit-transform: translate(2px,1px);
        transform: translate(2px,1px)
    }

    55% {
        -webkit-transform: translate(1px,2px);
        transform: translate(1px,2px)
    }

    60% {
        -webkit-transform: translate(3px,1px);
        transform: translate(3px,1px)
    }

    65% {
        -webkit-transform: translate(0,2px);
        transform: translate(0,2px)
    }

    70% {
        -webkit-transform: translate(3px,0);
        transform: translate(3px,0)
    }

    75% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    80% {
        -webkit-transform: translate(2px,3px);
        transform: translate(2px,3px)
    }

    85% {
        -webkit-transform: translate(1px,0);
        transform: translate(1px,0)
    }

    90% {
        -webkit-transform: translate(0,2px);
        transform: translate(0,2px)
    }

    95% {
        -webkit-transform: translate(3px,2px);
        transform: translate(3px,2px)
    }
}

.ld.ld-tremble-px {
    -webkit-animation: ld-tremble-px 1s infinite;
    animation: ld-tremble-px 1s infinite
}

@keyframes ld-wander-px-h {
    0% {
        -webkit-transform: translate(-35px,0);
        transform: translate(-35px,0)
    }

    50% {
        -webkit-transform: translate(35px,0);
        transform: translate(35px,0)
    }

    100% {
        -webkit-transform: translate(-35px,0);
        transform: translate(-35px,0)
    }
}

@-webkit-keyframes ld-wander-px-h {
    0% {
        -webkit-transform: translate(-35px,0);
        transform: translate(-35px,0)
    }

    50% {
        -webkit-transform: translate(35px,0);
        transform: translate(35px,0)
    }

    100% {
        -webkit-transform: translate(-35px,0);
        transform: translate(-35px,0)
    }
}

.ld.ld-wander-px-h {
    -webkit-animation: ld-wander-px-h 1s infinite ease-out;
    animation: ld-wander-px-h 1s infinite ease-out
}

@keyframes ld-wander-px-v {
    0% {
        -webkit-transform: translate(0,-35px);
        transform: translate(0,-35px)
    }

    50% {
        -webkit-transform: translate(0,35px);
        transform: translate(0,35px)
    }

    100% {
        -webkit-transform: translate(0,-35px);
        transform: translate(0,-35px)
    }
}

@-webkit-keyframes ld-wander-px-v {
    0% {
        -webkit-transform: translate(0,-35px);
        transform: translate(0,-35px)
    }

    50% {
        -webkit-transform: translate(0,35px);
        transform: translate(0,35px)
    }

    100% {
        -webkit-transform: translate(0,-35px);
        transform: translate(0,-35px)
    }
}

.ld.ld-wander-px-v {
    -webkit-animation: ld-wander-px-v 1s infinite ease-out;
    animation: ld-wander-px-v 1s infinite ease-out
}

@keyframes ld-jingle-px {
    0% {
        -webkit-transform: translate(0,-40px) rotate(0deg) translate(0,40px);
        transform: translate(0,-40px) rotate(0deg) translate(0,40px)
    }

    4% {
        -webkit-transform: translate(0,-40px) rotate(11deg) translate(0,40px);
        transform: translate(0,-40px) rotate(11deg) translate(0,40px)
    }

    10% {
        -webkit-transform: translate(0,-40px) rotate(15deg) translate(0,40px);
        transform: translate(0,-40px) rotate(15deg) translate(0,40px)
    }

    18% {
        -webkit-transform: translate(0,-40px) rotate(-11deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-11deg) translate(0,40px)
    }

    20% {
        -webkit-transform: translate(0,-40px) rotate(-13deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-13deg) translate(0,40px)
    }

    21% {
        -webkit-transform: translate(0,-40px) rotate(-12deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-12deg) translate(0,40px)
    }

    22% {
        -webkit-transform: translate(0,-40px) rotate(-10deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-10deg) translate(0,40px)
    }

    24% {
        -webkit-transform: translate(0,-40px) rotate(-5deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-5deg) translate(0,40px)
    }

    26% {
        -webkit-transform: translate(0,-40px) rotate(3deg) translate(0,40px);
        transform: translate(0,-40px) rotate(3deg) translate(0,40px)
    }

    28% {
        -webkit-transform: translate(0,-40px) rotate(9deg) translate(0,40px);
        transform: translate(0,-40px) rotate(9deg) translate(0,40px)
    }

    30% {
        -webkit-transform: translate(0,-40px) rotate(10deg) translate(0,40px);
        transform: translate(0,-40px) rotate(10deg) translate(0,40px)
    }

    31% {
        -webkit-transform: translate(0,-40px) rotate(9deg) translate(0,40px);
        transform: translate(0,-40px) rotate(9deg) translate(0,40px)
    }

    33% {
        -webkit-transform: translate(0,-40px) rotate(5deg) translate(0,40px);
        transform: translate(0,-40px) rotate(5deg) translate(0,40px)
    }

    34% {
        -webkit-transform: translate(0,-40px) rotate(1deg) translate(0,40px);
        transform: translate(0,-40px) rotate(1deg) translate(0,40px)
    }

    36% {
        -webkit-transform: translate(0,-40px) rotate(-5deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-5deg) translate(0,40px)
    }

    39% {
        -webkit-transform: translate(0,-40px) rotate(-8deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-8deg) translate(0,40px)
    }

    40% {
        -webkit-transform: translate(0,-40px) rotate(-7deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-7deg) translate(0,40px)
    }

    44% {
        -webkit-transform: translate(0,-40px) rotate(3deg) translate(0,40px);
        transform: translate(0,-40px) rotate(3deg) translate(0,40px)
    }

    47% {
        -webkit-transform: translate(0,-40px) rotate(7deg) translate(0,40px);
        transform: translate(0,-40px) rotate(7deg) translate(0,40px)
    }

    56% {
        -webkit-transform: translate(0,-40px) rotate(-5deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-5deg) translate(0,40px)
    }

    63% {
        -webkit-transform: translate(0,-40px) rotate(1deg) translate(0,40px);
        transform: translate(0,-40px) rotate(1deg) translate(0,40px)
    }

    75% {
        -webkit-transform: translate(0,-40px) rotate(-1deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-1deg) translate(0,40px)
    }

    100% {
        -webkit-transform: translate(0,-40px) rotate(0deg) translate(0,40px);
        transform: translate(0,-40px) rotate(0deg) translate(0,40px)
    }
}

@-webkit-keyframes ld-jingle-px {
    0% {
        -webkit-transform: translate(0,-40px) rotate(0deg) translate(0,40px);
        transform: translate(0,-40px) rotate(0deg) translate(0,40px)
    }

    4% {
        -webkit-transform: translate(0,-40px) rotate(11deg) translate(0,40px);
        transform: translate(0,-40px) rotate(11deg) translate(0,40px)
    }

    10% {
        -webkit-transform: translate(0,-40px) rotate(15deg) translate(0,40px);
        transform: translate(0,-40px) rotate(15deg) translate(0,40px)
    }

    18% {
        -webkit-transform: translate(0,-40px) rotate(-11deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-11deg) translate(0,40px)
    }

    20% {
        -webkit-transform: translate(0,-40px) rotate(-13deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-13deg) translate(0,40px)
    }

    21% {
        -webkit-transform: translate(0,-40px) rotate(-12deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-12deg) translate(0,40px)
    }

    22% {
        -webkit-transform: translate(0,-40px) rotate(-10deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-10deg) translate(0,40px)
    }

    24% {
        -webkit-transform: translate(0,-40px) rotate(-5deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-5deg) translate(0,40px)
    }

    26% {
        -webkit-transform: translate(0,-40px) rotate(3deg) translate(0,40px);
        transform: translate(0,-40px) rotate(3deg) translate(0,40px)
    }

    28% {
        -webkit-transform: translate(0,-40px) rotate(9deg) translate(0,40px);
        transform: translate(0,-40px) rotate(9deg) translate(0,40px)
    }

    30% {
        -webkit-transform: translate(0,-40px) rotate(10deg) translate(0,40px);
        transform: translate(0,-40px) rotate(10deg) translate(0,40px)
    }

    31% {
        -webkit-transform: translate(0,-40px) rotate(9deg) translate(0,40px);
        transform: translate(0,-40px) rotate(9deg) translate(0,40px)
    }

    33% {
        -webkit-transform: translate(0,-40px) rotate(5deg) translate(0,40px);
        transform: translate(0,-40px) rotate(5deg) translate(0,40px)
    }

    34% {
        -webkit-transform: translate(0,-40px) rotate(1deg) translate(0,40px);
        transform: translate(0,-40px) rotate(1deg) translate(0,40px)
    }

    36% {
        -webkit-transform: translate(0,-40px) rotate(-5deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-5deg) translate(0,40px)
    }

    39% {
        -webkit-transform: translate(0,-40px) rotate(-8deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-8deg) translate(0,40px)
    }

    40% {
        -webkit-transform: translate(0,-40px) rotate(-7deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-7deg) translate(0,40px)
    }

    44% {
        -webkit-transform: translate(0,-40px) rotate(3deg) translate(0,40px);
        transform: translate(0,-40px) rotate(3deg) translate(0,40px)
    }

    47% {
        -webkit-transform: translate(0,-40px) rotate(7deg) translate(0,40px);
        transform: translate(0,-40px) rotate(7deg) translate(0,40px)
    }

    56% {
        -webkit-transform: translate(0,-40px) rotate(-5deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-5deg) translate(0,40px)
    }

    63% {
        -webkit-transform: translate(0,-40px) rotate(1deg) translate(0,40px);
        transform: translate(0,-40px) rotate(1deg) translate(0,40px)
    }

    75% {
        -webkit-transform: translate(0,-40px) rotate(-1deg) translate(0,40px);
        transform: translate(0,-40px) rotate(-1deg) translate(0,40px)
    }

    100% {
        -webkit-transform: translate(0,-40px) rotate(0deg) translate(0,40px);
        transform: translate(0,-40px) rotate(0deg) translate(0,40px)
    }
}

.ld.ld-jingle-px {
    -webkit-animation: ld-jingle-px 1s infinite;
    animation: ld-jingle-px 1s infinite
}

@keyframes ld-swim-px {
    0% {
        -webkit-transform: translate(0,0) rotate(0deg);
        transform: translate(0,0) rotate(0deg)
    }

    12.5% {
        -webkit-transform: translate(1px,-2px) rotate(3deg);
        transform: translate(1px,-2px) rotate(3deg)
    }

    25% {
        -webkit-transform: translate(0,-3px) rotate(6deg);
        transform: translate(0,-3px) rotate(6deg)
    }

    37.5% {
        -webkit-transform: translate(-1px,-2px) rotate(3deg);
        transform: translate(-1px,-2px) rotate(3deg)
    }

    50% {
        -webkit-transform: translate(0,0) rotate(0deg);
        transform: translate(0,0) rotate(0deg)
    }

    62.5% {
        -webkit-transform: translate(1px,2px) rotate(-3deg);
        transform: translate(1px,2px) rotate(-3deg)
    }

    75% {
        -webkit-transform: translate(0,3px) rotate(-6deg);
        transform: translate(0,3px) rotate(-6deg)
    }

    87.5% {
        -webkit-transform: translate(-1px,2px) rotate(-3deg);
        transform: translate(-1px,2px) rotate(-3deg)
    }

    100% {
        -webkit-transform: translate(0,0) rotate(0deg);
        transform: translate(0,0) rotate(0deg)
    }
}

@-webkit-keyframes ld-swim-px {
    0% {
        -webkit-transform: translate(0,0) rotate(0deg);
        transform: translate(0,0) rotate(0deg)
    }

    12.5% {
        -webkit-transform: translate(1px,-2px) rotate(3deg);
        transform: translate(1px,-2px) rotate(3deg)
    }

    25% {
        -webkit-transform: translate(0,-3px) rotate(6deg);
        transform: translate(0,-3px) rotate(6deg)
    }

    37.5% {
        -webkit-transform: translate(-1px,-2px) rotate(3deg);
        transform: translate(-1px,-2px) rotate(3deg)
    }

    50% {
        -webkit-transform: translate(0,0) rotate(0deg);
        transform: translate(0,0) rotate(0deg)
    }

    62.5% {
        -webkit-transform: translate(1px,2px) rotate(-3deg);
        transform: translate(1px,2px) rotate(-3deg)
    }

    75% {
        -webkit-transform: translate(0,3px) rotate(-6deg);
        transform: translate(0,3px) rotate(-6deg)
    }

    87.5% {
        -webkit-transform: translate(-1px,2px) rotate(-3deg);
        transform: translate(-1px,2px) rotate(-3deg)
    }

    100% {
        -webkit-transform: translate(0,0) rotate(0deg);
        transform: translate(0,0) rotate(0deg)
    }
}

.ld.ld-swim-px {
    -webkit-animation: ld-swim-px 3s infinite linear;
    animation: ld-swim-px 3s infinite linear
}

@keyframes ld-leaf-px {
    0% {
        -webkit-transform: translate(-14.7px,-117px) rotate(-.3deg);
        transform: translate(-14.7px,-117px) rotate(-.3deg)
    }

    1% {
        -webkit-transform: translate(-14.399999999999999px,-112.5px) rotate(-.6deg);
        transform: translate(-14.399999999999999px,-112.5px) rotate(-.6deg)
    }

    2% {
        -webkit-transform: translate(-13.8px,-102.00000000000001px) rotate(-1.2deg);
        transform: translate(-13.8px,-102.00000000000001px) rotate(-1.2deg)
    }

    3% {
        -webkit-transform: translate(-13.5px,-100.5px) rotate(-1.5deg);
        transform: translate(-13.5px,-100.5px) rotate(-1.5deg)
    }

    5% {
        -webkit-transform: translate(-7.199999999999999px,-87px) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999px,-87px) rotate(-7.800000000000001deg)
    }

    7% {
        -webkit-transform: translate(5.399999999999999px,-79.5px) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999px,-79.5px) rotate(-20.400000000000002deg)
    }

    10% {
        -webkit-transform: translate(12.9px,-76.5px) rotate(-27.900000000000002deg);
        transform: translate(12.9px,-76.5px) rotate(-27.900000000000002deg)
    }

    12% {
        -webkit-transform: translate(14.399999999999999px,-75px) rotate(-29.4deg);
        transform: translate(14.399999999999999px,-75px) rotate(-29.4deg)
    }

    13% {
        -webkit-transform: translate(14.7px,-75px) rotate(-29.7deg);
        transform: translate(14.7px,-75px) rotate(-29.7deg)
    }

    14% {
        -webkit-transform: translate(15px,-75px) rotate(-30deg);
        transform: translate(15px,-75px) rotate(-30deg)
    }

    15% {
        -webkit-transform: translate(14.399999999999999px,-69px) rotate(.6deg);
        transform: translate(14.399999999999999px,-69px) rotate(.6deg)
    }

    16% {
        -webkit-transform: translate(13.8px,-58.5px) rotate(1.2deg);
        transform: translate(13.8px,-58.5px) rotate(1.2deg)
    }

    19% {
        -webkit-transform: translate(7.199999999999999px,-45px) rotate(7.800000000000001deg);
        transform: translate(7.199999999999999px,-45px) rotate(7.800000000000001deg)
    }

    21% {
        -webkit-transform: translate(-5.399999999999999px,-37.5px) rotate(20.400000000000002deg);
        transform: translate(-5.399999999999999px,-37.5px) rotate(20.400000000000002deg)
    }

    24% {
        -webkit-transform: translate(-12.9px,-33px) rotate(27.900000000000002deg);
        transform: translate(-12.9px,-33px) rotate(27.900000000000002deg)
    }

    26% {
        -webkit-transform: translate(-14.399999999999999px,-33px) rotate(29.4deg);
        transform: translate(-14.399999999999999px,-33px) rotate(29.4deg)
    }

    27% {
        -webkit-transform: translate(-14.7px,-31.5px) rotate(29.7deg);
        transform: translate(-14.7px,-31.5px) rotate(29.7deg)
    }

    28% {
        -webkit-transform: translate(-15px,-31.5px) rotate(30deg);
        transform: translate(-15px,-31.5px) rotate(30deg)
    }

    29% {
        -webkit-transform: translate(-14.399999999999999px,-27px) rotate(-.6deg);
        transform: translate(-14.399999999999999px,-27px) rotate(-.6deg)
    }

    30% {
        -webkit-transform: translate(-13.8px,-16.5px) rotate(-1.2deg);
        transform: translate(-13.8px,-16.5px) rotate(-1.2deg)
    }

    31% {
        -webkit-transform: translate(-13.5px,-15px) rotate(-1.5deg);
        transform: translate(-13.5px,-15px) rotate(-1.5deg)
    }

    33% {
        -webkit-transform: translate(-7.199999999999999px,-1.5px) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999px,-1.5px) rotate(-7.800000000000001deg)
    }

    36% {
        -webkit-transform: translate(5.399999999999999px,4.5px) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999px,4.5px) rotate(-20.400000000000002deg)
    }

    38% {
        -webkit-transform: translate(12.9px,9px) rotate(-27.900000000000002deg);
        transform: translate(12.9px,9px) rotate(-27.900000000000002deg)
    }

    40% {
        -webkit-transform: translate(14.399999999999999px,10.500000000000002px) rotate(-29.4deg);
        transform: translate(14.399999999999999px,10.500000000000002px) rotate(-29.4deg)
    }

    41% {
        -webkit-transform: translate(14.7px,10.500000000000002px) rotate(-29.7deg);
        transform: translate(14.7px,10.500000000000002px) rotate(-29.7deg)
    }

    42% {
        -webkit-transform: translate(15px,10.500000000000002px) rotate(-30deg);
        transform: translate(15px,10.500000000000002px) rotate(-30deg)
    }

    43% {
        -webkit-transform: translate(15px,10.500000000000002px) rotate(-30deg);
        transform: translate(15px,10.500000000000002px) rotate(-30deg)
    }

    43% {
        -webkit-transform: translate(14.7px,10.500000000000002px) rotate(.3deg);
        transform: translate(14.7px,10.500000000000002px) rotate(.3deg)
    }

    43% {
        -webkit-transform: translate(14.399999999999999px,16.5px) rotate(.6deg);
        transform: translate(14.399999999999999px,16.5px) rotate(.6deg)
    }

    45% {
        -webkit-transform: translate(13.8px,25.500000000000004px) rotate(1.2deg);
        transform: translate(13.8px,25.500000000000004px) rotate(1.2deg)
    }

    45% {
        -webkit-transform: translate(13.5px,27px) rotate(1.5deg);
        transform: translate(13.5px,27px) rotate(1.5deg)
    }

    48% {
        -webkit-transform: translate(7.199999999999999px,40.5px) rotate(7.800000000000001deg);
        transform: translate(7.199999999999999px,40.5px) rotate(7.800000000000001deg)
    }

    50% {
        -webkit-transform: translate(-5.399999999999999px,48px) rotate(20.400000000000002deg);
        transform: translate(-5.399999999999999px,48px) rotate(20.400000000000002deg)
    }

    52% {
        -webkit-transform: translate(-12.9px,51.00000000000001px) rotate(27.900000000000002deg);
        transform: translate(-12.9px,51.00000000000001px) rotate(27.900000000000002deg)
    }

    54% {
        -webkit-transform: translate(-14.399999999999999px,52.5px) rotate(29.4deg);
        transform: translate(-14.399999999999999px,52.5px) rotate(29.4deg)
    }

    56% {
        -webkit-transform: translate(-14.7px,54px) rotate(29.7deg);
        transform: translate(-14.7px,54px) rotate(29.7deg)
    }

    57% {
        -webkit-transform: translate(-14.7px,54px) rotate(-.3deg);
        transform: translate(-14.7px,54px) rotate(-.3deg)
    }

    58% {
        -webkit-transform: translate(-14.399999999999999px,58.5px) rotate(-.6deg);
        transform: translate(-14.399999999999999px,58.5px) rotate(-.6deg)
    }

    59% {
        -webkit-transform: translate(-13.5px,70.5px) rotate(-1.5deg);
        transform: translate(-13.5px,70.5px) rotate(-1.5deg)
    }

    62% {
        -webkit-transform: translate(-7.199999999999999px,84.00000000000001px) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999px,84.00000000000001px) rotate(-7.800000000000001deg)
    }

    64% {
        -webkit-transform: translate(5.399999999999999px,91.5px) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999px,91.5px) rotate(-20.400000000000002deg)
    }

    67% {
        -webkit-transform: translate(12.9px,94.5px) rotate(-27.900000000000002deg);
        transform: translate(12.9px,94.5px) rotate(-27.900000000000002deg)
    }

    69% {
        -webkit-transform: translate(14.399999999999999px,96px) rotate(-29.4deg);
        transform: translate(14.399999999999999px,96px) rotate(-29.4deg)
    }

    70% {
        -webkit-transform: translate(14.7px,96px) rotate(-29.7deg);
        transform: translate(14.7px,96px) rotate(-29.7deg)
    }

    71% {
        -webkit-transform: translate(15px,96px) rotate(-30deg);
        transform: translate(15px,96px) rotate(-30deg)
    }

    72% {
        -webkit-transform: translate(14.399999999999999px,102.00000000000001px) rotate(.6deg);
        transform: translate(14.399999999999999px,102.00000000000001px) rotate(.6deg)
    }

    73% {
        -webkit-transform: translate(13.8px,111px) rotate(1.2deg);
        transform: translate(13.8px,111px) rotate(1.2deg)
    }

    74% {
        -webkit-transform: translate(13.5px,112.5px) rotate(1.5deg);
        transform: translate(13.5px,112.5px) rotate(1.5deg)
    }

    76% {
        -webkit-transform: translate(7.199999999999999px,126px) rotate(7.800000000000001deg);
        transform: translate(7.199999999999999px,126px) rotate(7.800000000000001deg)
    }

    79% {
        -webkit-transform: translate(-5.399999999999999px,133.5px) rotate(20.400000000000002deg);
        transform: translate(-5.399999999999999px,133.5px) rotate(20.400000000000002deg)
    }

    81% {
        -webkit-transform: translate(-12.9px,138px) rotate(27.900000000000002deg);
        transform: translate(-12.9px,138px) rotate(27.900000000000002deg)
    }

    83% {
        -webkit-transform: translate(-14.399999999999999px,139.5px) rotate(29.4deg);
        transform: translate(-14.399999999999999px,139.5px) rotate(29.4deg)
    }

    84% {
        -webkit-transform: translate(-14.7px,139.5px) rotate(29.7deg);
        transform: translate(-14.7px,139.5px) rotate(29.7deg)
    }

    85% {
        -webkit-transform: translate(-15px,139.5px) rotate(30deg);
        transform: translate(-15px,139.5px) rotate(30deg)
    }

    86% {
        -webkit-transform: translate(-14.7px,139.5px) rotate(-.3deg);
        transform: translate(-14.7px,139.5px) rotate(-.3deg)
    }

    86% {
        -webkit-transform: translate(-14.399999999999999px,144px) rotate(-.6deg);
        transform: translate(-14.399999999999999px,144px) rotate(-.6deg)
    }

    88% {
        -webkit-transform: translate(-13.5px,156px) rotate(-1.5deg);
        transform: translate(-13.5px,156px) rotate(-1.5deg)
    }

    90% {
        -webkit-transform: translate(-7.199999999999999px,169.49999999999997px) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999px,169.49999999999997px) rotate(-7.800000000000001deg)
    }

    93% {
        -webkit-transform: translate(5.399999999999999px,177px) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999px,177px) rotate(-20.400000000000002deg)
    }

    95% {
        -webkit-transform: translate(12.9px,180px) rotate(-27.900000000000002deg);
        transform: translate(12.9px,180px) rotate(-27.900000000000002deg)
    }

    97% {
        -webkit-transform: translate(14.399999999999999px,181.5px) rotate(-29.4deg);
        transform: translate(14.399999999999999px,181.5px) rotate(-29.4deg)
    }

    99% {
        -webkit-transform: translate(14.7px,181.5px) rotate(-29.7deg);
        transform: translate(14.7px,181.5px) rotate(-29.7deg)
    }

    100% {
        -webkit-transform: translate(15px,181.5px) rotate(-30deg);
        transform: translate(15px,181.5px) rotate(-30deg)
    }
}

@-webkit-keyframes ld-leaf-px {
    0% {
        -webkit-transform: translate(-14.7px,-117px) rotate(-.3deg);
        transform: translate(-14.7px,-117px) rotate(-.3deg)
    }

    1% {
        -webkit-transform: translate(-14.399999999999999px,-112.5px) rotate(-.6deg);
        transform: translate(-14.399999999999999px,-112.5px) rotate(-.6deg)
    }

    2% {
        -webkit-transform: translate(-13.8px,-102.00000000000001px) rotate(-1.2deg);
        transform: translate(-13.8px,-102.00000000000001px) rotate(-1.2deg)
    }

    3% {
        -webkit-transform: translate(-13.5px,-100.5px) rotate(-1.5deg);
        transform: translate(-13.5px,-100.5px) rotate(-1.5deg)
    }

    5% {
        -webkit-transform: translate(-7.199999999999999px,-87px) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999px,-87px) rotate(-7.800000000000001deg)
    }

    7% {
        -webkit-transform: translate(5.399999999999999px,-79.5px) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999px,-79.5px) rotate(-20.400000000000002deg)
    }

    10% {
        -webkit-transform: translate(12.9px,-76.5px) rotate(-27.900000000000002deg);
        transform: translate(12.9px,-76.5px) rotate(-27.900000000000002deg)
    }

    12% {
        -webkit-transform: translate(14.399999999999999px,-75px) rotate(-29.4deg);
        transform: translate(14.399999999999999px,-75px) rotate(-29.4deg)
    }

    13% {
        -webkit-transform: translate(14.7px,-75px) rotate(-29.7deg);
        transform: translate(14.7px,-75px) rotate(-29.7deg)
    }

    14% {
        -webkit-transform: translate(15px,-75px) rotate(-30deg);
        transform: translate(15px,-75px) rotate(-30deg)
    }

    15% {
        -webkit-transform: translate(14.399999999999999px,-69px) rotate(.6deg);
        transform: translate(14.399999999999999px,-69px) rotate(.6deg)
    }

    16% {
        -webkit-transform: translate(13.8px,-58.5px) rotate(1.2deg);
        transform: translate(13.8px,-58.5px) rotate(1.2deg)
    }

    19% {
        -webkit-transform: translate(7.199999999999999px,-45px) rotate(7.800000000000001deg);
        transform: translate(7.199999999999999px,-45px) rotate(7.800000000000001deg)
    }

    21% {
        -webkit-transform: translate(-5.399999999999999px,-37.5px) rotate(20.400000000000002deg);
        transform: translate(-5.399999999999999px,-37.5px) rotate(20.400000000000002deg)
    }

    24% {
        -webkit-transform: translate(-12.9px,-33px) rotate(27.900000000000002deg);
        transform: translate(-12.9px,-33px) rotate(27.900000000000002deg)
    }

    26% {
        -webkit-transform: translate(-14.399999999999999px,-33px) rotate(29.4deg);
        transform: translate(-14.399999999999999px,-33px) rotate(29.4deg)
    }

    27% {
        -webkit-transform: translate(-14.7px,-31.5px) rotate(29.7deg);
        transform: translate(-14.7px,-31.5px) rotate(29.7deg)
    }

    28% {
        -webkit-transform: translate(-15px,-31.5px) rotate(30deg);
        transform: translate(-15px,-31.5px) rotate(30deg)
    }

    29% {
        -webkit-transform: translate(-14.399999999999999px,-27px) rotate(-.6deg);
        transform: translate(-14.399999999999999px,-27px) rotate(-.6deg)
    }

    30% {
        -webkit-transform: translate(-13.8px,-16.5px) rotate(-1.2deg);
        transform: translate(-13.8px,-16.5px) rotate(-1.2deg)
    }

    31% {
        -webkit-transform: translate(-13.5px,-15px) rotate(-1.5deg);
        transform: translate(-13.5px,-15px) rotate(-1.5deg)
    }

    33% {
        -webkit-transform: translate(-7.199999999999999px,-1.5px) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999px,-1.5px) rotate(-7.800000000000001deg)
    }

    36% {
        -webkit-transform: translate(5.399999999999999px,4.5px) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999px,4.5px) rotate(-20.400000000000002deg)
    }

    38% {
        -webkit-transform: translate(12.9px,9px) rotate(-27.900000000000002deg);
        transform: translate(12.9px,9px) rotate(-27.900000000000002deg)
    }

    40% {
        -webkit-transform: translate(14.399999999999999px,10.500000000000002px) rotate(-29.4deg);
        transform: translate(14.399999999999999px,10.500000000000002px) rotate(-29.4deg)
    }

    41% {
        -webkit-transform: translate(14.7px,10.500000000000002px) rotate(-29.7deg);
        transform: translate(14.7px,10.500000000000002px) rotate(-29.7deg)
    }

    42% {
        -webkit-transform: translate(15px,10.500000000000002px) rotate(-30deg);
        transform: translate(15px,10.500000000000002px) rotate(-30deg)
    }

    43% {
        -webkit-transform: translate(15px,10.500000000000002px) rotate(-30deg);
        transform: translate(15px,10.500000000000002px) rotate(-30deg)
    }

    43% {
        -webkit-transform: translate(14.7px,10.500000000000002px) rotate(.3deg);
        transform: translate(14.7px,10.500000000000002px) rotate(.3deg)
    }

    43% {
        -webkit-transform: translate(14.399999999999999px,16.5px) rotate(.6deg);
        transform: translate(14.399999999999999px,16.5px) rotate(.6deg)
    }

    45% {
        -webkit-transform: translate(13.8px,25.500000000000004px) rotate(1.2deg);
        transform: translate(13.8px,25.500000000000004px) rotate(1.2deg)
    }

    45% {
        -webkit-transform: translate(13.5px,27px) rotate(1.5deg);
        transform: translate(13.5px,27px) rotate(1.5deg)
    }

    48% {
        -webkit-transform: translate(7.199999999999999px,40.5px) rotate(7.800000000000001deg);
        transform: translate(7.199999999999999px,40.5px) rotate(7.800000000000001deg)
    }

    50% {
        -webkit-transform: translate(-5.399999999999999px,48px) rotate(20.400000000000002deg);
        transform: translate(-5.399999999999999px,48px) rotate(20.400000000000002deg)
    }

    52% {
        -webkit-transform: translate(-12.9px,51.00000000000001px) rotate(27.900000000000002deg);
        transform: translate(-12.9px,51.00000000000001px) rotate(27.900000000000002deg)
    }

    54% {
        -webkit-transform: translate(-14.399999999999999px,52.5px) rotate(29.4deg);
        transform: translate(-14.399999999999999px,52.5px) rotate(29.4deg)
    }

    56% {
        -webkit-transform: translate(-14.7px,54px) rotate(29.7deg);
        transform: translate(-14.7px,54px) rotate(29.7deg)
    }

    57% {
        -webkit-transform: translate(-14.7px,54px) rotate(-.3deg);
        transform: translate(-14.7px,54px) rotate(-.3deg)
    }

    58% {
        -webkit-transform: translate(-14.399999999999999px,58.5px) rotate(-.6deg);
        transform: translate(-14.399999999999999px,58.5px) rotate(-.6deg)
    }

    59% {
        -webkit-transform: translate(-13.5px,70.5px) rotate(-1.5deg);
        transform: translate(-13.5px,70.5px) rotate(-1.5deg)
    }

    62% {
        -webkit-transform: translate(-7.199999999999999px,84.00000000000001px) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999px,84.00000000000001px) rotate(-7.800000000000001deg)
    }

    64% {
        -webkit-transform: translate(5.399999999999999px,91.5px) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999px,91.5px) rotate(-20.400000000000002deg)
    }

    67% {
        -webkit-transform: translate(12.9px,94.5px) rotate(-27.900000000000002deg);
        transform: translate(12.9px,94.5px) rotate(-27.900000000000002deg)
    }

    69% {
        -webkit-transform: translate(14.399999999999999px,96px) rotate(-29.4deg);
        transform: translate(14.399999999999999px,96px) rotate(-29.4deg)
    }

    70% {
        -webkit-transform: translate(14.7px,96px) rotate(-29.7deg);
        transform: translate(14.7px,96px) rotate(-29.7deg)
    }

    71% {
        -webkit-transform: translate(15px,96px) rotate(-30deg);
        transform: translate(15px,96px) rotate(-30deg)
    }

    72% {
        -webkit-transform: translate(14.399999999999999px,102.00000000000001px) rotate(.6deg);
        transform: translate(14.399999999999999px,102.00000000000001px) rotate(.6deg)
    }

    73% {
        -webkit-transform: translate(13.8px,111px) rotate(1.2deg);
        transform: translate(13.8px,111px) rotate(1.2deg)
    }

    74% {
        -webkit-transform: translate(13.5px,112.5px) rotate(1.5deg);
        transform: translate(13.5px,112.5px) rotate(1.5deg)
    }

    76% {
        -webkit-transform: translate(7.199999999999999px,126px) rotate(7.800000000000001deg);
        transform: translate(7.199999999999999px,126px) rotate(7.800000000000001deg)
    }

    79% {
        -webkit-transform: translate(-5.399999999999999px,133.5px) rotate(20.400000000000002deg);
        transform: translate(-5.399999999999999px,133.5px) rotate(20.400000000000002deg)
    }

    81% {
        -webkit-transform: translate(-12.9px,138px) rotate(27.900000000000002deg);
        transform: translate(-12.9px,138px) rotate(27.900000000000002deg)
    }

    83% {
        -webkit-transform: translate(-14.399999999999999px,139.5px) rotate(29.4deg);
        transform: translate(-14.399999999999999px,139.5px) rotate(29.4deg)
    }

    84% {
        -webkit-transform: translate(-14.7px,139.5px) rotate(29.7deg);
        transform: translate(-14.7px,139.5px) rotate(29.7deg)
    }

    85% {
        -webkit-transform: translate(-15px,139.5px) rotate(30deg);
        transform: translate(-15px,139.5px) rotate(30deg)
    }

    86% {
        -webkit-transform: translate(-14.7px,139.5px) rotate(-.3deg);
        transform: translate(-14.7px,139.5px) rotate(-.3deg)
    }

    86% {
        -webkit-transform: translate(-14.399999999999999px,144px) rotate(-.6deg);
        transform: translate(-14.399999999999999px,144px) rotate(-.6deg)
    }

    88% {
        -webkit-transform: translate(-13.5px,156px) rotate(-1.5deg);
        transform: translate(-13.5px,156px) rotate(-1.5deg)
    }

    90% {
        -webkit-transform: translate(-7.199999999999999px,169.49999999999997px) rotate(-7.800000000000001deg);
        transform: translate(-7.199999999999999px,169.49999999999997px) rotate(-7.800000000000001deg)
    }

    93% {
        -webkit-transform: translate(5.399999999999999px,177px) rotate(-20.400000000000002deg);
        transform: translate(5.399999999999999px,177px) rotate(-20.400000000000002deg)
    }

    95% {
        -webkit-transform: translate(12.9px,180px) rotate(-27.900000000000002deg);
        transform: translate(12.9px,180px) rotate(-27.900000000000002deg)
    }

    97% {
        -webkit-transform: translate(14.399999999999999px,181.5px) rotate(-29.4deg);
        transform: translate(14.399999999999999px,181.5px) rotate(-29.4deg)
    }

    99% {
        -webkit-transform: translate(14.7px,181.5px) rotate(-29.7deg);
        transform: translate(14.7px,181.5px) rotate(-29.7deg)
    }

    100% {
        -webkit-transform: translate(15px,181.5px) rotate(-30deg);
        transform: translate(15px,181.5px) rotate(-30deg)
    }
}

.ld.ld-leaf-px {
    -webkit-animation: ld-leaf-px 4s infinite cubic-bezier(.1,.5,.1,.5);
    animation: ld-leaf-px 4s infinite cubic-bezier(.1,.5,.1,.5)
}

@keyframes ld-slot-px {
    0% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    9.09% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    9.1% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    16.99% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    17% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    23.79% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    23.8% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    29.59% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    29.6% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    34.49% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    34.5% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    38.49% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    38.5% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    41.79% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    41.8% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    44.39% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    44.4% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    46.29% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    46.3% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    47.79% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    47.8% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    48.79% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    48.8% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    49.39% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    49.4% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    49.79% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    49.8% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    49.99% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    50% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    49.99% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    50% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    49.99% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    50% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    49.99% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    50% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    50.190000000000005% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    50.2% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    50.59% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    50.6% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    51.190000000000005% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    51.2% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    52.190000000000005% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    52.2% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    53.690000000000005% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    53.7% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    55.59% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    55.6% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    58.190000000000005% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    58.2% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    61.49% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    61.5% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    65.49% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    65.5% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    70.39% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    70.4% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    76.19% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    76.2% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    82.99% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    83% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    90.89% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    90.9% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    99.99% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    100% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }
}

@-webkit-keyframes ld-slot-px {
    0% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    9.09% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    9.1% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    16.99% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    17% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    23.79% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    23.8% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    29.59% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    29.6% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    34.49% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    34.5% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    38.49% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    38.5% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    41.79% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    41.8% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    44.39% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    44.4% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    46.29% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    46.3% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    47.79% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    47.8% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    48.79% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    48.8% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    49.39% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    49.4% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    49.79% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    49.8% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    49.99% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    50% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    49.99% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    50% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    49.99% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    50% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    49.99% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    50% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    50.190000000000005% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    50.2% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    50.59% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    50.6% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    51.190000000000005% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    51.2% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    52.190000000000005% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    52.2% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    53.690000000000005% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    53.7% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    55.59% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    55.6% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    58.190000000000005% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    58.2% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    61.49% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    61.5% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    65.49% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    65.5% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    70.39% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    70.4% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    76.19% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    76.2% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    82.99% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    83% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    90.89% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    90.9% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }

    99.99% {
        -webkit-transform: translate(0,100px);
        transform: translate(0,100px)
    }

    100% {
        -webkit-transform: translate(0,-100px);
        transform: translate(0,-100px)
    }
}

.ld.ld-slot-px {
    -webkit-animation: ld-slot-px 6s infinite linear;
    animation: ld-slot-px 6s infinite linear
}

.ld-ext-right,.ld-ext-left,.ld-ext-bottom,.ld-ext-top,.ld-over,.ld-over-inverse,.ld-over-full,.ld-over-full-inverse {
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    transition-timing-function: ease-in;
    overflow: hidden
}

.ld-ext-right>.ld,.ld-ext-left>.ld,.ld-ext-bottom>.ld,.ld-ext-top>.ld,.ld-over>.ld,.ld-over-inverse>.ld,.ld-over-full>.ld,.ld-over-full-inverse>.ld {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.5em;
    opacity: 0;
    z-index: -100;
    -webkit-transition: all .3s;
    transition: all .3s;
    transition-timing-function: ease-in
}

.ld-ext-right.running>.ld,.ld-ext-left.running>.ld,.ld-ext-bottom.running>.ld,.ld-ext-top.running>.ld,.ld-over.running>.ld,.ld-over-inverse.running>.ld,.ld-over-full.running>.ld,.ld-over-full-inverse.running>.ld {
    opacity: 1;
    z-index: auto
}

.ld-ext-right.running {
    padding-right: 2.5em !important
}

.ld-ext-right>.ld {
    top: 50%;
    left: auto;
    right: 1em
}

.ld-ext-left.running {
    padding-left: 2.5em !important
}

.ld-ext-left>.ld {
    top: 50%;
    right: auto;
    left: 1em
}

.ld-ext-bottom.running {
    padding-bottom: 2.5em !important
}

.ld-ext-bottom>.ld {
    top: auto;
    left: 50%;
    bottom: 1em
}

.ld-ext-top.running {
    padding-top: 2.5em !important
}

.ld-ext-top>.ld {
    bottom: auto;
    left: 50%;
    top: 1em
}

.ld-over,.ld-over-inverse,.ld-over-full,.ld-over-full-inverse {
    overflow: hidden
}

.ld-over.running>.ld,.ld-over-inverse.running>.ld,.ld-over-full.running>.ld,.ld-over-full-inverse.running>.ld {
    z-index: 99999
}

.ld-over:before,.ld-over-inverse:before,.ld-over-full:before,.ld-over-full-inverse:before {
    content: " ";
    display: block;
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    transition-timing-function: ease-in;
    background: rgba(240,240,240,.8)
}

.ld-over-full>.ld,.ld-over-full-inverse>.ld {
    position: fixed
}

.ld-over-full>.ld {
    color: rgba(0,0,0,.8)
}

.ld-over-full:before,.ld-over-full-inverse:before {
    z-index: -1;
    position: fixed;
    background: rgba(255,255,255,.8)
}

.ld-over.running>.ld,.ld-over-inverse.running>.ld,.ld-over-full.running>.ld,.ld-over-full-inverse.running>.ld {
    z-index: 999999
}

.ld-over.running:before,.ld-over-inverse.running:before,.ld-over-full.running:before,.ld-over-full-inverse.running:before {
    opacity: 1;
    z-index: 999998;
    display: block
}

.ld-over-inverse>.ld {
    color: rgba(255,255,255,.8)
}

.ld-over-inverse:before {
    background: rgba(0,0,0,.6)
}

.ld-over-full-inverse>.ld {
    color: rgba(255,255,255,.8)
}

.ld-over-full-inverse:before {
    background: rgba(0,0,0,.6)
}

button.accordion {
    width: 100%;
    background-color: #f5f5f5;
    border: none;
    outline: none;
    text-align: left;
    padding: 15px 20px;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    transition: background-color .2s linear
}

button.accordion:after {
    content: '';
    font-family: "fontawesome";
    font-size: 14px;
    float: right
}

button.accordion.is-open:after {
    content: ''
}

button.accordion:hover,button.accordion.is-open {
    background-color: #ddd
}

.accordion-content {
    background-color: #fff;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-in-out
}

span.card-title {
    vertical-align: top
}

td .cell-delete {
    text-align: center
}

.logo-bar {
    text-align: center
}

.green-logo-text {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    color: #20a8d8
}

.main .container-fluid {
    padding: 10px 5px
}

.card-header {
    padding: .3rem 1.25rem
}

.market-box {
    padding: .5rem
}

.cta-back {
    height: 50px;
    background: #e3f8ff;
    text-align: center;
    padding: 0 0 0 0
}

.cta-lay {
    height: 50px;
    background: #ffcdcc;
    text-align: center;
    padding: 0 0 0 0
}

.price {
    font-weight: bold;
    color: #273a47;
    font-size: 17px;
    cursor: pointer
}

.size {
    font-weight: normal;
    color: #273a47;
    font-size: 12px;
    padding: 0 0 0 0
}

.market-head {
    border-right: 1px solid #808080;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    padding: 3px 0;
    margin: 0 0 0 0;
    font-size: .9rem
}

.runners {
    border-right: 1px solid #808080;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    padding: 0 0 0 0;
    margin: 0 0 0 0
}

.runner-name {
    padding-top: 5px
}

.runner-name img {
    width: 28px
}

.table>tbody>tr.bettype-L>td {
    background-color: #f2deed
}

.table>tbody>tr.bettype-B>td {
    background-color: #d9edff
}

.position-plus {
    color: #0b6121
}

.position-minus {
    color: #f00
}

.content .inplay {
    color: #0b6121
}

.table>tbody>tr.plus>td {
    color: #008000
}

.table>tbody>tr.minus>td {
    color: #f00
}

.plusTotal,.minusTotal {
    font-weight: bold
}

.lastItemBorder {
    border-bottom: 1px solid #808080
}

.winner {
    background-color: #b7f776
}

.order-b {
    background: #e3f8ff
}

.order-l {
    background: #ffcdcc
}

.ctl-cancel {
    cursor: pointer;
    text-align: center
}

.ctl-cancel:hover {
    background-color: #f86c6b
}

.sidebar .nav-dropdown.open .nav-link-small {
    color: #fff;
    border-left: 0
}

.sidebar .nav-link-small {
    display: block;
    padding: .2rem 0 .2rem 1.5rem;
    color: #fff;
    text-decoration: none;
    background: transparent
}

.nav-link-small {
    display: block;
    padding: .5rem 1rem
}

.sidebar .nav-link-small:hover {
    color: #fff;
    background: #20a8d8
}

.sidebar .nav-link-small.active {
    background-color: #20a8d8
}

#PrInc,#PrDec {
    height: 18px;
    padding-top: 0;
    padding-bottom: 0
}

#Pnl-Orders .video-container {
    padding-left: 2px;
    padding-right: 2px
}

.Orders-Widget {
    max-height: 238px;
    overflow-y: scroll;
    padding-top: 5px;
    padding-bottom: 5px
}

#MarketData .card-header h4 {
    font-size: 1.5rem
}

#Pnl-Orders {
    padding-left: 0
}

.no-pad {
    padding-left: 0;
    padding-right: 0
}

.bet-slip {
    padding-top: 5px;
    padding-bottom: 5px
}

.bet-slip .title {
    vertical-align: middle
}

.field-validation-error {
    background-color: #ffc0cb;
    font-weight: bold
}

.btn-stake {
    width: 75px
}

.stake-row {
    margin-top: 10px
}

.ui-draggable,.ui-droppable {
    background-position: top
}

.commentry {
    font-size: 1.1rem;
    color: #f00
}

.btn-fullBook {
    line-height: .5
}

.score-input {
    font-size: 24px;
    font-weight: bold;
    height: auto
}

#news-ticker-foot li {
    font-size: 12px
}

.breadcrumb {
    border-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.sidebar-nav.ps .nav .nav-item .nav-link img {
    width: 18px;
    margin-left: 0;
    margin-right: 10px
}

.sidebar-nav .nav .nav-item .nav-link img {
    width: 18px;
    margin-right: 15px;
    margin-left: 15px
}

.customcheck {
    margin-inline:3px;margin-bottom: 5px;
    margin-left: 0;
    width: 65px;
    float: left;
    padding: 0;
    background-color: #8dd2f0;
    cursor: pointer
}

.customcheck:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.relatedtr:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
    background-color: #d3d3d3
}

.priceodd {
    font-size: 20px
}

.priceamount {
    font-size: 13px;
    font-weight: 400
}

.positioncustom {
    font-size: 14px;
    padding-right: 4px;
    margin: 0;
    white-space: nowrap;
    font-weight: 700
}

.conflud {
    margin-left: 55px
}

@media screen and (max-width: 499px) {
    .customcheck {
        margin-inline:3px;
        margin-bottom: 5px;
        margin-left: 0;
        width: 65px;
        float: left;
        padding: 0;
        background-color: #8dd2f0;
        cursor: pointer
    }

    #Pnl-Orders {
        padding-left: 15px
    }

    .conflud {
        margin-left: 15px
    }

    .customcheck:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .relatedtr:hover {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04)
    }

    .mobilehide {
        visibility: hidden;
        display: none
    }
}

.table-pricesize {
    margin-bottom: 0
}

.table-pricesize td {
    text-align: center
}

.accounts-chart-head-bg {
    background-color: #00b181
}

.loader {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: .6;
    display: flex;
    justify-content: center;
    align-items: center
}

.loader>img {
    width: auto;
    margin-bottom: 100px;
    margin-top: 20%;
    margin-left: 50%
}

.disconnected {
    height: 22px
}

.tabulator-row.order-l {
    background-color: #ffcdcc
}

.tabulator-row.order-b {
    background-color: #e3f8ff
}

.ExMainCardbundle .td {
    font-family: arial;
    font-size: 12px
}

.ExMainCardbundle .elementName {
    color: #000
}

.ExMainCardbundle .elementText {
    color: #00f;
    font-family: verdana
}

.ExMainCardbundle .attributeName {
    color: #800080
}

.ExMainCardbundle .attributeValue {
    font-family: verdana;
    color: #00f
}

.ExMainCardbundle .tags {
    color: #008000
}

.ExMainCardbundle .cards {
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    background-color: #f8f8f8;
    border-color: #dbdbdb
}

.ExMainCardbundle .cardsText {
    font-size: 10px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 4px
}

.ExMainCardbundle .priceBox {
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    background-color: #f8f8f8;
    border-color: #dbdbdb;
    width: 30px;
    height: 23px
}

.ExMainCardbundle .marketText {
    font-size: 10px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 4px
}

.ExMainCardbundle.back3 {
    background-color: #d2e1e9
}

.ExMainCardbundle .version {
    color: #fff;
    font-family: arial;
    font-size: 10px
}

.ExMainCardbundle .lay1 {
    background-color: #eacbdb
}

.ExMainCardbundle .price {
    font-weight: bold
}

.ExMainCardbundle .selectionStatusLOSER {
    color: #00f
}

.ExMainCardbundle .selectionStatusTIED_DEAD_HEAT,.selectionStatusWINNER {
    font-weight: bold;
    color: #f00
}

.ExMainCardbundle .actorStatusLOSER {
    color: #00f
}

.ExMainCardbundle .actorStatusTIED,.actorStatusWINNER {
    font-weight: bold;
    color: #f00
}

.ExMainCardbundle .round11,.round22,.round33,.round44,.round55,.round66,.round77 {
    font-weight: bold;
    font-size: 15px
}

.ExMainCardbundle .shoe td {
    border-width: 1px;
    border-style: solid;
    text-align: center;
    border-color: #808080
}

.ExMainCardbundle .img {
    width: 60px
}

.ExMainCardbundle .x-game-header {
    width: 100%;
    padding: 3px;
    background-color: #292929
}

.ExMainCardbundle .x-game-header .top-section {
    height: 50%;
    display: flex
}

.ExMainCardbundle .x-game-header .top-section .game-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #fff;
    text-align: left;
    padding: 0;
    text-transform: none
}

.ExMainCardbundle .x-game-header .top-section .game-id {
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    flex: 1;
    text-align: right;
    opacity: .5
}

.ExMainCardbundle .base-timer {
    position: relative;
    width: 50px
}

.ExMainCardbundle .base-timer__svg {
    transform: scaleX(-1)
}

.ExMainCardbundle .base-timer__circle {
    fill: none;
    stroke: none
}

.ExMainCardbundle .base-timer__path-elapsed {
    stroke-width: 7px;
    stroke: grey
}

.ExMainCardbundle .base-timer__path-remaining {
    stroke-width: 7px;
    stroke-linecap: round;
    transform: rotate(90deg);
    transform-origin: center;
    transition: 1s linear all;
    fill-rule: nonzero;
    stroke: currentColor
}

.ExMainCardbundle .base-timer__path-remaining.green {
    color: #41b883
}

.ExMainCardbundle .base-timer__path-remaining.orange {
    color: #ffa500
}

.ExMainCardbundle .base-timer__path-remaining.red {
    color: #f00
}

.ExMainCardbundle .base-timer__label {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff
}

.ExMainCardbundle .Exgamesbg {
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #000
}

.ExMainCardbundle .tableholder {
    background: url(../img/bftablepng.png) no-repeat scroll 0 0 rgba(0,0,0,0);
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover
}

.ExMainCardbundle .section-blur {
    background-color: #fff;
    margin-bottom: 4px
}

.ExMainCardbundle .market-runners {
    position: relative;
    padding-bottom: 0
}

.ExMainCardbundle .runner-runner {
    margin-top: 2px;
    height: 50px;
    display: -webkit-flex;
    display: flex;
    border-radius: 2px;
    transition: background-color .25s ease-out
}

.ExMainCardbundle .runner-runner .selector {
    cursor: pointer;
    background-color: #fff;
    width: 18px;
    height: 18px;
    margin-top: 13px;
    border: 2px solid #00b181
}

.ExMainCardbundle .runner-runner .selected {
    background-color: #00b181
}

.ExMainCardbundle .runner-runner img {
    height: 21px;
    margin-top: 10px
}

.ExMainCardbundle .runner-runner .price-price.price-lay.ml-4.mb-show {
    background-color: #feafb2
}

.ExMainCardbundle .runner-runner .price-price.price-lay.ml-4.mb-show {
    background-color: #feafb2
}

.ExMainCardbundle .runner-runner:hover .runner-name {
    background-color: #f5f5f5
}

.ExMainCardbundle .runner-position {
    position: absolute;
    bottom: 4px;
    width: calc(100% - 8px);
    text-overflow: ellipsis;
    overflow: hidden
}

.ExMainCardbundle .runner-position,.runner-position-null,.runner-position-pos {
    font-size: 14px;
    padding-right: 4px;
    margin: 0;
    white-space: nowrap;
    font-weight: 700
}

.ExMainCardbundle .runner-position-pos {
    color: #00b181
}

.ExMainCardbundle .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #292929;
    border-color: #000
}

.ExMainCardbundle .price-price {
    font-family: Roboto Condensed,HelveticaNeue,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    background-color: #fff;
    border-radius: 2px;
    width: 56px;
    height: 50px;
    color: #fff;
    position: relative;
    text-align: center;
    padding: 0;
    font-weight: 700;
    margin: 0 1px;
    padding-top: 1px;
    -webkit-flex: 0 0 56px;
    flex: 0 0 60px;
    cursor: pointer;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.ExMainCardbundle .price-price span {
    display: block
}

.ExMainCardbundle .runner-runner .price-price.price-lay.ml-4.mb-show {
    background-color: #feafb2
}

.ExMainCardbundle .price-price .fa {
    position: absolute;
    display: block;
    left: 4px;
    color: #fff
}

.ExMainCardbundle .price-price .fa.fa-long-arrow-down {
    bottom: 4px
}

.ExMainCardbundle .price-price .fa.fa-long-arrow-up {
    top: 4px
}

.ExMainCardbundle .price-odd {
    font-size: 20px
}

.ExMainCardbundle .price-amount {
    font-size: 13px;
    font-weight: 400
}

.ExMainCardbundle .runner-name {
    color: #2b2f35;
    -webkit-flex: 1;
    flex: 1;
    padding-left: 8px;
    text-transform: none;
    font-size: 14px;
    margin: 0;
    display: -webkit-flex;
    display: flex;
    position: relative
}

.ExMainCardbundle .runner-name {
    padding-top: 5px
}

.ExMainCardbundle .runner-disabled {
    width: 377px;
    line-height: 45px;
    color: #f00;
    text-align: center;
    background: #ececed;
    text-transform: uppercase
}

.ExMainCardbundle .price-back,.price-win {
    background-color: #e9f6fc;
    color: #43444a
}

.ExMainCardbundle .runner-runner .price-price.price-back:nth-child(6) {
    background-color: #8dd2f0
}

.ExMainCardbundle .price-back:hover,.price-win:hover {
    background-color: #00b2ff
}

.ExMainCardbundle .price-lay,.price-lose {
    background-color: #fce3e4;
    color: #43444a
}

.ExMainCardbundle .price-lay:hover,.price-lose:hover {
    background-color: #feafb2
}

.ExMainCardbundle .price-lay,.price-lose {
    background-color: #fce3e4;
    color: #43444a
}

.ExMainCardbundle .round-counter-simple {
    display: flex;
    padding: 20px 10px 6px
}

.ExMainCardbundle .round-counter-simple .round-counter-text {
    margin-right: 20px;
    font-size: 12px;
    height: 17px;
    letter-spacing: 0;
    text-align: center;
    color: hsla(0,0%,100%,.7)
}

.ExMainCardbundle .round-counter-simple .round-counter-item-simple.active {
    background: hsla(0,0%,100%,.7)
}

.ExMainCardbundle .round-counter-simple .round-counter-item-simple {
    background: #646464;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin-right: 10px
}

.ExMainCardbundle .blackjack {
    text-align: center;
    font-size: 10px;
    position: relative;
    padding: 0 12px;
    margin: 0 auto
}

.ExMainCardbundle .cards-layout {
    text-align: center;
    font-size: 10px
}

.ExMainCardbundle .blackjack .dealer {
    display: flex;
    justify-content: center
}

.ExMainCardbundle .blackjack .player-item {
    margin-bottom: 16px;
    display: block;
    margin-right: 0;
    z-index: 0
}

.ExMainCardbundle .blackjack .player-item .name {
    display: block;
    color: #d7bc7b;
    font-size: 12px;
    font-weight: 700;
    padding-bottom: 8px;
    text-align: center
}

.ExMainCardbundle .blackjack .player-item .player-card {
    border-radius: 12px;
    border: 1px solid rgba(178,220,175,.25)
}

.ExMainCardbundle .blackjack .player-item .player-card .header-title {
    display: inline-block;
    height: 12px;
    color: #fff
}

.ExMainCardbundle .blackjack .player-item .player-card .header-title .description {
    float: right;
    font-size: 11px
}

.ExMainCardbundle .blackjack .player-item .player-card ul {
    text-align: left;
    margin: 0 -1px
}

.ExMainCardbundle .blackjack .card-item {
    display: inline-block;
    text-align: center;
    margin-right: 0
}

.ExMainCardbundle .blackjack .card {
    width: auto;
    height: auto;
    margin-bottom: 0
}

.ExMainCardbundle .blackjack .card img {
    width: 36px;
    height: 44px
}

.ExMainCardbundle .blackjack .player {
    margin: 4px;
    display: inline-block;
    justify-content: space-between;
    flex: 1 0 0;
    flex-wrap: wrap
}

.ExMainCardbundle .blackjack .player .player-item:nth-child(4n+1) {
    order: 1
}

.ExMainCardbundle .blackjack .player .player-item:nth-child(4n+2) {
    order: 3;
    margin-left: 25px
}

.ExMainCardbundle .blackjack .player .player-item:nth-child(4n+0) {
    order: 2
}

.ExMainCardbundle .blackjack .player .player-item:nth-child(4n+3) {
    order: 4;
    margin-right: 25px
}

.ExMainCardbundle .blackjack:before {
    content: "";
    position: absolute;
    background: radial-gradient(ellipse 100% 50% at 50% 50%,rgba(62,193,65,.82) 0,rgba(62,193,65,.7) 10%,#1e1e1e 50%,#1e1e1e 100%);
    opacity: .25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.ExMainCardbundle .BFBCardHandView {
    transform: translate3d(0,0,0);
    width: 220px;
    height: 105px;
    margin-top: -10px
}

.ExMainCardbundle .BFBCardHandViewDealer {
    transform: translate3d(0,0,0);
    width: 240px;
    height: 110px;
    margin-top: -10px
}

.ExMainCardbundle .BFBCardHandViewCommunity {
    transform: translate3d(0,0,0);
    width: 240px;
    height: 110px;
    margin-top: -10px
}

.ExMainCardbundle .RSMImageView {
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.ExMainCardbundle .card1 {
    transform: perspective(430px) translateZ(0) rotateZ(0deg) rotateY(0deg);
    position: absolute;
    left: 52.9352px;
    top: 10.5129px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card1in2 {
    transform: perspective(430px) translateZ(0) rotateZ(-.75deg) rotateY(0deg);
    position: absolute;
    left: 52.9352px;
    top: 10.5129px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card2in2 {
    transform: perspective(430px) translateZ(0) rotateZ(.75deg) rotateY(0deg);
    position: absolute;
    left: 85.109px;
    top: 10.5157px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card1in3 {
    transform: perspective(430px) rotateZ(-3deg);
    position: absolute;
    left: 36.927px;
    top: 12.0518px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card2in3 {
    transform: perspective(430px) rotateZ(0deg);
    position: absolute;
    left: 69.0222px;
    top: 10px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card3in3 {
    transform: perspective(430px) rotateZ(3deg);
    position: absolute;
    left: 101.117px;
    top: 12.0575px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card1in4 {
    transform: perspective(430px) rotateZ(-6.75deg);
    position: absolute;
    left: 21.0759px;
    top: 14.6093px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card2in4 {
    transform: perspective(430px) rotateZ(-2.25deg);
    position: absolute;
    left: 52.9352px;
    top: 10.5129px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card3in4 {
    transform: perspective(430px) rotateZ(2.25deg);
    position: absolute;
    left: 85.109px;
    top: 10.5157px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card4in4 {
    transform: perspective(430px) translateZ(0) rotateZ(6.75deg) rotateY(0deg);
    position: absolute;
    left: 116.967px;
    top: 14.6177px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card1in5 {
    transform: perspective(430px) rotateZ(-9.75deg);
    position: absolute;
    left: 11.0759px;
    top: 10.6093px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card2in5 {
    transform: perspective(430px) rotateZ(-3.25deg);
    position: absolute;
    left: 40.9352px;
    top: 8.5129px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card3in5 {
    transform: perspective(430px) rotateZ(0deg);
    position: absolute;
    left: 73.109px;
    top: 7.5157px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card4in5 {
    transform: perspective(430px) translateZ(3.25px) rotateZ(6.75deg) rotateY(0deg);
    position: absolute;
    left: 103.967px;
    top: 7.6177px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card5in5 {
    transform: perspective(430px) translateZ(9.75px) rotateZ(9.65deg) rotateY(0deg);
    position: absolute;
    left: 135.967px;
    top: 12.6177px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .BFBCardHandViewForSix {
    width: 260px
}

.ExMainCardbundle .BFBCardHandViewForSeven {
    width: 326px
}

.ExMainCardbundle .card1in6 {
    transform: perspective(443px) rotateZ(-9.75deg);
    position: absolute;
    left: 16.0759px;
    top: 15.6093px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card2in6 {
    transform: perspective(430px) rotateZ(-5.25deg);
    position: absolute;
    left: 44.9352px;
    top: 11.5129px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card3in6 {
    transform: perspective(430px) rotateZ(-3deg);
    position: absolute;
    left: 79.109px;
    top: 9.5157px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card4in6 {
    transform: perspective(430px) translateZ(3.25px) rotateZ(2.75deg) rotateY(0deg);
    position: absolute;
    left: 109.967px;
    top: 9.6177px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card5in6 {
    transform: perspective(430px) translateZ(9.75px) rotateZ(7.65deg) rotateY(0deg);
    position: absolute;
    left: 137.967px;
    top: 13.6177px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card6in6 {
    transform: perspective(430px) translateZ(9.75px) rotateZ(16.65deg) rotateY(0deg);
    position: absolute;
    left: 163.967px;
    top: 23.6177px;
    width: 72px;
    height: 87px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card1in7 {
    transform: perspective(430px) rotateZ(-7.75deg);
    position: absolute;
    left: 11.0759px;
    top: 14.6093px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card2in7 {
    transform: perspective(430px) rotateZ(-4.25deg);
    position: absolute;
    left: 46.9352px;
    top: 10.5129px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card3in7 {
    transform: perspective(430px) rotateZ(-1deg);
    position: absolute;
    left: 86.109px;
    top: 8.5157px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card4in7 {
    transform: perspective(430px) translateZ(3.25px) rotateZ(.75deg) rotateY(0deg);
    position: absolute;
    left: 126.967px;
    top: 9.6177px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card5in7 {
    transform: perspective(430px) translateZ(5.75px) rotateZ(4.65deg) rotateY(0deg);
    position: absolute;
    left: 168.967px;
    top: 10.6177px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card6in7 {
    transform: perspective(430px) translateZ(11.75px) rotateZ(5.65deg) rotateY(0deg);
    position: absolute;
    left: 206.967px;
    top: 13.6177px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .card7in7 {
    transform: perspective(430px) translateZ(3.75px) rotateZ(9.65deg) rotateY(0deg);
    position: absolute;
    left: 240.967px;
    top: 15.6177px;
    width: 72px;
    height: 98px;
    transform-origin: 50% 100%
}

.ExMainCardbundle .blackjack .card .hiloimg {
    width: 60px;
    height: 80px
}

.ExMainCardbundle .cards-layout .first-row {
    margin-top: 32px
}

.ExMainCardbundle .cards-layout .card-item {
    display: inline-block;
    text-align: center;
    margin-right: 6px
}

.ExMainCardbundle .cards-layout .card {
    margin-bottom: 3px;
    background-color: unset
}

.ExMainCardbundle .cards-layout .card-name,.cards-layout>span {
    opacity: .5
}

.ExMainCardbundle .cards-layout .second-row {
    margin: 12px 0 0 58px
}

.ExMainCardbundle .card-name {
    color: #fff
}

.ExMainCardbundle .mainexcard {
    padding: 0 1.25rem
}

.ExMainCardbundle .Gameidcol {
    padding-top: 10px;
    color: #fff
}

.ExMainCardbundle .card {
    border: unset
}

.ExMainCardbundle div.scrollmenu {
    display: contents;
    overflow: auto;
    white-space: nowrap;
    margin-bottom: -5px;
    transition: .5s;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.ExMainCardbundle div.scrollmenu a {
    display: inline-block;
    color: #000;
    text-align: center;
    padding: 0 20px;
    text-decoration: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.ExMainCardbundle div.scrollmenu a:hover {
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.ExMainCardbundle .prediction {
    margin: 10px auto 10px;
    text-align: center
}

.ExMainCardbundle .prediction .prediction-text {
    color: #7f7f7f;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px
}

.ExMainCardbundle .prediction .prediction-text .prediction-description {
    color: #fff
}

.ExMainCardbundle .prediction .prediction-value {
    color: #d7bc7b
}

.ExMainCardbundle .prediction .prediction-value {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 5px
}

.ExMainCardbundle .prediction .prediction-value img {
    max-height: 16px
}

.ExMainCardbundle .prediction .lower {
    border-radius: 5px 0 0 5px
}

.ExMainCardbundle .prediction .prediction-table {
    margin-top: 10px;
    font-size: 12px
}

.ExMainCardbundle .prediction .prediction-table>div {
    display: inline-block
}

.ExMainCardbundle .prediction .number-of-cards-element,.prediction .value-element {
    background-color: #303030;
    color: #7f7f7f
}

.ExMainCardbundle .prediction .number-of-cards-element {
    padding: 6px 16px;
    text-transform: lowercase
}

.ExMainCardbundle .prediction .lower {
    border-radius: 5px 0 0 5px
}

.ExMainCardbundle .prediction .prediction-table>div {
    display: inline-block
}

.ExMainCardbundle .prediction .values {
    margin: 0 1px
}

.ExMainCardbundle .prediction .number-of-cards-element,.prediction .value-element {
    background-color: #303030;
    color: #7f7f7f
}

.ExMainCardbundle .prediction .value-element {
    padding: 6px 10px;
    display: inline-block
}

.ExMainCardbundle .prediction .number-of-cards-element,.prediction .value-element {
    background-color: #303030;
    color: #7f7f7f
}

.ExMainCardbundle .prediction .played-down {
    color: #424242
}

.ExMainCardbundle .prediction .number-of-cards-element.hidden {
    visibility: hidden
}

.ExMainCardbundle .prediction .prediction-table>div {
    display: inline-block
}

.ExMainCardbundle .prediction .number-of-cards-element {
    padding: 6px 16px;
    text-transform: lowercase
}

.ExMainCardbundle .prediction .higher {
    border-radius: 0 5px 5px 0
}

.ExMainCardbundle .prediction .value-element.highlighted {
    font-weight: 800;
    color: #fff
}

.ExMainCardbundle .games-status-message {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    height: 90px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    background: #d3d3d3;
    color: #1e1e1e;
    border-radius: 4px;
    position: relative;
    width: 50%;
    z-index: 10
}

.ExMainCardbundle .exlobbybg {
    background-image: url("../img/Exbackgroundblr.png");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    width: 100%;
    height: auto
}

.ExMainCardbundle .left {
    width: 13.4vw;
    float: left;
    margin: 10px;
    filter: blur(0);
    -webkit-filter: blur(0);
    min-width: 190px
}

.ExMainCardbundle .left img {
    max-height: 136px;
    min-height: 136px
}

.ExMainCardbundle .left .card-body {
    padding: 0;
    text-align: center;
    padding-top: 5px
}

@media screen and (max-width: 635px) {
    .ExMainCardbundle .img {
        width:30px
    }

    .ExMainCardbundle .tableholder {
        background: url() no-repeat scroll 0 0 rgba(0,0,0,0);
        width: 100%;
        height: 100%
    }

    .ExMainCardbundle .Exgamesbg {
        background-image: url()
    }
}

@media only screen and (min-device-width: 350px) and (max-device-width:630px) {
    .ExMainCardbundle .price-price {
        display:none
    }

    .ExMainCardbundle .price-price.mb-show {
        display: block
    }

    .ExMainCardbundle .runner-disabled {
        width: 127px
    }
}

@media only screen and (max-width: 460px) {
    .ExMainCardbundle div.scrollmenu {
        display:block;
        margin-left: -18px;
        overflow: auto;
        white-space: nowrap;
        margin-bottom: -5px;
        transition: .5s;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        margin-right: -18px
    }

    .ExMainCardbundle .left {
        margin: 5px;
        width: 42vw;
        float: left;
        min-width: auto
    }

    .ExMainCardbundle .left .card {
        max-height: 155px
    }

    .ExMainCardbundle .left h5 {
        font-size: 14px
    }

    .ExMainCardbundle .left img {
        max-height: 80px;
        min-height: 80px
    }

    .ExMainCardbundle .price-price {
        display: none
    }

    .ExMainCardbundle .price-price.mb-show {
        display: block
    }

    .ExMainCardbundle .runner-disabled {
        width: 127px
    }

    .ExMainCardbundle .blackjack {
        text-align: center;
        font-size: 10px;
        position: relative
    }

    .ExMainCardbundle .mainexcard {
        padding: 0
    }

    .ExMainCardbundle .RSMImageView {
        -webkit-backface-visibility: hidden;
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        height: 50%
    }

    .ExMainCardbundle .BFBCardHandViewDealer {
        transform: translate3d(0,0,0);
        width: 140px;
        height: 75px
    }

    .ExMainCardbundle .BFBCardHandView {
        transform: translate3d(0,0,0);
        width: 145px;
        height: 60px
    }

    .ExMainCardbundle .BFBCardHandViewCommunity {
        transform: translate3d(0,0,0);
        width: 140px;
        height: 75px;
        margin-top: -10px
    }

    .ExMainCardbundle .card1in2 {
        transform: perspective(430px) translateZ(0) rotateZ(-.75deg) rotateY(0deg);
        position: absolute;
        left: 37.9352px;
        top: 10.5129px;
        width: 72px;
        height: 98px;
        transform-origin: 50% 100%
    }

    .ExMainCardbundle .card2in2 {
        transform: perspective(430px) translateZ(0) rotateZ(.75deg) rotateY(0deg);
        position: absolute;
        left: 74.109px;
        top: 10.5157px;
        width: 72px;
        height: 98px;
        transform-origin: 50% 100%
    }

    .ExMainCardbundle .card1in4 {
        transform: perspective(430px) rotateZ(-6.75deg);
        position: absolute;
        left: 39.0759px;
        top: 11.6093px;
        width: 72px;
        height: 98px;
        transform-origin: 50% 100%
    }

    .ExMainCardbundle .card3in4 {
        transform: perspective(430px) rotateZ(2.25deg);
        position: absolute;
        left: 67.109px;
        top: 12.5157px;
        width: 72px;
        height: 98px;
        transform-origin: 50% 100%
    }

    .ExMainCardbundle .card4in4 {
        transform: perspective(430px) translateZ(0) rotateZ(6.75deg) rotateY(0deg);
        position: absolute;
        left: 79.967px;
        top: 15.6177px;
        width: 72px;
        height: 98px;
        transform-origin: 50% 100%
    }

    .ExMainCardbundle .card1in3 {
        transform: perspective(430px) rotateZ(-3deg);
        position: absolute;
        left: 20.927px;
        top: 11.0518px;
        width: 72px;
        height: 98px;
        transform-origin: 50% 100%
    }

    .ExMainCardbundle .card2in3 {
        transform: perspective(430px) rotateZ(0deg);
        position: absolute;
        left: 54.0222px;
        top: 11px;
        width: 72px;
        height: 98px;
        transform-origin: 50% 100%
    }

    .ExMainCardbundle .card3in3 {
        transform: perspective(430px) rotateZ(3deg);
        position: absolute;
        left: 87.117px;
        top: 13.0575px;
        width: 72px;
        height: 98px;
        transform-origin: 50% 100%
    }

    .ExMainCardbundle .card1in5 {
        transform: perspective(430px) rotateZ(-9.75deg);
        position: absolute;
        left: 21.0759px;
        top: 14.6093px;
        width: 72px;
        height: 98px;
        transform-origin: 50% 100%
    }

    .ExMainCardbundle .card2in5 {
        transform: perspective(430px) rotateZ(-3.25deg);
        position: absolute;
        left: 32.9352px;
        top: 14.5129px;
        width: 72px;
        height: 98px;
        transform-origin: 50% 100%
    }

    .ExMainCardbundle .card3in5 {
        transform: perspective(430px) rotateZ(0deg);
        position: absolute;
        left: 51.109px;
        top: 15.5157px;
        width: 72px;
        height: 98px;
        transform-origin: 50% 100%
    }

    .ExMainCardbundle .card4in5 {
        transform: perspective(430px) translateZ(3.25px) rotateZ(6.75deg) rotateY(0deg);
        position: absolute;
        left: 64.967px;
        top: 19.6177px;
        width: 72px;
        height: 98px;
        transform-origin: 50% 100%
    }

    .ExMainCardbundle .card5in5 {
        transform: perspective(430px) translateZ(9.75px) rotateZ(14.75deg) rotateY(0deg);
        position: absolute;
        left: 75.967px;
        top: 24.6177px;
        width: 72px;
        height: 98px;
        transform-origin: 50% 100%
    }

    .ExMainCardbundle .ExRounds {
        display: none
    }

    .ExMainCardbundle .demoTimer {
        margin-left: -100px
    }

    .ExMainCardbundle .Gameidcol {
        padding-top: 0;
        color: #fff
    }

    .ExMainCardbundle .blackjack .card .hiloimg {
        width: 33px;
        height: 40px
    }

    .ExMainCardbundle .scrollmenu {
        text-align: center;
        line-height: 2rem
    }

    .ExMainCardbundle div.scrollmenu {
        display: block;
        margin-left: -18px;
        overflow: auto;
        white-space: nowrap;
        margin-bottom: -5px;
        transition: .5s;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        margin-right: -18px
    }

    .ExMainCardbundle .prediction .value-element {
        padding: 3px 5px;
        display: inline-block
    }

    .ExMainCardbundle .prediction .number-of-cards-element {
        padding: 3px 6px;
        text-transform: lowercase
    }

    .ExMainCardbundle .prediction .prediction-table {
        margin-top: 10px;
        font-size: 9px
    }

    .ExMainCardbundle .prediction .prediction-text {
        font-size: 10px
    }
}

.TdResults {
    padding: 0;
    vertical-align: top;
    flex: 1 1 auto;
    box-sizing: border-box;
    max-width: calc(33.33% - 20px);
    min-width: 120px;
    background: linear-gradient(#535353,#0f0f0f);
    border-radius: 10px;
    margin: 1px
}

.TdResultsWin {
    background: #008000 !important
}

.bgwinner {
    border-radius: 10px;
    background-color: #cf8d2e !important
}

.bgLoser {
    border-radius: 10px;
    background-color: #cf3f3f !important
}

@media(max-width: 600px) {
    .TdResults {
        max-width:100%
    }
}

.Derb-race-wrapper {
    max-width: 100%;
    margin: 0 auto
}

.Derb-track-container {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border: 2px solid #333
}

.Derb-sky img,.Derb-background img {
    position: absolute;
    left: 0;
    width: 100%;
    display: block;
    object-fit: cover
}

.Derb-sky img {
    top: 0;
    height: 60px;
    z-index: 0
}

.Derb-flags {
    position: absolute;
    top: 20px;
    height: 100px;
    width: 100%;
    overflow: hidden;
    z-index: 1
}

.flag-scroll {
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 200%;
    background: url('../img/Derby/moveingflag.svg') repeat-x;
    background-size: auto 100%;
    animation: none
}

.flag-animate .flag-scroll {
    animation: scrollFlags 34s linear infinite
}

@keyframes scrollFlags {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.Derb-fence {
    position: absolute;
    top: 70px;
    height: 60px;
    width: 100%;
    overflow: hidden;
    z-index: 5
}

.fence-scroll {
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 60px;
    background: url('../img/Derby/moveingfence.svg') repeat-x;
    background-size: auto 100%;
    animation: none
}

.fence-animate .fence-scroll {
    animation: scrollFence 24s linear infinite
}

@keyframes scrollFence {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

.Derb-background img {
    top: 120px;
    height: 280px;
    z-index: 3
}

.Derb-lane {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto
}

.Derb-lane0 {
    top: 100px
}

.Derb-lane1 {
    top: 150px
}

.Derb-lane2 {
    top: 215px
}

.Derb-lane3 {
    bottom: 0
}

.Derb-horse0,.Derb-horse1,.Derb-horse2,.Derb-horse3 {
    position: absolute;
    object-fit: fill;
    left: -5%;
    transition: left 5s ease
}

.Derb-horse0 {
    width: 170px;
    bottom: -110px;
    z-index: 30;
    left: 0
}

.Derb-horse1 {
    width: 180px;
    bottom: -110px;
    z-index: 50;
    left: 0
}

.Derb-horse2 {
    width: 190px;
    bottom: -90px;
    z-index: 70;
    left: 0
}

.Derb-horse3 {
    width: 200px;
    bottom: 20px;
    z-index: 90;
    left: 0
}

.Derb-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #ff0;
    z-index: 5;
    opacity: 1
}

.Derb-line.animate {
    animation: moveLine 5s linear forwards
}

#raceTrack {
    position: relative;
    overflow: hidden
}

@keyframes moveLine {
    0% {
        left: 0;
        opacity: 1
    }

    100% {
        left: 100%;
        opacity: 0
    }
}

.Derb-finishline {
    position: absolute;
    top: 0;
    right: -80px;
    height: 100%;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0
}

.Derb-finishline.reveal {
    animation: slideInFinish 6s ease forwards
}

.Derb-finishline img {
    height: 100%;
    width: auto;
    object-fit: contain;
    display: block
}

.Derb-startline {
    position: absolute;
    left: 60px;
    bottom: 0;
    height: 50%;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: .4
}

.Derb-startline img {
    transform-origin: center;
    transform: rotate(15deg);
    height: 100%;
    width: auto;
    object-fit: contain;
    display: block
}

.Derb-startline.reveal {
    animation: slideInstart 3s ease forwards
}

.Derb-controls {
    text-align: center;
    margin: 20px 10px
}

.Derb-controls input {
    padding: 10px;
    font-size: 16px;
    margin: 0 8px;
    max-width: 150px
}

.Derb-controls button {
    padding: 10px 20px;
    font-size: 16px
}

@keyframes slideInFinish {
    0% {
        right: -80px;
        opacity: 0
    }

    100% {
        right: 0;
        opacity: 1
    }
}

@keyframes slideInstart {
    100% {
        left: -150px;
        opacity: 0
    }
}

.Derb-track-container.flash::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: 0;
    z-index: 999;
    animation: flashEffect 1.2s ease-out
}

@keyframes flashEffect {
    0% {
        opacity: 0
    }

    50% {
        opacity: .8
    }

    100% {
        opacity: 0
    }
}

.Derb-track-container.paused .fence-scroll,.Derb-track-container.paused .flag-scroll {
    animation-play-state: paused !important
}

.Derb-track-container.paused .Derb-horse0,.Derb-track-container.paused .Derb-horse1,.Derb-track-container.paused .Derb-horse2,.Derb-track-container.paused .Derb-horse3 {
    animation-play-state: paused !important
}

.Derb-HC-accordion-body {
    margin-top: -10px;
    padding: 6px;
    background-color: rgba(0,0,0,.45);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 12px;
    line-height: 1.33;
    border: 1px solid transparent;
    box-shadow: 0 2px 4px 0 transparent;
    position: absolute;
    display: block;
    z-index: 100;
    width: auto;
    height: auto
}

.Derb-HC-accordion-body {
    border-radius: 0 0 10px
}

.Derb-HC-handicap-cards {
    display: flex;
    margin-bottom: 2px
}

.Derb-HC-icon-card {
    background: rgba(0,0,0,.4);
    border-radius: 100px 0 0 100px;
    padding: 4px 5px 2px;
    margin-right: 1px
}

.Derb-HC-cards-content {
    display: flex;
    background: rgba(0,0,0,.4);
    padding: 2px 12px 0;
    border-radius: 0 2px 2px 0
}

.Derb-HC-card {
    width: 52px;
    height: 72px;
    border-radius: 4px;
    overflow: hidden
}

.Derb-HC-card {
    width: 21px;
    height: 26px
}

.Derb-HC-cards-drawn-container {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    padding: 8px;
    margin-left: 16px;
    background: rgba(0,0,0,.4);
    border-radius: 10px 10px 0 0;
    z-index: 200
}

.Derb-HC-cards-drawn-container .card {
    height: 40px;
    width: 35px;
    border-radius: 2px
}

.game-message-cardderbyracing {
    color: #fff;
    position: absolute;
    right: 0;
    top: 1px;
    width: 100%;
    padding-left: 150px;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 600;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease,visibility 1s ease
}

.game-message-cardderbyracing.show {
    opacity: 1;
    visibility: visible
}

.cdr-game-message {
    background-color: rgba(0,0,0,.45);
    padding: 9px 16px;
    box-sizing: border-box;
    transition: 2s ease-in-out
}

.cdr-game-message h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px
}

.cdr-game-message p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px
}

.hidden {
    display: none
}

@media(max-width: 768px) {
    .Derb-horse0 {
        width:100px
    }

    .Derb-horse1 {
        width: 104px
    }

    .Derb-horse2 {
        width: 108px
    }

    .Derb-horse3 {
        width: 110px
    }

    .Derb-startline {
        position: absolute;
        left: 25px;
        bottom: 0;
        height: 50%;
        z-index: 4;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        opacity: .4
    }
}

.Derb-card-table {
    margin: auto
}

.Derb-card-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 6px;
    border-radius: 6px;
    padding: 4px;
    transition: box-shadow .3s ease;
    border: ridge
}

.Derb-card-winner {
    animation: blinkGreen 1s infinite;
    background-color: rgba(255,255,255,.05);
    box-shadow: 0 0 10px 2px rgba(0,255,0,.7)
}

@keyframes blinkGreen {
    0% {
        box-shadow: 0 0 10px 2px rgba(0,255,0,.2)
    }

    50% {
        box-shadow: 0 0 20px 4px rgba(0,255,0,.8)
    }

    100% {
        box-shadow: 0 0 10px 2px rgba(0,255,0,.2)
    }
}

.Derb-card-suit-label {
    width: 25px;
    display: flex;
    align-items: center;
    font-weight: bold
}

.Derb-card-suit-label-remaining {
    color: #fff;
    width: auto;
    display: flex;
    align-items: center;
    font-weight: bold
}

.Derb-card-suit-label span {
    margin-left: 8px
}

.Derb-card-cards {
    position: relative;
    display: flex;
    right: 0;
    flex-wrap: wrap;
    gap: 4px;
    flex: 1;
    justify-content: flex-end
}

.Derb-card-wrapper {
    width: calc(100%/13 - 5px);
    max-width: 40px;
    flex-grow: 1
}

.Derb-card-img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    display: block
}

.Derb-card-winner {
    animation: blinkGreen 1s infinite;
    background-color: rgba(255,255,255,.05);
    box-shadow: 0 0 10px 2px rgba(0,255,0,.7)
}

@keyframes blinkGreen {
    0% {
        box-shadow: 0 0 10px 2px rgba(0,255,0,.2)
    }

    50% {
        box-shadow: 0 0 20px 4px rgba(0,255,0,.8)
    }

    100% {
        box-shadow: 0 0 10px 2px rgba(0,255,0,.2)
    }
}

.cross-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 40px;
    color: #f00;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .6;
    pointer-events: none;
    font-weight: bold;
    z-index: 2
}

@media(max-width: 768px) {
    .Derb-card-wrapper:nth-child(-n+7) {
        max-width:30px
    }

    .Derb-card-wrapper:nth-child(n+8) {
        max-width: 30px
    }
}