@charset "UTF-8";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:thin;scrollbar-color:black black}*::-webkit-scrollbar{width:12px}*::-webkit-scrollbar-track{background:orange}*::-webkit-scrollbar-thumb{background-color:#00f;border-radius:20px;border:3px solid orange}body{padding:0;margin:0;display:table;width:100%;height:100%;background-color:#000;color:#000;line-height:1.6;position:relative;font-family:sans-serif;overflow:hidden;overflow-y:scroll}.lines{position:absolute;top:0;left:0;right:0;height:100%;margin:auto;width:90vw}.line{position:absolute;width:1px;height:100%;top:0;left:50%;background:#ffffff1a;overflow:hidden}.line:after{content:"";display:block;position:absolute;height:15vh;width:100%;top:-50%;left:0;background:linear-gradient(to bottom,#fff0,#fff 75%,#fff);animation:drop 15s 0s infinite;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.4,.26,0,.97)}.line:nth-child(1){margin-left:-25%}.line:nth-child(1):after{animation-delay:1s}.line:nth-child(2){margin-left:25%}.line:nth-child(2):after{animation-delay:2.5s}.line:nth-child(3){margin-left:45%}.line:nth-child(3):after{animation-delay:3.5s}.line:nth-child(4){margin-left:-45%}.line:nth-child(4):after{animation-delay:5s}@keyframes drop{0%{top:-15%}to{top:100%}}@media screen and (min-width: 358px){.Home{position:relative}}@media screen and (min-width: 358px){.AboutMySkils{background-color:transparent;width:100%;height:100%;display:flex;justify-content:center;position:relative;z-index:1000}.AboutMySkils__Container{width:100%;height:100%;padding:0;margin:0}.AboutMySkils__Profile-image{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:2rem 0 0}.AboutMySkils__Profile-image article{width:90%;display:flex;justify-content:center}.AboutMySkils__Profile-image article figure{width:250px;height:250px;overflow:hidden;border-radius:50%;border:3px solid rgb(46,76,135)}.AboutMySkils__Profile-image article figure img{width:100%;height:100%;object-fit:cover}.AboutMySkils__Content-MB-MS-MC{width:100%;height:100%;padding:0 .9rem;box-sizing:border-box}.AboutMySkils__Mini-Biography{width:100%;height:100%}.AboutMySkils__Mini-Biography article{width:100%}.AboutMySkils__Mini-Biography article h1{color:#607bb3;font-size:1rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;margin:0;padding:0}.AboutMySkils__Mini-Biography article p{color:#dacdcd;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:400;letter-spacing:1px;margin:1rem 0 0;padding:0}.AboutMySkils__Mini-Biography article p strong{color:#607bb3}.AboutMySkils__Content-MS-MC{width:100%;height:100%;display:flex;flex-wrap:wrap}.AboutMySkils__Mini-Skils{width:50%;height:100%}.AboutMySkils__Mini-Skils article{width:100%;height:100%;display:flex;flex-direction:column;align-items:start;justify-content:center}.AboutMySkils__Mini-Skils article h2{color:#caccd0;font-size:1.5rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;padding:0;margin:2rem 0 0}.AboutMySkils__Mini-Skils article p{color:#caccd0;font-size:1rem;font-family:Russo One,sans-serif;font-weight:500;letter-spacing:1px;padding:0;margin:0}.AboutMySkils__Mini-Skils article ul{margin:0;padding:0 0 0 2rem;box-sizing:border-box;list-style:linear-gradient(orange)}.AboutMySkils__Mini-Skils article ul li{margin:.5rem}.AboutMySkils__Mini-Skils-Icons{display:none}.AboutMySkils__Mini-Skils article ul li p{color:#cfc5c5;font-size:.9rem;font-family:Russo One,sans-serif}.AboutMySkils__My-Contacts{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.AboutMySkils__My-Contacts h3{color:#caccd0;font-size:1.5rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;padding:0;margin:2rem 0 0}.AboutMySkils__My-Contacts article{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.AboutMySkils_MC-Box-Icon{background-color:#292626;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;margin:5px}.AboutMySkils_MC-Box-Icon a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.AboutMySkils_MC-Icon{color:#fff;font-size:1.3rem}.AboutMySkils__PD-Languages{width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;padding:1rem}.AboutMySkils__PD-Languages article{width:26%;border-top:1px solid rgb(155,151,151)}.AboutMySkils__PD-Languages article h4{color:#caccd0;font-size:1.1rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;margin:.5rem 0 0;padding:0;line-height:21px}.AboutMySkils__PD-Languages article p{color:#cfc8c8;font-size:.9rem;font-family:Geist Mono,monospace;font-weight:700}.AboutMySkils__PD-Languages article p strong{color:#a36d09}#AboutMySkils__PD-numbers{color:#fff;font-size:1.2rem;text-align:center}}@media screen and (min-width: 500px){.AboutMySkils__Container{padding:1rem}#AboutMySkils__PD-numbers{color:#fff;font-size:1.2rem;text-align:start}}@media screen and (min-width: 600px){.AboutMySkils__Container{width:550px}}@media screen and (min-width: 768px){.AboutMySkils__Container{width:700px;position:relative}.AboutMySkils__Content-MB-MS-MC{width:100%;height:100%;display:flex;justify-content:space-around}.AboutMySkils__Mini-Biography{width:43%;box-sizing:border-box;padding:0 2rem 0 0;margin-top:2.4rem}.AboutMySkils__Mini-Biography article h1{color:#fff;font-size:1.5rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;margin:0;padding:0}.AboutMySkils__Content-MS-MC{width:56%}.AboutMySkils__Mini-Skils article ul{margin:0;padding:0;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center}.AboutMySkils__Mini-Skils article ul li{width:47%;margin:1.5rem 5px 0 0}.AboutMySkils__My-Contacts{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.AboutMySkils__My-Contacts h3{color:#caccd0;font-size:1.5rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;padding:0;margin:2rem 0 1rem 3rem}.AboutMySkils__My-Contacts article{width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin-left:3.5rem}.AboutMySkils_MC-Box-Icon{background-color:#292626;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;margin:5px}.AboutMySkils_MC-Box-Icon a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.AboutMySkils_MC-Icon{color:#fff;font-size:1.3rem}.AboutMySkils__PD-Languages{width:100%;height:100%;display:flex;justify-content:space-between;box-sizing:border-box;padding:1rem;margin-top:2rem}#AboutMySkils__PD-box1{width:34%}#AboutMySkils__PD-box2{width:30%}#AboutMySkils__PD-box3{width:20%}}@media screen and (min-width: 1000px){.AboutMySkils__Container{width:768px;position:relative}.AboutMySkils__Content-MB-MS-MC{display:flex;flex-direction:column;justify-content:space-around;position:absolute;top:0%;left:-9%}.AboutMySkils__Content-MS-MC{width:75%;margin-top:2rem}.AboutMySkils__My-Contacts{width:50%;height:100%}.AboutMySkils__My-Contacts h3{color:#caccd0;font-size:1.5rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;padding:0;margin:3rem 0 1rem 3rem}.AboutMySkils__My-Contacts article{width:100%;height:100%;display:flex;justify-content:center;align-items:start}.AboutMySkils__PD-Languages{width:200px;height:100%;display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0%;right:-5%}#AboutMySkils__PD-box1,#AboutMySkils__PD-box2{width:200px;margin-bottom:2rem}#AboutMySkils__PD-box3{width:200px}}@media screen and (min-width: 1400px){.AboutMySkils__Container{width:900px;position:relative}.AboutMySkils__Profile-image{animation:fadeIn;animation-duration:2s}.AboutMySkils__Profile-image article{margin-left:15%}.AboutMySkils__Profile-image article figure{width:300px;height:300px}.AboutMySkils__Mini-Biography,.AboutMySkils__Content-MS-MC{animation:fadeInLeft;animation-duration:2s}.AboutMySkils__Mini-Biography article h1{font-size:2.2rem}.AboutMySkils__Mini-Biography article p{font-size:1.1rem}.AboutMySkils__Mini-Biography article p strong{color:#86adf9}.AboutMySkils__Mini-Skils article h2{font-size:2.2rem}.AboutMySkils__Mini-Skils article p{font-size:1.5rem}.AboutMySkils__Mini-Skils article ul li p{color:#cfc5c5;font-size:1rem;font-family:Russo One,sans-serif}.AboutMySkils__My-Contacts{width:50%;height:100%;font-size:2.2rem}.AboutMySkils__My-Contacts article{width:100%;height:100%;margin-left:12rem}.AboutMySkils__My-Contacts h3{font-size:2rem;margin:3rem 0 1rem 12rem}.AboutMySkils_MC-Box-Icon{width:50px;height:50px;border-radius:50%;margin:5px}.AboutMySkils_MC-Icon{font-size:1.5rem}.AboutMySkils__PD-Languages{animation:fadeInRight;animation-duration:2s}.AboutMySkils__PD-Languages article{border-top:3px solid rgb(45,43,43)}.AboutMySkils__PD-Languages article h4{font-size:1.5rem;margin-top:1.5rem}.AboutMySkils__PD-Languages article p{font-size:1rem}}@media screen and (min-width: 358px){.MyWorks section{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:.9rem;margin:5rem 0 0;position:relative;z-index:1000}.MyWorks section aside{width:100%;height:100%}.MyWorks section aside article h1{color:#fff;font-size:1rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:0;padding:0}.MyWorks section aside article p{color:#fff;font-size:2rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:0;padding:0}.MyWorks section aside article p strong{color:#6e8fd1;font-size:2rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:0;padding:0}.MyWorks section .MyWorks__MCF-MCB-MCFull{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.MyWorks__MCF-MCB-MCFull a{background-color:#121010;width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;text-decoration:none;padding:.9rem;margin-top:1rem;animation:backInRight;animation-duration:2s;border-bottom:2px solid rgb(110,143,209);transition:all ease-in-out .6s}.MyWorks__MCF-MCB-MCFull a nav{width:100%;height:100%;display:flex;justify-content:start;align-items:center}.MyWorks__MCF-MCB-MCFull .MyWorks__Title{width:100%;height:100%;display:flex;flex-direction:column;align-items:start}.MyWorks__MCF-MCB-MCFull .MyWorks__Title p{color:#dacdcd;font-size:1rem;font-family:Noto Sans Thai,sans-serif;font-weight:500;letter-spacing:1px;margin:0;padding:0}.MyWorks__MCF-MCB-MCFull .MyWorks__Title-Tecnoligi{width:100%;display:flex;align-items:center}.MyWorks__Title-Tecnoligi .MyWorks__Icons{color:#fff;font-size:1.6rem}.MyWorks__Title-Tecnoligi h2{color:#fff;font-size:1.5rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;margin:0 0 0 1rem;padding:0}.MyWorks__Description p{color:#dacdcd;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:500;letter-spacing:1px;margin:0;padding:.5rem 0 0}}@media screen and (min-width: 600px){.MyWorks{width:100%;display:flex;justify-content:center;align-items:center}.MyWorks section{width:560px;height:100%}}@media screen and (min-width: 768px){.MyWorks{width:100%;display:flex;justify-content:center;align-items:center}.MyWorks section{width:95%;max-width:790px;height:100%;box-sizing:border-box;padding:1.5rem}.MyWorks__MCF-MCB-MCFull a{margin-top:2rem;border-bottom:4px solid rgb(110,143,209)}}@media screen and (min-width: 1000px){.MyWorks{margin-top:20rem}.MyWorks section{width:100%;max-width:990px;height:100%;box-sizing:border-box;padding:1.5rem}.MyWorks__MCF-MCB-MCFull a{display:flex;flex-direction:row;align-items:center;cursor:pointer}.MyWorks__MCF-MCB-MCFull a:hover{transition:all ease-in-out .2s;background-color:#211e1e}.MyWorks__MCF-MCB-MCFull .MyWorks__Title{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.MyWorks__MCF-MCB-MCFull .MyWorks__Title p{font-size:1.2rem;margin:0 7rem 0 0;padding:0}.MyWorks__Description p{font-weight:600}}@media screen and (min-width: 1400px){.MyWorks{margin-top:25rem}.MyWorks section{width:100%;max-width:1110px;height:100%;display:flex;flex-direction:row;align-items:start;justify-content:start}.MyWorks section .MyWorks__Description-box{width:35%;height:100%}.MyWorks__Description p{font-size:.9rem}.MyWorks section .MyWorks__MCF-MCB-MCFull{width:90%;height:100%}.MyWorks section aside article h1{font-size:1.3rem}.MyWorks section aside article p{font-size:3rem}.MyWorks section aside article p strong{font-size:2.8rem}.MyWorks__MCF-MCB-MCFull a{margin:0 0 2rem;border-radius:5px}}@media screen and (min-width: 358px){.AboutProjects{position:relative;z-index:1000}.AboutProjects section{width:100%;height:100%;box-sizing:border-box;padding:1rem;margin-top:3rem}.AboutProjects__Title{width:100%;height:100%;display:flex;flex-direction:column;align-items:start}.AboutProjects__Title h1{color:#fff;font-size:1.7rem;font-family:Kanit,sans-serif;font-weight:600;letter-spacing:1px;margin:0;padding:0}.AboutProjects__Title h1 strong{color:#7a99d9}.AboutProjects__Title p{color:#dacdcd;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:500;letter-spacing:1px;line-height:24px;margin:1rem 0 0;padding:0}.AboutProjects__Categories{width:100%;height:100%;margin:2.5rem 0 3rem}.AboutProjects__Categories nav{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.AboutProjects__Categories nav a{background-color:#191717;width:100%;height:100%;text-decoration:none;border-bottom:1px solid rgb(37,72,143);box-sizing:border-box;border-radius:10px;margin-top:1rem;padding:.9rem;transition:all ease-in-out .6s}.AboutProjects__Categories nav a p{color:#dacdcd;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:400;letter-spacing:1px;margin:1rem 0 0;padding:0}.AboutProjects__Categories nav a h2{color:#7a99d9;font-size:1rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;text-decoration:underline;margin:0;padding:0}.AboutProjects__Images-Projects{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.AboutProjects__Images-Projects nav{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;margin:0}.AboutProjects__Images-Projects nav figure{width:100%;height:250px;border-radius:20px;overflow:hidden}.AboutProjects__Images-Projects nav figure img{width:100%;height:100%;object-fit:cover}.AboutProjects__Description-Projects{width:100%;height:100%;display:flex;flex-direction:column}.AboutProjects__Description-Projects div p{color:#dacdcd;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:400;letter-spacing:1px;margin:1rem 0 0;padding:0}.AboutProjects__Description-Projects div h3{color:#fff;font-size:1.6rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;margin:1.5rem 0 0;padding:0}.AboutProjects__links-Projects{width:100%;height:100%}.AboutProjects__links-Projects article{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:3rem}.AboutProjects__links-Projects article a{width:100%;height:250px;margin-bottom:2rem;border-radius:15px;overflow:hidden}.AboutProjects__links-Projects article a img{width:100%;height:100%;object-fit:cover;transition:all ease-in-out .6s}}@media screen and (min-width: 500px){.AboutProjects{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.AboutProjects section{max-width:560px;height:100%}.AboutProjects__Categories nav{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}.AboutProjects__Categories nav a{width:49%;border-bottom:3px solid rgb(37,72,143)}.AboutProjects__Categories nav a p{font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:500}.AboutProjects__Categories nav a h2{font-size:1.1rem;font-weight:600;margin:.3rem 0 0}}@media screen and (min-width: 768px){.AboutProjects section{max-width:700px;height:100%}.AboutProjects__Images-Projects nav{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;margin:0}.AboutProjects__Images-Projects nav figure{width:100%;height:380px}.AboutProjects__Description-Projects{width:100%;height:100%;display:flex;flex-direction:column}.AboutProjects__Description-Projects div p{font-size:.9rem;font-weight:600}.AboutProjects__Description-Projects div h3{font-size:1.5rem}.AboutProjects__Description-Block{width:100%;display:flex;justify-content:space-between}.AboutProjects__Description-Block article{width:47%;height:100%}}@media screen and (min-width: 830px){.AboutProjects section{max-width:760px;height:100%}.AboutProjects__links-Projects article{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:3rem}.AboutProjects__links-Projects article a{width:100%;height:400px;margin-bottom:2rem;border-radius:15px;overflow:hidden}}@media screen and (min-width: 1000px){.AboutProjects section{max-width:970px;height:100%}.AboutProjects__Title{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:start}.AboutProjects__Title div{width:80%}.AboutProjects__Title h1{font-size:3rem;font-weight:400}.AboutProjects__Title h1 strong{color:#7a99d9;font-weight:400}.AboutProjects__Title p{font-size:1.1rem;font-weight:400;letter-spacing:0px;line-height:25px}.AboutProjects__Categories nav{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}.AboutProjects__Categories nav a{width:49%;border-bottom:3px solid rgb(37,72,143)}.AboutProjects__Categories nav a:hover{background-color:#1f1e1e;transition:all ease-in-out .3s}.AboutProjects__Categories nav a p{font-size:1rem;font-weight:400}.AboutProjects__Categories nav a h2{font-size:1.2rem}.AboutProjects__Images-Projects{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between}.AboutProjects__Images-Projects nav{width:32%}.AboutProjects__Images-Projects nav figure{width:100%;height:220px}.AboutProjects__Description-Projects{display:flex;flex-direction:column;justify-content:center;align-items:center}.AboutProjects__Description-Info{width:80%;margin-top:1.5rem}.AboutProjects__Description-Block{width:80%;display:flex;justify-content:space-between}}@media screen and (min-width: 1400px){.AboutProjects{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.AboutProjects section{max-width:1103px;height:100%}.AboutProjects__Title{width:100%;height:100%;display:flex;flex-direction:row;justify-content:start;align-items:start}.AboutProjects__Title div{width:60%}.AboutProjects__Categories nav{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:stretch}.AboutProjects__Categories nav a{width:24%;border-bottom:3px solid rgb(37,72,143);margin:5px}.AboutProjects__Categories nav a:hover{background-color:#1f1e1e;transition:all ease-in-out .3s}.AboutProjects__Categories nav a p{font-size:1rem;font-weight:400}.AboutProjects__Categories nav a h2{font-size:1.2rem}.AboutProjects__links-Projects{width:100%;height:100%}.AboutProjects__links-Projects article{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:3rem}.AboutProjects__links-Projects article a{width:48%;height:350px;margin-bottom:2rem;border-radius:15px;overflow:hidden}.AboutProjects__links-Projects article a img:hover{transition:all ease-in-out .6s;scale:1.1}}@media screen and (min-width: 358px){@keyframes shine-categori{0%{background-color:#050505}to{background-color:#3e4041}}@keyframes shine-box{0%{background-color:#030303}to{background-color:#131516}}.MainCategories{width:100%}.MainCategories section{padding:0}.MainCategories section nav{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.MainCategories__Content-Categori{background-color:#191717;width:100%;height:95px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding:1rem;border-radius:15px;margin-top:1rem;animation:shine-box 1s linear infinite alternate}.MainCategories__Content-Categori h1{background-color:#696464;width:40%;height:20px;border-radius:5px;font-size:1.1rem;margin:0;padding:0;animation:shine-categori 1s linear infinite alternate}.MainCategories__Content-Categori p{background-color:#696464;width:85%;height:20px;font-size:1.1rem;border-radius:5px;margin:1rem 0 0;padding:0;animation:shine-categori 1s linear infinite alternate}}@media screen and (min-width: 500px){.MainCategories section nav{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center}.MainCategories__Content-Categori{width:49%;height:95px}}@media screen and (min-width: 1400px){.MainCategories section nav{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:stretch}.MainCategories__Content-Categori{width:24%;margin:5px}}@media screen and (min-width: 358px){@keyframes Shadow-box{0%{background-color:#030303}to{background-color:#131516}}@keyframes Shadow-Image{0%{color:#f7f2f2}to{color:#131516}}.ProjectsHighlights{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2.5rem}.ProjectsHighlights aside{background-color:#171414;width:100%;height:250px;display:flex;justify-content:center;align-items:center;border-radius:10px;margin-bottom:2rem;animation:Shadow-box 1s linear infinite alternate}.ProjectsHighlights aside figure{width:100px;height:100px;display:flex;justify-content:center;align-items:center;padding:0;margin:0}.ProjectsHighlights__Icon-Image{color:#fff;font-size:4rem;animation:Shadow-Image 1s linear infinite alternate}}@media screen and (min-width: 830px){.ProjectsHighlights aside{width:100%;height:400px}}@media screen and (min-width: 1400px){.ProjectsHighlights{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:2.5rem}.ProjectsHighlights aside{width:49%;height:370px}}@media screen and (min-width: 358px){@keyframes Shadow-box{0%{background-color:#030303}to{background-color:#131516}}@keyframes Shadow-Image{0%{color:#f7f2f2}to{color:#131516}}.ViewNewProjects{width:100%}.ViewNewProjects section{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:0;margin:0}.ViewNewProjects aside{animation:Shadow-box 1s linear infinite alternate;width:100%;height:250px;display:flex;justify-content:center;align-items:center;border-radius:20px;margin:1rem 0}.ViewNewProjects aside figure{width:200px;height:200px;display:flex;justify-content:center;align-items:center;margin:0;padding:0}.ViewNewProjects__Icon-Image{animation:Shadow-Image 1s linear infinite alternate;font-size:3rem}}@media screen and (min-width: 768px){.ViewNewProjects aside{height:380px}}@media screen and (min-width: 1000px){.ViewNewProjects section{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.ViewNewProjects aside{width:32%;height:220px}}@media screen and (min-width: 358px){.Projects{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.Projects__Conteiner{width:100%;height:100%;display:flex;justify-content:center}.Projects__Component-Article{width:100%;display:block}.Projects__Component-BrokenBox{display:none}}@media screen and (min-width: 1200px){.Projects{width:100%;height:100%;display:flex;justify-content:center}.Projects__Conteiner{max-width:1400px}.Projects__Component-Article{width:75%;display:block}.Projects__Component-BrokenBox{width:25%;min-height:1440px;display:block}}@media screen and (min-width: 358px){.Article{position:relative;z-index:500}.Article section{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:1rem;margin-top:2rem}.Article section a{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;box-sizing:border-box;margin-bottom:2rem}.Article section a figure{width:100%;min-height:400px;max-height:400px;overflow:hidden}.Article section a figure img{width:100%;height:100%;transition:all ease-in-out .6s;object-fit:cover}.Article section a article{width:100%;height:100%;display:flex;flex-direction:column}.Article section a article div{display:flex;justify-content:space-between}.Article section a article div p{color:#dacdcd;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:500;letter-spacing:1px;margin:1rem 0 0;padding:0}.Article section a article nav{width:100%;display:flex;flex-direction:column}.Article section a article nav h1{color:#fff;font-size:1.3rem;font-family:Kanit,sans-serif;font-weight:700;letter-spacing:1px;padding:0;margin:1rem 0 0}.Article section a article nav p{color:#b5aeae;font-size:.9rem;font-family:Space Grotesk,sans-serif;font-weight:500}.Article__Pagination{width:100%;display:flex;justify-content:center;margin:2rem 0 3rem}.Article__Pagination h1{background-color:#1c1b1b;color:#607bb3;width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:1.3rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;cursor:pointer;margin:0 1rem;padding:0}.Article__Pagination h1.active{color:#fff;border:1px solid rgb(57,54,54);box-sizing:border-box}}@media screen and (min-width: 600px){.Article{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.Article section{max-width:600px;height:100%}}@media screen and (min-width: 1000px){.Article{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.Article section{max-width:1000px;height:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}.Article section a{width:48%;min-height:630px;max-height:630px;margin-bottom:6rem}}@media screen and (min-width: 1400px){.Article section a:hover img{scale:1.1;transition:all ease-in-out .3s}}@media screen and (min-width: 358px){@keyframes Shadow-box{0%{background-color:#030303}to{background-color:#131516}}@keyframes Shadow-Image{0%{color:#f7f2f2}to{color:#131516}}@keyframes Shadow-Data{0%{background-color:#272626}to{background-color:#131516}}.ShowProjects{width:100%}.ShowProjects section{width:100%;display:flex;flex-direction:column;align-items:center;padding:0}.ShowProjects__Article{width:100%;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem}.ShowProjects__Article figure{background-color:#1a1818;width:100%;height:400px;display:flex;justify-content:center;align-items:center;padding:0;margin:0;animation:Shadow-box 1s linear infinite alternate}.ShowProjects__Article .ShowProjects__Article-Image{color:#fff;font-size:3.5rem;animation:Shadow-Image 1s linear infinite alternate}.ShowProjects__Article div{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.ShowProjects__Article div h1,.ShowProjects__Article div p{background-color:#fff;width:48%;height:15px;font-size:.5rem;margin:0;animation:Shadow-Data 1s linear infinite alternate}.ShowProjects__Article aside{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem}.ShowProjects__Article aside h2{background-color:#fff;width:90%;height:15px;font-size:.5rem;margin:0;animation:Shadow-Data 1s linear infinite alternate}.ShowProjects__Article aside nav{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1rem}.ShowProjects__Article aside nav p{background-color:#fff;width:100%;height:15px;font-size:.5rem;margin:0 0 .8rem;animation:Shadow-Data 1s linear infinite alternate}}@media screen and (min-width: 1000px){.ShowProjects section{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0}.ShowProjects__Article{width:48%}}@media screen and (min-width: 358px){.BrokenBox{display:none}}@media screen and (min-width: 1200px){.BrokenBox{width:100%;height:100%;display:block;position:relative;z-index:500}.BrokenBox section{width:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:.5rem;margin-top:3.3rem}.BrokenBox__Container-Categories{background-color:#171414;width:100%;box-sizing:border-box;padding:1rem;border-radius:20px}.BrokenBox__Container-Categories h1{color:#fff;font-size:1.2rem;font-family:Kanit,sans-serif;font-weight:300;letter-spacing:1px;margin:0;padding:0}.BrokenBox__Container-Categories nav{width:100%;display:flex;flex-direction:column}.BrokenBox__Container-Categories nav a{color:#fff;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:500;letter-spacing:1px;text-decoration:none;margin:1.5rem 0 0;padding:0;transition:all ease-in-out .6s}.BrokenBox__Container-Categories nav a:hover{color:#6690e3;text-decoration:underline;transition:all ease-in-out .1s}.BrokenBox__Projects-Recent{background-color:#171414;width:100%;box-sizing:border-box;padding:1rem;margin-top:2rem;border-radius:20px}.BrokenBox__Projects-Recent h2{color:#fff;font-size:1.2rem;font-family:Kanit,sans-serif;font-weight:300;letter-spacing:1px;margin:0 0 2rem;padding:0}.BrokenBox__Projects-Recent nav{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.BrokenBox__Projects-Recent nav a{width:100%;height:100%;display:flex;justify-content:space-between;text-decoration:none;margin-bottom:2rem}.BrokenBox__Projects-Recent figure{width:40%;height:80px;overflow:hidden;border-radius:10px;margin:0;padding:0}.BrokenBox__Projects-Recent figure img{width:100%;height:100%;object-fit:cover;transition:all ease-in-out .6s}.BrokenBox__Projects-Recent nav a:hover img{scale:1.1;transition:all ease-in-out .3s}.BrokenBox__Projects-Recent nav a article{width:55%}.BrokenBox__Projects-Recent nav a article h3{color:#d2d4d8;font-size:1rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;margin:0;padding:0;transition:all ease-in-out .3s}.BrokenBox__Projects-Recent nav a:hover h3{text-decoration:underline;transition:all ease-in-out .3s}.BrokenBox__Projects-Recent nav a article p{color:#dacdcd;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:400;letter-spacing:1px;margin:.5rem 0 0;padding:0}}@media screen and (min-width: 358px){@keyframes shine-box{0%{background-color:#2a2828}to{background-color:#131516}}.AllCategories{width:100%;height:100%}.AllCategories section{width:100%;height:100%;display:flex;justify-content:center;padding:0;margin:1.5rem 0 0}.AllCategories section ul{color:#fff;width:100%;height:100%;display:flex;flex-direction:column;align-items:start;list-style:none;padding:0;margin:0}.AllCategories section ul li{animation:shine-box 1s linear infinite alternate;width:50%;height:13px;margin-bottom:2rem}}@media screen and (min-width: 358px){@keyframes shine-box{0%{background-color:#2a2828}to{background-color:#131516}}@keyframes Shadow-Image{0%{color:#f7f2f2}to{color:#131516}}@keyframes Shadow-Data{0%{background-color:#393838}to{background-color:#131516}}.RecentPosts{width:100%;height:100%}.RecentPosts section{width:100%;height:100%;display:flex;flex-direction:column;align-items:start;margin:0}.RecentPosts section article{width:100%;height:100%;display:flex;justify-content:space-between;margin-bottom:1rem}.RecentPosts section article figure{animation:shine-box 1s linear infinite alternate;width:50%;height:80px;display:flex;justify-content:center;align-items:center;margin:0;padding:0}.RecentPosts__Icon-Image{animation:Shadow-Image 1s linear infinite alternate;font-size:2rem}.RecentPosts section article nav{width:48%;height:100%;display:flex;justify-content:start;align-items:start}.RecentPosts section article h1{animation:Shadow-Data 1s linear infinite alternate;width:55%;height:15px;font-size:.5rem;margin:.3rem 0 0;padding:0}.RecentPosts section article p{animation:Shadow-Data 1s linear infinite alternate;width:100%;height:15px;font-size:.5rem;margin:1rem 0 0;padding:0}}@media screen and (min-width: 358px){.FormContact{width:100%;height:100%;box-sizing:border-box;margin:4rem 0 0;padding:1rem;position:relative;z-index:500}.FormContact__Description{width:100%;display:flex;flex-direction:column}.FormContact__Description p{color:#dacdcd;font-size:1rem;font-family:Noto Sans Thai,sans-serif;font-weight:400;margin:0;padding:0}.FormContact__Description h1{color:#607bb3;font-size:2.5rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;margin:0;padding:0}.FormContact__Description aside{width:100%;display:flex;justify-content:space-around;margin-top:2rem}.FormContact__Description aside a{background-color:#211e1e;width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid rgb(19,51,115);position:relative;transition:all ease-in-out .6s}.FormContact__Description .FormContact__Description-Icons{color:#fff;font-size:1.5rem;font-weight:500}.FormContact__Form-Contact{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.FormContact__Content-Form form{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box;margin-top:2rem;position:relative}.FormContact__Content-MessageError{width:100%;height:50px;display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;box-sizing:border-box;padding:.2rem;border-radius:5px}.FormContact__Content-MessageError div{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.FormContact__Content-Form form div{width:100%}.FormContact__Content-Form form div input{background-color:#1a1818;width:100%;height:40px;box-sizing:border-box;margin-bottom:1rem;padding:1rem;border:none;outline:none;border-radius:10px;color:#fff;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:500;letter-spacing:1px}.FormContact__Content-Form form label textarea{background-color:#1a1818;width:100%;height:200px;box-sizing:border-box;margin-bottom:0rem;padding:1rem;border:none;outline:none;border-radius:10px;color:#fff;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:500;letter-spacing:1px}.FormContact__Input-Submit{background-color:#1a1818;width:50%;height:35px;border:none;border-radius:10px;box-sizing:border-box;margin-top:1rem;border:1px solid rgb(19,51,115);color:#fff;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:500;letter-spacing:1px;cursor:pointer;transition:all ease-in-out .6s}.FormContact__Input-Submit:hover{transition:all ease-in-out .2s;border:1px solid rgb(130,168,244)}.FormContact__Content-Contact{width:100%}.FormContact__Content-Contact article{width:100%;display:flex;flex-direction:column;margin-top:3rem}.FormContact__Content-Contact article p{color:#dacdcd;font-size:1rem;font-family:Noto Sans Thai,sans-serif;font-weight:400;letter-spacing:1px;margin:1rem 0 0;padding:0}.FormContact__Content-Contact article h2{color:#fff;font-size:1.5rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;margin:0;padding:0}}@media screen and (min-width: 600px){.FormContact{display:flex;justify-content:center;align-items:center}.FormContact section{max-width:500px}}@media screen and (min-width: 768px){.FormContact section{max-width:650px}.FormContact__Content-Form form div{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center}.FormContact__Content-Form form div label{width:49%;height:100%}.FormContact__Content-Form form div input{width:100%;height:40px}.FormContact__Content-Contact article{display:flex;flex-direction:column;align-items:center}}@media screen and (min-width: 1200px){.FormContact section{max-width:1000px}.FormContact__Description{width:70%;display:flex;flex-direction:column;justify-content:center}.FormContact__Form-Contact{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.FormContact__Content-Form{width:70%}.FormContact__Content-Contact{width:30%}}@media screen and (min-width: 358px){.Message_content.error{background-color:red;width:100%;height:100%;min-height:50px;border-radius:10px;display:flex;justify-content:center;align-items:center;z-index:5000}.Message_content.sucess{background-color:#32cd32;width:100%;height:100%;min-height:50px;border-radius:10px;display:flex;justify-content:center;align-items:center;z-index:5000}.Message-conteiner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.Message-conteiner p{color:#f8f6ff;text-align:center;font-size:1rem;font-weight:700;font-family:sans-serif;margin:0}}@media screen and (min-width: 358px){.MyProjects{width:100%;height:100%;position:relative;z-index:500;box-sizing:border-box;padding:1rem}.MyProjects section{background-color:#171414;width:100%;height:100%;box-sizing:border-box;border-radius:10px;padding:.5rem;margin:2rem 0}.MyProjects__Content-Images{width:100%;height:100%;min-height:300px;position:relative}.MyProjects__Content-Image-First{width:100%;height:150px;display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;box-sizing:border-box;padding:.5rem;z-index:100}.MyProjects__Content-Image-First figure{width:45%;height:100%;overflow:hidden;border-radius:50px 0;margin:0;padding:0}.MyProjects__Content-Image-First figure img{width:100%;height:100%;object-fit:cover}.MyProjects__Content-Image-First div{width:49%;height:100%;display:flex;flex-direction:column;justify-content:start}.MyProjects__Content-Image-First div h1{color:#fff;font-size:3rem;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:white;font-weight:700;text-align:end;margin:0;padding:0}.MyProjects__Content-Image-First div p{color:#fff;font-size:1rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;text-align:end;margin:0;padding:0}.MyProjects__Content-Image-Last{width:100%;height:150px;display:flex;justify-content:space-between;align-items:center;position:absolute;top:120px;box-sizing:border-box;padding:.5rem;z-index:200}.MyProjects__Content-Image-Last figure{width:45%;height:100%;overflow:hidden;border-radius:0 50px;margin:0;padding:0}.MyProjects__Content-Image-Last figure img{width:100%;height:100%;object-fit:cover}.MyProjects__Content-Image-Last div{width:49%;height:100%;display:flex;flex-direction:column;justify-content:end}.MyProjects__Content-Image-Last div h1{color:#fff;font-size:3rem;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:white;font-weight:700;text-align:start;margin:0;padding:0}.MyProjects__Content-Image-Last div p{color:#fff;font-size:1rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;text-align:start;margin:0;padding:0}.MyProjects__Content-View-Description{width:100%;height:100%;display:flex;justify-content:center;box-sizing:border-box;padding:1rem}.MyProjects__Content-View-Description div h2{color:#607bb3;font-size:1.9rem;font-family:Kanit,sans-serif;font-weight:500;line-height:35px;letter-spacing:1px;margin:0;padding:0}.MyProjects__Content-View-Description div ul{color:#fff;width:100%;height:100%;display:flex;flex-direction:column;margin:1.5rem 0 0;padding:1rem}.MyProjects__Content-View-Description div ul li p{color:#dacdcd;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:400;letter-spacing:1px;margin:1.5rem 0 0;padding:0}}@media screen and (min-width: 500px){.MyProjects__Content-Image-First{width:100%;height:200px}.MyProjects__Content-Image-First div h1{font-size:3.4rem}.MyProjects__Content-Image-First div p{font-size:1.3rem}.MyProjects__Content-Image-Last{width:100%;height:200px;top:130px}.MyProjects__Content-Image-Last div h1{font-size:4rem}.MyProjects__Content-Image-Last div p{font-size:1.3rem}.MyProjects__Content-View-Description{margin-top:3rem}.MyProjects__Content-View-Description div ul{margin:0rem 0 0}.MyProjects__Content-View-Description div ul li p{font-size:1.1rem}}@media screen and (min-width: 768px){.MyProjects section{background-color:#171414;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.MyProjects__Content-Images{max-width:768px}.MyProjects__Content-Image-First{height:300px}.MyProjects__Content-Image-First figure{width:49%}.MyProjects__Content-Image-First div h1{font-size:3.8rem}.MyProjects__Content-Image-First div p{font-size:1.4rem}.MyProjects__Content-Image-Last{height:300px;top:150px}.MyProjects__Content-Image-Last figure{width:49%}.MyProjects__Content-Image-Last div h1{font-size:4rem}.MyProjects__Content-Image-Last div p{font-size:1.4rem}.MyProjects__Content-View-Description{margin-top:11rem;max-width:768px}}@media screen and (min-width: 1200px){.MyProjects section{min-height:500px;display:flex;flex-direction:row;align-items:start;justify-content:space-between}.MyProjects__Content-Images{max-width:50%}.MyProjects__Content-View-Description{max-width:45%;margin-top:1rem}}@media screen and (min-width: 1400px){.MyProjects__Container{width:100%;height:100%;box-sizing:border-box;padding:1rem;border-radius:20px;margin-top:3rem}.MyProjects{display:flex;justify-content:center;background-color:#171414;border-radius:15px}.MyProjects section{max-width:1400px;min-height:460px}}@media screen and (min-width: 358px){.AboutMe{width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin-top:4rem;position:relative;z-index:500}.AboutMe section div{width:100%}.AboutMe section div h1{color:#607bb3;font-size:2rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-align:center;margin:0;padding:0}.AboutMe__Content-Description{width:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:1rem}.AboutMe__Content-Description figure{width:100%;max-width:330px;height:300px;max-height:330;margin:3rem 0 0;padding:0}.AboutMe__Content-Description figure img{width:100%;height:100%;object-fit:cover}.AboutMe__Content-Description aside{width:100%;max-width:330px}.AboutMe__Content-Description aside div p{color:#dacdcd;font-size:1rem;font-family:Noto Sans Thai,sans-serif;font-weight:400;margin:2rem 0 0;padding:0}.AboutMe__Content-Description aside div p strong{color:#6063c8}.AboutMe__Content-Description aside article{width:100%;height:100%;display:flex;justify-content:center;margin-top:3rem}.AboutMe__Content-Description aside article a{background-color:#1a1515;color:#fff;font-size:1.1rem;font-weight:400;font-family:Kanit,sans-serif;text-decoration:none;box-sizing:border-box;padding:5px 30px;border-radius:20px;border:1px solid rgb(81,78,78)}}@media screen and (min-width: 768px){.AboutMe{margin-bottom:8rem}.AboutMe__Content-Description{width:700px;display:flex;flex-direction:row;justify-content:space-between;align-items:start;box-sizing:border-box;padding:0}.AboutMe__Content-Description aside div p{margin:3.1rem 0 0}}@media screen and (min-width: 1200px){.AboutMe__Content-Description{width:800px}.AboutMe__Content-Description aside{width:100%;max-width:420px}.AboutMe__Content-Description aside div p{font-size:1.2rem}.AboutMe__Content-Description aside article a{font-size:1.2rem;box-sizing:border-box;padding:10px 60px;transition:all ease-in-out .6s}.AboutMe__Content-Description aside article a:hover{border:1px solid rgb(201,195,195);transition:all ease-in-out .3s}.AboutMe__Content-Description figure{max-width:350px;height:350px;border-radius:20px;overflow:hidden}}@media screen and (min-width: 358px){.BlogCards{position:relative;z-index:500;width:100%;height:100%}.BlogCards section{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;margin-top:3rem;box-sizing:border-box}.BlogCards .BlogCards__Website{background:linear-gradient(#141416,#0b0b0b);width:100%;height:100%;padding:1rem;margin-bottom:1rem;box-sizing:border-box;border:1px solid rgb(34,33,33)}.BlogCards .BlogCards__Website a{width:100%;height:100%;box-sizing:border-box;text-decoration:none;padding:0;margin:0}.BlogCards .BlogCards__Website a:hover figure img{scale:1.1;transition:all ease-in-out .6s}.BlogCards .BlogCards__Website a:hover figure nav{opacity:1;transition:all ease-in-out .6s}.BlogCards .BlogCards__Website a:hover h1{color:#0baa0b;transition:all ease-in-out .6s}.BlogCards .BlogCards__Website a figure{width:100%;height:200px;overflow:hidden;border-radius:5px;margin:0;padding:0;position:relative}.BlogCards .BlogCards__Website a figure img{width:100%;height:100%;transition:all ease-in-out .6s;object-fit:cover}.BlogCards .BlogCards__Website a figure nav{width:190px;height:100px;position:absolute;top:50%;left:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translate(-50%,-50%);opacity:0;transition:all ease-in-out .6s}.BlogCards .BlogCards__Website a figure nav aside{background-color:#0baa0b;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%}.BlogCards .BlogCards__Website a figure nav aside .BlogCards__Website-icon{color:#000;font-size:1.5rem;font-weight:700}.BlogCards .BlogCards__Website a figure nav h2{background-color:#00800090;color:#f6f4f4;font-size:1.1rem;font-family:Lexend Deca,sans-serif;font-weight:700;font-style:normal;text-align:center;border-radius:5px;transition:all ease-in-out .6s;margin:5px 0 0;padding:0 .3rem}.BlogCards .BlogCards__Website a ul{width:100%;height:100%;list-style:none;padding:0;margin:0}.BlogCards .BlogCards__Website a li{width:100%}.BlogCards .BlogCards__Website a li p{color:#686060;font-size:1rem;font-family:Archivo Narrow,sans-serif;font-weight:700;font-style:normal;text-align:center;margin:0;padding:1rem 0 0}.BlogCards .BlogCards__Website a h1{color:#fff;font-size:1.2rem;font-family:Lexend Deca,sans-serif;font-weight:700;font-style:normal;text-align:center;transition:all ease-in-out .6s;margin:0;padding:0}.BlogCards .BlogCards__Website a h1 strong{color:#0baa0b;font-size:1.2rem;font-family:Lexend Deca,sans-serif;font-weight:700;font-style:normal;text-align:center;transition:all ease-in-out .6s;margin:0;padding:0}.BlogCards .BlogCards__Website a div{width:100%;height:100%}.BlogCards .BlogCards__Website a div p{color:#fff;font-size:1rem;font-family:Kanit,sans-serif;font-weight:100;font-style:normal;text-align:center;margin:0;padding:1rem 0 0}}@media screen and (min-width: 500px){.BlogCards .BlogCards__Website{max-width:546px}.BlogCards .BlogCards__Website a figure{height:260px}}@media screen and (min-width: 1000px){.BlogCards{position:relative;z-index:500;width:100%;height:100%;display:flex;justify-content:center}.BlogCards section{max-width:1000px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:start;justify-content:space-between}.BlogCards .BlogCards__Website{max-width:49%}.BlogCards .BlogCards__Website a figure{height:300px}}@media screen and (min-width: 1400px){.BlogCards section{max-width:1100px}}@media screen and (min-width: 358px){.AboutDeveloper{width:100%;height:100%;position:relative;z-index:500}.AboutDeveloper section{width:100%;height:100%;box-sizing:border-box;padding:1rem}.AboutDeveloper .AboutDeveloper__Article{background:linear-gradient(#1b1b1b,#0b0b0b);width:100%;height:100%;box-sizing:border-box;padding:1rem}.AboutDeveloper .AboutDeveloper__Article figure{width:100%;height:300px;overflow:hidden;border-radius:40% 10%;padding:0;margin:0}.AboutDeveloper .AboutDeveloper__Article figure img{width:100%;height:100%;object-fit:cover}.AboutDeveloper .AboutDeveloper__Article aside div{width:100%;height:100%;display:flex;flex-direction:column}.AboutDeveloper .AboutDeveloper__Article aside div span{color:#fff;font-size:1.1rem;font-family:Lexend Deca,sans-serif;font-weight:200;font-style:normal;text-align:center;margin:1rem 0 0}.AboutDeveloper .AboutDeveloper__Article aside div span strong{color:#0baa0b;font-size:1.1rem;font-family:Archivo Narrow,sans-serif;font-weight:500;font-style:normal;text-align:center;margin:1rem 0 0}.AboutDeveloper .AboutDeveloper__Article aside div h1{color:#fff;font-size:2.4rem;font-family:Archivo Narrow,sans-serif;font-weight:500;font-style:normal;line-height:normal;margin:2rem 0 0}.AboutDeveloper .AboutDeveloper__Article aside div h1 strong{color:#0baa0b;font-size:2.5rem;font-family:Archivo Narrow,sans-serif;font-weight:700;font-style:normal}.AboutDeveloper .AboutDeveloper__Article aside p{color:#fff;font-size:1.1rem;font-family:Signika,sans-serif;font-weight:300;font-style:normal;line-height:25px}.AboutDeveloper .AboutDeveloper__Article aside p strong{color:#0baa0b;font-size:1.1rem;font-family:Signika,sans-serif;font-weight:300;font-style:normal;line-height:25px}.AboutDeveloper__Article-Carrossel-DownloadCV{width:100%;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}.AboutDeveloper__Article-Carrossel{width:200px;display:flex;gap:2rem;align-items:center;flex-wrap:nowrap;overflow-x:none;padding:1rem;list-style:none}.AboutDeveloper__Article-Carrossel::-webkit-scrollbar{display:block;color:#fff;height:10px;width:100%}.AboutDeveloper__Article-Carrossel-Icons{font-size:3rem;color:#6a6d6d;animation:scroll 80s linear infinite}.AboutDeveloper__Article-Carrossel-Icons:hover{transform:scale(1.1)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-1145px)}}.AboutDeveloper__Article-DownloadCV{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.AboutDeveloper__Article-DownloadCV a{color:#0baa0b;font-size:1.2rem;font-family:Geist Mono,monospace;font-optical-sizing:auto;font-weight:700;text-decoration:none}}@media screen and (min-width: 500px){.AboutDeveloper section{display:flex;justify-content:center;align-items:center}.AboutDeveloper .AboutDeveloper__Article{max-width:546px;display:flex;flex-direction:column;align-items:center;justify-content:center}.AboutDeveloper .AboutDeveloper__Article figure{max-width:440px;height:400px}.AboutDeveloper .AboutDeveloper__Article aside div span{font-size:1.2rem;text-align:start}.AboutDeveloper .AboutDeveloper__Article aside div span strong{font-size:1.2rem}.AboutDeveloper .AboutDeveloper__Article aside div h1{font-size:2.8rem;margin:2rem 0 0}.AboutDeveloper .AboutDeveloper__Article aside div h1 strong{font-size:2.6rem}}@media screen and (min-width: 1000px){.AboutDeveloper .AboutDeveloper__Article{max-width:970px;display:flex;flex-direction:row;align-items:start;justify-content:space-between}.AboutDeveloper .AboutDeveloper__Article figure{width:44%}.AboutDeveloper .AboutDeveloper__Article aside{width:50%}}@media screen and (min-width: 1400px){.AboutDeveloper .AboutDeveloper__Article{max-width:1070px;display:flex;flex-direction:row;align-items:start;justify-content:space-between}}@media screen and (min-width: 358px){.Route404__page{width:100vw;height:100vh}}@media screen and (min-width: 358px){.Route404{width:100%;height:100%;position:relative;z-index:500}.Route404 aside{width:100vw;height:100vh;position:absolute;top:0;z-index:700;display:flex;justify-content:center;align-items:center}.Route404 aside section{width:100%;max-width:450px;display:flex;flex-direction:column;align-items:center}.Route404 aside section h1{color:#fff;font-size:4rem;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:white;font-weight:700;margin:0}.Route404 aside section p{color:#dacdcd;font-size:1rem;font-family:Noto Sans Thai,sans-serif;font-weight:400;letter-spacing:1px;text-align:center;margin:1rem 0 2.5rem;padding:0}}@media screen and (min-width: 358px){.Article__Page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.Article__Page__Conteiner{width:100%;height:100%;display:flex;justify-content:center}.Article__Page__Component-Article{width:100%;display:block}.Article__Page__Component-BrokenBox{display:none}}@media screen and (min-width: 1200px){.Article__Page{width:100%;height:100%;display:flex;justify-content:center}.Article__Page__Conteiner{max-width:1400px}.Article__Page__Component-Article{width:75%;display:block}.Article__Page__Component-BrokenBox{width:25%;min-height:1440px;display:block}}@media screen and (min-width: 358px){.ArticleId{width:100%;height:100%;position:relative;z-index:500}.ArticleId__Title-Project{width:100%;margin-top:3rem}.ArticleId__Title-Project article{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:1rem}.ArticleId__Title-Project article nav{background-color:#181818;width:100%;height:50px;display:flex;justify-content:center;align-items:center;border-radius:20px}.ArticleId__Title-Project article nav a{color:#fff;font-size:1rem;font-family:Noto Sans Thai,sans-serif;font-weight:400;letter-spacing:1px;text-decoration:none;margin:0rem 1rem 0 0;padding:0;transition:all ease-in-out .6s}.ArticleId__Title-Project article nav a:hover{color:#85a0d7;text-decoration:underline;transition:all ease-in-out .2s}.ArticleId__Data{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:1rem;margin-bottom:3rem}.ArticleId__Data .ArticleId__Data-Figure-Article{width:100%;height:100%}.ArticleId__Data .ArticleId__Data-Figure-Article figure{width:100%;height:300px;margin:0;padding:0}.ArticleId__Data .ArticleId__Data-Figure-Article figure img{width:100%;height:100%;object-fit:cover}.ArticleId__Data-ADM-Date{width:100%}.ArticleId__Data-ADM-Date aside{width:100%;display:flex;justify-content:space-between;align-items:center}.ArticleId__Data-ADM-Date aside div{width:49%;display:flex;justify-content:center;align-items:center;margin-top:1rem}.ArticleId__Data-ADM-Date-icons{color:#8a8ad5;font-size:1rem;margin-right:5px}.ArticleId__Data-ADM-Date aside div p{color:#fff;font-size:1rem;font-family:Noto Sans Thai,sans-serif;font-weight:400;letter-spacing:1px;margin:0rem 0 0;padding:0}.ArticleId__Data-Description{width:100%}.ArticleId__Data-Description aside{width:100%;display:flex;flex-direction:column;align-items:center}.ArticleId__Data-Description aside h2{color:#dee1e7;font-size:1.3rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;text-align:center;margin:2rem 0;padding:0}.ArticleId__Data-Description aside p{color:#dacdcd;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:400;letter-spacing:1px;margin:0 0 1rem;padding:0}.ArticleId__Data-Figures-01-02{width:100%}.ArticleId__Data-Figures-01-02 aside{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ArticleId__Data-Figures-01-02 aside figure{width:100%;height:200px;margin:2rem 0 0;padding:0}.ArticleId__Data-Figures-01-02 aside figure img{width:100%;height:100%;object-fit:cover}.ArticleId__Data-Last-Description{width:100%;display:flex;flex-direction:column;align-items:center}.ArticleId__Data-Last-Description nav{width:100%;display:flex;justify-content:center;align-items:center;margin:2rem 0 0rem}.ArticleId__Data-Last-Description nav i{background-color:#191818;width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid rgb(53,54,57);margin:0}.ArticleId__Data-Last-Description-Icon_code{color:#fff;font-size:2rem}.ArticleId__Data-Last-Description aside{width:100%;display:flex;flex-direction:column;align-items:center}.ArticleId__Data-Last-Description aside p{color:#dacdcd;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:400;letter-spacing:1px;margin:1.5rem 0 0;padding:0}.ArticleId__Data-Last-Description aside p strong{color:#97a8dc;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:700;letter-spacing:1px;margin:1.5rem 0 0;padding:0}.ArticleId__Data-Links{width:100%}.ArticleId__Data-Links aside{width:100%;display:flex;flex-direction:column;align-items:center}.ArticleId__Data-Links aside h4{color:#b58cda;font-size:1.1rem;font-family:Lexend Deca,sans-serif;font-weight:700}.ArticleId__Data-Links aside nav{width:100%;display:flex;flex-direction:column;align-items:center}.ArticleId__Data-Links aside nav a{width:50%;max-width:200px;display:flex;align-items:center;justify-content:center;text-decoration:none;border-bottom:1px solid rgb(140,138,138);margin-bottom:4rem}.ArticleId__Data-Links aside nav a:last-child{margin-bottom:0rem}.ArticleId__Data-Links aside nav a .ArticleId__Data-Links-icons_Links{color:#8c8a8a;font-size:1.5rem;margin:0 10px .5rem 0}.ArticleId__Data-Links aside nav a p{color:#8c8a8a;font-size:1.1rem;margin:0 0 .5rem}}@media screen and (min-width: 600px){.ArticleId{display:flex;flex-direction:column;justify-content:center;align-items:center}.ArticleId__Title-Project,.ArticleId__Data{max-width:600px}}@media screen and (min-width: 768px){.ArticleId{display:flex;flex-direction:column;justify-content:center;align-items:center}.ArticleId__Title-Project,.ArticleId__Data{max-width:700px}.ArticleId__Data-Figures-01-02 aside{width:100%;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between}.ArticleId__Data-Figures-01-02 aside figure{width:49%;height:250px;margin:2rem 0}.ArticleId__Data-Links{width:100%}.ArticleId__Data-Links aside nav{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.ArticleId__Data-Links aside nav a{width:32%;margin-top:3rem}.ArticleId__Data-Links aside nav a:last-child{margin-bottom:4rem}}@media screen and (min-width: 1000px){.ArticleId{display:flex;flex-direction:column;justify-content:center;align-items:center}.ArticleId__Title-Project,.ArticleId__Data{max-width:900px}}@media screen and (min-width: 1200px){.ArticleId__Title-Project{margin-top:3.1rem}.ArticleId__Title-Project article h1{color:#607bb3;font-size:2.5rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;margin:0rem 0 2rem;padding:0}}@media screen and (min-width: 358px){.ArticleData{width:100%;padding:0;margin:0}.ArticleData section{width:100%;height:100%;box-sizing:border-box;padding:1rem;margin:6rem 0 0}.ArticleData__Title-And-Navigate{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ArticleData__Title-And-Navigate h1{background-color:#fff;width:60%;height:30px;border-radius:20px;font-size:.5rem;margin:0;animation:Shadow-Data 1s linear infinite alternate}.ArticleData__Title-And-Navigate aside{background-color:#1a1818;width:90%;height:50px;display:flex;justify-content:center;align-items:center;border-radius:20px;padding:0;margin:2rem 0 0;animation:Shadow-box 1s linear infinite alternate}.ArticleData__Title-And-Navigate aside p{background-color:#fff;width:25%;height:15px;font-size:.5rem;margin:0 5px;border-radius:10px;animation:Shadow-Data 1s linear infinite alternate}.ArticleData__Figure-And-Data{width:100%;box-sizing:border-box;margin:2rem 0 0}.ArticleData__Figure-And-Data figure{width:100%;height:300px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin:0;padding:0;animation:Shadow-box 1s linear infinite alternate}.ArticleData__Figure-And-Data-Icon{color:#fff;font-size:3.5rem;animation:Shadow-Image 1s linear infinite alternate}.ArticleData__Figure-And-Data aside{width:100%}.ArticleData__Figure-And-Data aside nav{width:100%;display:flex;justify-content:space-between;margin:1rem 0 0}.ArticleData__Figure-And-Data aside nav h2{background-color:#fff;width:30%;height:20px;font-size:.5rem;margin:0;border-radius:10px;animation:Shadow-Data 1s linear infinite alternate}.ArticleData__Figure-And-Data aside nav h3{background-color:#fff;width:30%;height:20px;font-size:.5rem;margin:0;border-radius:10px;animation:Shadow-Data 1s linear infinite alternate}.ArticleData__Figure-And-Data aside div{width:100%;display:flex;justify-content:center;margin-top:2rem}.ArticleData__Figure-And-Data aside div h4{background-color:#fff;width:90%;height:30px;font-size:.5rem;margin:0;border-radius:15px;animation:Shadow-Data 1s linear infinite alternate}.ArticleData__Description{width:100%;box-sizing:border-box;display:flex;flex-direction:column}.ArticleData__Description div{background-color:#1a1818;width:100%;height:200px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:0;margin:1rem 0 0;animation:Shadow-box 1s linear infinite alternate}.ArticleData__Description div p{background-color:#fff;width:95%;height:20px;font-size:.5rem;margin:0rem 0 0;border-radius:15px;animation:Shadow-Data 1s linear infinite alternate}.ArticleData__Figures-Articles{width:100%;display:flex;flex-direction:column;align-items:center}.ArticleData__Figures-Articles figure{background-color:#1a1818;width:100%;height:250px;display:flex;justify-content:space-around;align-items:center;padding:0;margin:1rem 0 0;animation:Shadow-box 1s linear infinite alternate}.ArticleData__Figures-Articles-icons{color:#fff;font-size:3.5rem;animation:Shadow-Image 1s linear infinite alternate}.ArticleData__LastDescription-Links{width:100%;box-sizing:border-box;display:flex;flex-direction:column}.ArticleData__LastDescription-Links div{background-color:#1a1818;width:100%;height:200px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:0;margin:1rem 0 0;animation:Shadow-box 1s linear infinite alternate}.ArticleData__LastDescription-Links div p{background-color:#fff;width:95%;height:20px;font-size:.5rem;margin:0rem 0 0;border-radius:15px;animation:Shadow-Data 1s linear infinite alternate}.ArticleData__LastDescription-Links nav{width:100%;display:flex;flex-direction:column;align-items:center}.ArticleData__LastDescription-Links nav h5{background-color:#fff;width:35%;height:20px;font-size:.5rem;margin:0rem 0 0;border-radius:15px;margin:2rem 0 1rem;animation:Shadow-Data 1s linear infinite alternate}.ArticleData__LastDescription-Links ul{width:90%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;list-style:none;margin:2rem 0 0;padding:0}.ArticleData__LastDescription-Links ul li{background-color:#fff;width:25%;height:20px;font-size:.5rem;margin:0rem 0 0;border-radius:15px;margin:0rem 0 1rem;animation:Shadow-Data 1s linear infinite alternate}}@media screen and (min-width: 600px){.ArticleData{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.ArticleData section{max-width:600px;height:100%}}@media screen and (min-width: 768px){.ArticleData section{max-width:700px;height:100%}.ArticleData__Figures-Articles{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-items:center}.ArticleData__Figures-Articles figure{background-color:#1a1818;width:49%;height:250px;display:flex;justify-content:space-around;align-items:center;padding:0;margin:1rem 0 0;animation:Shadow-box 1s linear infinite alternate}}@media screen and (min-width: 1000px){.ArticleData section{max-width:900px;height:100%}}@media screen and (min-width: 1200px){.ArticleData{width:100%;height:100%;display:flex;justify-content:center;flex-direction:row;align-items:start}.ArticleData section{max-width:900px;height:auto;margin:3.5rem 0 0}}@media screen and (min-width: 358px){.Category__Page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.Category__Page__Conteiner{width:100%;height:100%;display:flex;justify-content:center}.Category__Page__Component-Article{width:100%;display:block}.Category__Page__Component-BrokenBox{display:none}}@media screen and (min-width: 1200px){.Category__Page{width:100%;height:100%;display:flex;justify-content:center}.Category__Page__Conteiner{max-width:1400px}.Category__Page__Component-Article{width:75%;display:block}.Category__Page__Component-BrokenBox{width:25%;min-height:1440px;display:block}}@media screen and (min-width: 358px){.ProjectsCategories{position:relative;z-index:500}.ProjectsCategories section{width:100%;height:100%;display:flex;flex-direction:column;align-items:start;box-sizing:border-box;padding:1rem;margin-top:2rem}.ProjectsCategories__MessageError{color:#fff;width:100%;min-height:1200px;font-size:1.1rem;font-family:Lexend Deca,sans-serif;text-align:center}.ProjectsCategories section a{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;box-sizing:border-box;margin-bottom:2rem}.ProjectsCategories section a figure{width:100%;min-height:400px;max-height:400px;overflow:hidden}.ProjectsCategories section a figure img{width:100%;height:100%;transition:all ease-in-out .6s;object-fit:cover}.ProjectsCategories section a article{width:100%;height:100%;display:flex;flex-direction:column}.ProjectsCategories section a article div{display:flex;justify-content:space-between}.ProjectsCategories section a article div p{color:#dacdcd;font-size:.9rem;font-family:Noto Sans Thai,sans-serif;font-weight:500;letter-spacing:1px;margin:1rem 0 0;padding:0}.ProjectsCategories section a article nav{width:100%;display:flex;flex-direction:column}.ProjectsCategories section a article nav h1{color:#fff;font-size:1.3rem;font-family:Kanit,sans-serif;font-weight:700;letter-spacing:1px;padding:0;margin:1rem 0 0}.ProjectsCategories section a article nav p{color:#b5aeae;font-size:.9rem;font-family:Space Grotesk,sans-serif;font-weight:500}.Article__Pagination{width:100%;display:flex;justify-content:center;margin:2rem 0 3rem}.Article__Pagination h1{background-color:#1c1b1b;color:#607bb3;width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:1.3rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;cursor:pointer;margin:0 1rem;padding:0}.Article__Pagination h1.active{color:#fff;border:1px solid rgb(57,54,54);box-sizing:border-box}}@media screen and (min-width: 600px){.ProjectsCategories{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ProjectsCategories section{max-width:600px;height:100%}}@media screen and (min-width: 1000px){.ProjectsCategories{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ProjectsCategories section{max-width:1000px;height:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}.ProjectsCategories section a{width:48%;min-height:630px;max-height:630px}}@media screen and (min-width: 1400px){.ProjectsCategories section a:hover img{scale:1.1;transition:all ease-in-out .3s}}@media screen and (min-width: 358px){.Header{width:100%;height:100%;position:relative;z-index:1200}.Header_Mobile{width:100%;display:flex;justify-content:end;box-sizing:border-box;padding:1rem}.Header_Mobile aside{position:fixed;top:10px;right:15px;z-index:2000;background-color:#1b1e1e;width:100px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:20px}.Header_Mobile aside h1{color:#fff;font-size:1rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:0;padding:0}.Header__Icon-open{color:#477cee;display:block;font-size:1.2rem;font-weight:700;margin-right:5px}.Header__Icon-openJS{display:none}.Header__Icon-close{color:#477cee;display:none;font-size:1.2rem;font-weight:700;margin-right:5px}.Header__Icon-closeJS{display:block}.Header__Menu-Lateral{background-color:#000;position:fixed;top:0;right:0;overflow:hidden;width:0vw;height:100vh;z-index:1000;transition:all ease-in-out .3s}.Header__Menu-LateralJS{background-color:#000;overflow:visible;width:100vw;height:100vh;transition:all ease-in-out .6s;z-index:1000}.Hader_Desktop{display:none}}@media screen and (min-width: 768px){.Header_Mobile{display:none}.Hader_Desktop{display:block;width:100%;height:50px;display:flex;flex-direction:row;justify-content:center;margin-top:1rem}.Hader_Desktop aside{width:700px;height:40px;display:flex;flex-direction:row;justify-content:center}.Hader_Desktop aside nav{background-color:#1b1e1e;width:550px;display:flex;justify-content:center;align-items:center;border-radius:20px}.Hader_Desktop aside nav a{color:#fff;font-size:1.1rem;text-transform:uppercase;font-family:Kanit,sans-serif;font-weight:400;letter-spacing:1px;text-decoration:none;margin:0 1.5rem;padding:0}.Hader_Desktop aside nav a.active{color:#607bb3;font-weight:500}}@media screen and (min-width: 1000px){.Header_Mobile{display:none}.Hader_Desktop{display:block;width:100%;height:50px;display:flex;flex-direction:row;justify-content:center;margin-top:1rem}.Hader_Desktop aside{width:920px;height:40px;display:flex;flex-direction:row;justify-content:end}}@media screen and (min-width: 1400px){.Hader_Desktop aside{width:1060px;height:40px;display:flex;flex-direction:row;justify-content:end}}@media screen and (min-width: 358px){.NavBar{width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:end;align-items:center}.NavBar ul{background-color:#1b1e1e;width:95%;height:100%;margin:0;padding:7rem 0 0;list-style:none}.NavBar ul li{display:flex;justify-content:start;align-items:center;border-radius:30px;margin:0 0 1rem 1rem}.NavBar ul li a{background-color:#000;color:#fff;font-size:1rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;text-decoration:none;border-radius:30px;margin:0;padding:5px 15px}.NavBar ul li a.active{color:#477cee}}@media screen and (min-width: 358px){.ScrollTop{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ScrollTop_content{display:none}.ScrollTop_contentJS{background-color:#88dc6590;width:40px;height:40px;position:fixed;right:10px;bottom:10px;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:3000}.ScrollTop_content nav{background-color:transparent;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer}.ScrollTop_content-icon{color:#fff;font-size:1.5rem;font-weight:700}}@media screen and (min-width: 1000px){.ScrollTop_content{position:fixed;right:15px;bottom:15px;border-radius:50%}}@media screen and (min-width: 1700px){.ScrollTop_content{width:50px;height:50px}.ScrollTop_content-icon{color:#fff;font-size:2rem;font-weight:700}}@media screen and (min-width: 358px){.Footer{width:100%;height:100%;box-sizing:border-box;padding:1rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:800}.Footer section{background-color:#171414;width:100%;height:100%;display:flex;flex-direction:column;align-items:start;justify-content:center;box-sizing:border-box;padding:1rem;border-radius:15px}.Footer section article h1{color:#607bb3;font-size:1rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;margin:0;padding:0}.Footer section article p{color:#deaeae;font-size:.9rem;font-family:Kanit,sans-serif;font-weight:400;letter-spacing:1px;margin:0;padding:1rem 0 0}.Footer section article h2{color:#fff;font-size:.8rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;margin:0;padding:0}.Footer section article h3{color:#fff;font-size:.9rem;font-family:Kanit,sans-serif;font-weight:500;letter-spacing:1px;margin:0;padding:0}}@media screen and (min-width: 600px){.Footer section{max-width:990px}.Footer section article{max-width:600px}.Footer section article h1{color:#7293d3;font-size:1.5rem}.Footer section article p{font-size:1rem}.Footer section article h2{font-size:1.2rem}.Footer section article h3{font-size:1.1rem}}@media screen and (min-width: 1200px){.Footer section{max-width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.Footer section article{max-width:30%}}/*!
 * 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:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(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(0)}}@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(0)}}.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:skew(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skew(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skew(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skew(-.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:skew(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skew(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skew(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skew(-.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:translate(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translate(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:translate(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translate(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:translate(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translate(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:translate(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translate(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:translate(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translate(-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:translate(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translate(-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:translate(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translate(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:translate(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translate(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(0);-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(0);-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(0);-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(0);-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) skew(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skew(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skew(-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) skew(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skew(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skew(-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) skew(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skew(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skew(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) skew(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skew(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skew(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) skew(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skew(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) skew(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skew(-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}