div.next-port[data-v-62ea483c]{position:fixed;right:-50px;top:calc(50% - 50px)}div.next-port div.np-button[data-v-62ea483c]{width:100px;height:100px;background-color:#d1daf3;border-radius:50%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;cursor:pointer;opacity:.5;transition:all .5s linear}div.next-port div.np-button[data-v-62ea483c]:hover{opacity:1}div.next-port div.np-button img[data-v-62ea483c]{width:35px;height:35px;object-fit:contain;margin-left:15px}div.previous-port[data-v-62ea483c]{position:fixed;left:-50px;top:calc(50% - 50px)}div.previous-port div.np-button[data-v-62ea483c]{width:100px;height:100px;background-color:#d1daf3;border-radius:50%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;position:relative;cursor:pointer;opacity:.5;transition:all .5s linear}div.previous-port div.np-button img[data-v-62ea483c]{width:35px;height:35px;object-fit:contain;margin-right:15px}div.previous-port div.np-button[data-v-62ea483c]:hover{opacity:1}div.next-port div.np-hover[data-v-62ea483c]{display:none;right:110px}div.previous-port div.np-hover[data-v-62ea483c]{display:none;left:110px}div.next-port:hover div.np-hover[data-v-62ea483c],div.previous-port:hover div.np-hover[data-v-62ea483c]{display:block}div.np-hover[data-v-62ea483c]{position:absolute;background-color:var(--site-white);padding:15px;top:-100px;box-shadow:0 0 25px #00000026;width:260px;height:auto;z-index:999;border-radius:7px}div.np-hover div.image[data-v-62ea483c]{width:100%;height:120px;overflow:hidden}div.np-hover div.image img[data-v-62ea483c]{width:100%;height:100%;object-fit:cover}div.np-hover div.content[data-v-62ea483c]{display:flex;flex-direction:column;gap:7px;margin-top:8px}div.np-hover div.content h3[data-v-62ea483c]{line-height:16pt;font-size:12pt;color:var(--site-black)}div.np-hover div.content p[data-v-62ea483c]{font-size:10pt;line-height:15pt;letter-spacing:.15px;color:var(--site-mute-black)}div.vid-wrapper[data-v-aa5e060a]{position:absolute;width:100%;height:100%}div.vid-wrapper iframe[data-v-aa5e060a]{width:100%;height:100%}div.portfolio-features[data-v-a2028857]{padding-bottom:37.5px}div.portfolio-features[data-v-24f1e418]{padding-bottom:37.5px}div.pagebox{background-color:var(--site-background)!important}div.portfolio-features[data-v-30b5f29d]{padding-bottom:37.5px}:root{--site-white: #ffffff;--site-soft-white: #f8f8f8;--site-mute-white: #f2f2f2;--site-black: #000000;--site-soft-black: #181818;--site-mute-black: #222222;--site-stroke: #222222;--site-soft-stroke: #E1E1E1;--site-mute-stroke: #f2f2f2;--site-background: rgb(255 255 255 / 90%) !important;--code-blue: #46BFD8;--code-orange: #E8A33D;--code-purple: #CF64D6;--code-string: #195B20;--site-profile-orange: #F96633;--site-theme-color: #8b5fdb;--home-background: #F1F0F7;--page-background: #ffffff;--skill-node-fill: var(--site-white);--skill-node-stroke: #20cba0;--skill-node-text: #20cba0;--skill-vue-fill: #41B883;--skill-vue-stroke: #289B68;--skill-vue-text: var(--site-white);--skill-react-fill: var(--site-white);--skill-react-stroke: #53C1DE;--skill-react-text: #53C1DE;--skill-wordpress-fill: var(--site-white);--skill-wordpress-stroke: #13a952;--skill-wordpress-text: #13a952;--skill-laravel-fill: #FF2D20;--skill-laravel-stroke: #CF1307;--skill-laravel-text: var(--site-white);--skill-mysql-fill: var(--site-white);--skill-mysql-stroke: #00768C;--skill-mysql-text: #00768C;--code-reserved: #0000FF;--code-obj: #267F99;--code-variable: #0070C1;--code-brac: #319331;--code-key: #001080;--code-value: #A31515;--code-func: #c37400;--code-return: #AF00DB;--code-comment: #1dad18}.dark-theme{--site-white: #000000;--site-soft-white: #181818;--site-mute-white: #222222;--site-black: #ffffff;--site-soft-black: rgb(255 255 255 / 70%);--site-mute-black: rgb(255 255 255 / 50%);--code-blue: #46BFD8;--code-orange: #E8A33D;--code-purple: #CF64D6;--code-string: #195B20;--site-background: #232323 !important;--home-background: black;--page-background: #1A1A1A;--code-reserved: #3F9CCB;--code-obj: #3AC9A2;--code-variable: #33B4FF;--code-brac: #DBD70A;--code-key: #7CDCF0;--code-value: #CE9178;--code-func: #DCCD79;--code-C57991: #AF00DB;--code-comment: #5E993E}ul.small-code{margin:12px 0}ul.small-code li{text-wrap:wrap}ul.small-code li.tab-1{padding-left:25px}ul.small-code li.tab-2{padding-left:50px}ul.small-code li span{font-size:12pt}span.reserved{color:var(--code-reserved)}span.variable{color:var(--code-variable)}span.obj{color:var(--code-obj)}span.brac{color:var(--code-brac)}span.key{color:var(--code-key)}span.value{color:var(--code-value)}span.func{color:var(--code-func)}span.return{color:var(--code-return)}span.comment{color:var(--code-comment)}span.edit{background-color:var(--site-white);padding:4px 7px;border:1px solid var(--site-soft-stroke);margin:0 5px;border-radius:4px;max-width:110px;min-width:47px;max-height:35px;display:inline-flex;overflow:hidden;text-wrap:nowrap}body{min-height:100vh;padding:0;margin:0;color:var(--site-soft-black);background:var(--home-background);line-height:1.6;font-family:Comfortaa,cursive;font-size:12pt;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-repeat:no-repeat;background-position:0;background-size:cover;background-attachment:fixed;transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear}.bodybg{background-image:url(/assets/background-9b1dcf0b.png)}h2,h3,h4,h5,div,p{color:var(--site-soft-black);line-height:1.6;font-size:12pt;margin:0}h1{font-size:20pt;letter-spacing:0px;line-height:29pt;margin:0;color:var(--site-black)}h1,h2,h3,h4,h5{font-family:Quicksand,sans-serif}p{font-family:Comfortaa,cursive}*{box-sizing:border-box}ul,li{list-style-type:none;margin:0;padding:0}:focus{outline:none}.loadwebsite{transition:transform .2s ease,opacity .2s ease;-moz-transition:transform .2s ease,opacity .2s ease;-webkit-transition:transform .2s ease,opacity .2s ease;-o-transition:transform .2s ease,opacity .2s ease;opacity:1}.remloadwebsite{-ms-transform:scale(2.5);-webkit-transform:scale(2.5);transform:scale(2.5);opacity:0}.lightdark{opacity:0;position:absolute}.lightdark-label{background-color:#ededed;border:1px solid #a7a7a7;width:40px;height:22px;border-radius:50px;position:relative;padding:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.lightdark-label .ball{background-color:#fff;width:18px;height:18px;position:absolute;left:2px;top:1px;border-radius:50%;transition:transform .2s linear;padding:4px}.lightdark:checked+.lightdark-label .ball{transform:translate(16px)}.dark-theme div.pagebox:after{background-image:linear-gradient(180deg,rgb(49 49 49),#232323)}.dark-theme header{background-image:linear-gradient(180deg,rgb(47 47 47) 30%,#232323);border-bottom:1px solid #000000}.dark-theme div.page-line ul.pl-line li{color:#7f7f7f}.dark-theme div.page-line{border-right:1px solid #5f5c5c}.dark-theme div.ie-browser div.eb-body{background-color:#2c2c2c}.dark-theme div.ie-browser{border:1px solid #1C1B20}.dark-theme div.ie-browser div.eb-title{background-color:#1c1b20}.dark-theme span.edit{border:1px solid #d2c474b5}.dark-theme div.sk-nodejs,.dark-theme div.sk-vuejs,.dark-theme div.sk-reactjs,.dark-theme div.sk-wordpress,.dark-theme div.sk-laravel,.dark-theme div.sk-mysql{background-color:#1a1a1a;border:1px solid #3f3f3f}.dark-theme div.sk-mysql p{color:#fff}.dark-theme ul.pgct-b-skills li,.dark-theme ul.pgct-s-skills li{background-color:#141414}.dark-theme div.fet-sectionright{background-color:#000}.dark-theme div.fet-sectionleft div.fsl-content h2,.dark-theme div.fet-sectionleft div.fsl-content p{color:#fff}.dark-theme div.mfeature-column div.column p{color:#ffffffe5}.dark-theme section.sk-footer ul li p{color:#fff}.dark-theme section.sk-footer ul li p~p{color:#ffffffe5}.dark-theme div.simple-btn p{color:#47a3ff!important}.dark-theme div.fet-sectionleft{background-image:linear-gradient(180deg,#1d3773,#44365b)}.dark-theme div.app-logo{background-color:#000}.dark-theme div.app-logo p{color:#fff}.dark-theme header ul.social li a img{filter:invert(.9)}.dark-theme section.sk-footer ul li span img{filter:invert(.9)}.dark-theme div.portfolio-features ul li div.image{background-color:#363b3dab}.dark-theme section.seprator:before{height:3px;background-color:#000}.dark-theme section.seprator p{background-color:#000}.dark-theme section.seprator img{background-color:#000}.dark-theme div.single-feature{background-color:#000}.dark-theme div.single-feature div.content div.feticon{background-color:#fff}.dark-theme h1{color:#f5f5f5}section.hero-pager{width:auto;height:calc(100% - 150px);padding:0 45px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:45px}section.hero-pager div.content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;width:calc(100% - 450px)}section.hero-pager div.image{width:450px;height:425px;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}div.skills-set{margin-left:35px;display:flex;flex-direction:row;margin-top:15px;justify-content:flex-start}div.skills-set div.ss-skill{width:86px;height:38px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;line-height:24pt;border-radius:4px;font-size:14pt;cursor:pointer}div.skills-set div.s-php{margin-right:10px;background-color:#007aff}div.skills-set div.s-js{background-color:#f0db4f;color:#000;font-size:16pt}div.page-n-liner{width:100%;display:flex;flex-direction:row;justify-content:flex-start}div.page-line{width:22px;text-align:center;border-right:1px solid #E0E0E0;padding-right:6px;margin-right:12px}div.page-line ul.pl-line li{color:#c5c5c5;line-height:22pt}div.page-intro{width:calc(100% - 23px)}div.page-intro div.big-text div.line-one{display:flex;flex-direction:row}div.page-intro div.big-text div.line-one p{font-size:24pt;font-weight:700;margin:0}div.page-intro div.big-text div.line-one p:first-child{color:var(--code-blue)}div.page-intro div.big-text div.line-one p:last-child{margin-left:10px;color:var(--code-orange)}div.page-intro div.big-text div.line-one p:last-child:hover{cursor:pointer;text-decoration:underline;text-decoration-style:dotted}div.page-intro div.big-text div.line-two{display:flex;flex-direction:row}div.page-intro div.big-text div.line-two p{font-size:24pt;font-weight:700;margin:0}div.page-intro div.big-text div.line-two p:first-child{color:var(--code-purple)}div.page-intro div.big-text div.line-two p:nth-child(2){margin-left:10px;color:var(--code-blue)}div.page-intro div.big-text div.line-two p:nth-child(2):hover{cursor:pointer;text-decoration:underline;text-decoration-style:dotted}div.page-intro div.big-text div.line-two p:last-child{color:var(--code-orange);font-size:32pt;line-height:38pt;margin-left:2px}div.page-intro div.small-text p{font-size:12pt;line-height:28px;color:var(--code-string)}footer{width:auto;height:66px}#personal-app{width:100%;min-height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:center}div.pagebox{background-color:var(--site-soft-white);width:1024px;border-radius:12px;margin:0 auto;box-shadow:0 5px 20px #00000012;position:relative;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(10px)}div.pagebox:after{content:"";position:absolute;height:20px;background-color:#fff;width:100%;border-radius:0 0 12px 12px;bottom:0;background-image:linear-gradient(180deg,rgb(255 255 255),white)}div.pb-home{min-height:700px}div.pb-internal{top:0px;margin-top:60px;margin-bottom:75px}div.ie-browser{width:312px;height:388px;background-color:var(--site-white);border-radius:12px;border:1px solid var(--site-soft-stroke);z-index:2;box-shadow:0 10px 25px #00000012}div.ie-browser div.eb-title{width:auto;height:24px;background-color:var(--site-black);border-radius:12px 12px 0 0;display:flex;flex-direction:column;align-items:flex-end}div.ie-browser div.eb-title ul.win-btns{width:auto;height:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-right:12px;gap:10px}div.ie-browser div.eb-title ul.win-btns li{width:8px;height:8px}div.ie-browser div.eb-title ul.win-btns li img{width:100%;height:100%;object-fit:contain}div.ie-browser div.eb-body{width:auto;height:calc(100% - 24px);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:0 0 12px 12px}div.eb-body div.ar-profile div.ap-circle{width:186px;height:186px;background-color:var(--site-theme-color);border-radius:50%}div.eb-body div.ar-profile div.ap-circle img{width:auto;height:auto;margin-top:-38px}div.eb-body div.ar-title h1{margin:15px 0 0;font-size:18pt;color:var(--site-black);text-align:center}div.eb-body div.ar-title p{margin:0;text-align:center;font-size:11pt;letter-spacing:.25px;line-height:10pt;color:var(--site-soft-black)}div.skill-set{width:auto;min-width:96px;height:42px;position:absolute;background-color:var(--site-black);border-radius:4px;border:1px solid var(--site-black);display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:0 10px}div.skill-set img{width:20px;height:20px;object-fit:cover;margin-right:5px}div.skill-set p{font-size:11pt;letter-spacing:.15px;margin:0}div.sk-nodejs{background-color:var(--skill-node-fill);border:1px solid var(--skill-node-stroke);z-index:1;top:105px;left:-15px;padding-right:15px}div.sk-nodejs p{color:var(--skill-node-text)}div.sk-vuejs{background-color:var(--skill-vue-fill);border:1px solid var(--skill-vue-stroke);z-index:3;top:170px;left:10px}div.sk-vuejs p{color:var(--skill-vue-text)}div.sk-reactjs{background-color:var(--skill-react-fill);border:1px solid var(--skill-react-stroke);z-index:3;top:235px;left:32px;padding:0 15px}div.sk-reactjs p{color:var(--skill-react-text)}div.sk-wordpress{background-color:var(--skill-wordpress-fill);border:1px solid var(--skill-wordpress-stroke);z-index:1;top:73px;right:25px;padding:0 15px}div.sk-wordpress p{color:var(--skill-wordpress-text);margin-right:12px}div.sk-wordpress img{margin-right:0}div.sk-laravel{background-color:var(--skill-laravel-fill);border:1px solid var(--skill-laravel-stroke);z-index:3;top:134px;right:0px;padding:0 15px}div.sk-laravel p{color:var(--skill-laravel-text)}div.sk-mysql{background-color:var(--skill-mysql-fill);border:1px solid var(--skill-mysql-stroke);z-index:3;top:195px;right:10px;padding:0 15px}div.sk-mysql p{color:var(--skill-mysql-text)}div.pb-portfolio{width:55px;height:55px;position:absolute;background-color:var(--site-white);border-radius:50%;box-shadow:0 5px 20px #00000012;top:calc(50% - 27px);display:flex;justify-content:center;cursor:pointer;align-items:center;border:1px solid var(--site-soft-stroke)}div.pb-portfolio:hover{background-color:var(--code-blue)}div.pb-portfolio img{width:29px;height:30px;object-fit:contain;opacity:.7}div.pbp-before{left:-95px}div.pbp-after{right:-95px}div.section-hero{width:auto;height:max-content;margin:0 50px;padding:50px 0 37.5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;gap:45px}div.section-hero div.content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-self:flex-start;padding-top:35px}div.section-hero div.content p{font-size:12pt;line-height:20pt;margin:15px 0 0;color:var(--site-soft-black)}div.section-hero div.image{flex:1;height:425px;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}div.section-hero div.image img{width:100%;height:100%;object-fit:contain}div.bgbox-skills{margin:0 50px;padding:37.5px 0}ul.pgct-b-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}ul.pgct-b-skills li{flex:1;background-color:var(--site-mute-white);padding:25px 30px;border-radius:0 15px 15px;display:flex;flex-direction:column}ul.pgct-b-skills li h2{font-size:50px;line-height:57px;font-weight:100;letter-spacing:0;padding-bottom:15px;color:var(--site-black)}ul.pgct-b-skills li h2 span{font-size:24pt;line-height:0}ul.pgct-b-skills li p{font-size:12pt;line-height:28px;font-weight:400;letter-spacing:0;color:var(--site-soft-black)}ul.pgct-b-skills li p+p{font-size:9pt;line-height:13pt}ul.pgct-b-skills li img{width:50px;margin-bottom:15px}ul.pgct-s-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:20px}ul.pgct-s-skills li{background-color:var(--site-mute-white);flex:120px;height:50px;border-radius:14px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px}ul.pgct-s-skills li img{width:20px;height:20px;object-fit:contain;margin-left:12px}ul.pgct-s-skills li p{font-size:11pt;line-height:21pt}section.sk-footer{margin:0 50px;position:relative;padding-top:37.5px;padding-bottom:0}section.sk-footer ul{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:25px}section.sk-footer ul li:first-child,section.sk-footer ul li:last-child{width:45px}section.sk-footer ul li:nth-child(2){flex:1.5;max-width:400px}section.sk-footer ul li:nth-child(3){flex:1}section.sk-footer ul li{display:flex;flex-direction:column}section.sk-footer ul li h3{font-size:20pt;line-height:28pt}section.sk-footer ul li p{font-size:20pt;line-height:28pt}section.sk-footer ul li p~p{margin:10px 0;font-size:11pt;line-height:20pt}section.sk-footer ul li img{max-width:315px;height:auto;object-fit:cover;align-self:flex-end;cursor:pointer}section.sk-footer ul li span{width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer}section.sk-footer ul li span:hover img{opacity:1}section.sk-footer ul li span img{width:100%;height:100%;object-fit:contain;opacity:.6;transition:all .2s linear}div.portfolio-features{display:flex;flex-direction:column;padding:37.5px 0 75px;margin:0 50px}div.portfolio-features h1{width:768px;text-align:center;margin:0 auto}div.portfolio-features ul{padding-top:37.5px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}div.portfolio-features ul li{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;margin:10px 0}div.portfolio-features ul li div.image{width:100%;height:160px;background-color:var(--site-mute-white);border-radius:7px;margin-bottom:15px;display:flex;flex-direction:row;justify-content:center;align-items:center}div.portfolio-features ul li div.image img{width:80%;height:60%;object-fit:contain}div.portfolio-features ul li h3{font-size:12pt;font-weight:800;color:var(--site-black);margin-bottom:10px}div.portfolio-features ul li p{margin:0;font-size:10pt;line-height:15pt}div.mfeature-column{width:768px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:45px;margin:37.5px auto 0}div.mfeature-column div.column{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;flex:1}div.mfeature-column div.column p{text-align:left;width:unset;margin:unset;font-size:11pt;line-height:20pt}ul.fsrc-pagitn{display:flex;flex-direction:row;justify-content:center;align-items:center;height:15px;margin-top:15px;gap:5px}ul.fsrc-pagitn li{width:10px;height:10px;border-radius:50%;background-color:#dbdbdb;cursor:pointer}ul.fsrc-pagitn li.active{background-color:#b89de9}div.fsrc-slider{width:100%;height:3px;background-color:#dbdbdb;border-radius:20px;margin-bottom:20px}div.fsrc-slider div.timer{height:100%;width:50%;background-color:#b89de9;border-radius:20px;transition:all .1s;transition-timing-function:linear}div.more-features{display:flex;flex-direction:column;padding:37.5px 0;margin:0 50px}div.more-features h1{width:768px;text-align:center;margin:0 auto}div.more-features p{width:768px;text-align:center;margin:20px auto 0;font-size:11pt;letter-spacing:.15px}div.more-features p.showcase{font-size:10pt;font-style:italic;margin-top:10px}div.mfeature-block{display:flex;flex-direction:row;width:100%;margin-top:37.5px;justify-content:flex-start;align-items:flex-start}div.fet-sectionleft{display:flex;flex-direction:column;width:320px;margin-right:20px;background-image:linear-gradient(180deg,#638EEF,#BB9EE9);border-radius:20px 20px 0}div.fet-sectionleft div.fsl-content{padding:25px 0 0 40px}div.fet-sectionleft div.fsl-content h2{text-align:left;color:var(--site-white);font-size:18pt;font-weight:500;line-height:26pt;margin-bottom:5px;padding-right:20px}div.fet-sectionleft div.fsl-content p{width:auto;text-align:left;color:var(--site-white);font-size:10pt;letter-spacing:.15px;padding-right:20px;margin-top:0}div.fet-sectionleft div.fsl-content div.flsc-image{width:100%;height:max-content;background-color:transparent;margin-top:24px;overflow:hidden}div.fet-sectionleft div.fsl-content div.flsc-image img{width:100%;height:100%;object-fit:cover;border-right:1px solid #7791ed;border-bottom:1px solid #b89de9}div.fet-sectionright{display:flex;flex-direction:column;width:calc(100% - 340px);background-color:var(--site-mute-stroke);border-radius:20px;padding:35px;height:max-content}div.fet-sectionright h2{text-align:left;color:var(--site-black);font-size:18pt;font-weight:500;line-height:26pt;margin-bottom:5px;padding-right:75px}div.fet-sectionright p{width:auto;text-align:left;color:var(--site-soft-black);font-size:10pt;letter-spacing:.15px;padding-right:75px;margin-top:5px}div.fet-sectionright div.fsrc-image{width:100%;height:400px;background-color:var(--site-white);margin-top:25px;overflow:hidden;border:1px solid #bdbdbd}div.fet-sectionright div.fsrc-image img{width:100%;height:100%;object-fit:cover}div.single-feature{background-color:#bccef5;display:flex;flex-direction:row;padding:37.5px 50px;justify-content:center;align-items:center;margin-bottom:37.5px;position:relative}div.single-feature div.content{flex:1;margin-right:30px}div.single-feature div.content div.feticon{width:65px;height:65px;background:var(--site-white);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:15px}div.single-feature div.content div.feticon img{object-fit:contain}div.single-feature div.content h2{font-size:20pt;font-weight:400;line-height:30pt;color:var(--site-black);margin:0}div.single-feature div.content p{font-size:12pt;color:var(--site-black);margin:10px 0}div.simple-btn{display:flex;flex-direction:row;cursor:pointer}div.simple-btn p{font-size:12pt!important;color:#003b93!important;font-weight:700;margin-right:5px;line-height:14pt!important;margin-top:5px}div.simple-btn img{margin-left:5px}div.simple-btn:hover p{text-decoration:underline}div.single-feature div.image{flex:1;width:auto;overflow:hidden;text-align:center}section.seprator{margin:0 50px;padding:37.5px 0;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}section.seprator:before{content:"";position:absolute;height:1px;width:75%;background-color:#e1e1e1}section.seprator p{color:var(--site-black);background-color:#e1e1e1;position:relative;padding:2px 6px;font-size:10pt;letter-spacing:.25px;border-radius:5px 0 0 5px}section.seprator img{background-color:#e1e1e1;position:relative;padding:5px;width:25px;height:25px;object-fit:contain;border-radius:0 5px 5px 0}div.port-technology{display:flex;flex-direction:column;padding:0 0 75px;margin:0 30px}div.port-technology h1{width:768px;text-align:center;margin:0 auto}div.port-technology ul.pt-tech{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:50px}div.port-technology ul.pt-tech li{display:flex;flex-direction:row;justify-content:center;width:calc(50% - 20px);margin:25px 10px 0;background-color:var(--site-mute-white);border-radius:7px;padding:15px}div.port-technology ul.pt-tech li div.image{width:54px;height:54px;background-color:var(--site-soft-stroke);border-radius:7px;margin-right:10px;flex:1}div.port-technology ul.pt-tech li div.content{display:flex;width:calc(100% - 64px);flex-direction:column}div.port-technology ul.pt-tech li div.content h3{text-align:left;color:var(--site-black);font-size:14pt;font-weight:500;line-height:22pt}div.port-technology ul.pt-tech li div.content p{width:auto;text-align:left;color:var(--site-black);font-size:10pt;letter-spacing:0px}div.theme-toggle{background-color:#ededed;border:1px solid #b9b9b9;width:40px;height:22px;border-radius:25px;display:flex;cursor:pointer;align-items:center;position:relative}div.theme-toggle.dark{background-color:#373737;border:1px solid #4d4d4d}div.theme-toggle div.icon{width:20px;height:20px;background-color:#fff;border-radius:50%;margin:0 1px;overflow:hidden;display:flex;justify-content:center;align-items:center;transform:translate(1px);transition:all .2s linear}div.theme-toggle div.icon span{width:70%;display:none;height:70%;display:block;background-repeat:no-repeat}div.theme-toggle div.icon span.light{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E")}div.theme-toggle div.icon span.dark{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' color='white' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E");display:none}div.theme-toggle.dark div.icon span.dark{display:block}div.theme-toggle.dark div.icon span.light{display:none}div.theme-toggle.dark div.icon{transform:translate(15px);background-color:#000}header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:19px 35px;position:sticky;top:0;background-image:linear-gradient(180deg,rgb(255 255 255) 30%,#f7f7f7);border-bottom:1px solid #e9e9e9;z-index:99999;border-radius:12px 12px 0 0}header ul.navigation{display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:15px;padding-right:7px}header ul.navigation li{padding-right:10px}header ul.navigation li a{text-decoration:none;color:var(--site-mute-black);font-size:12pt}header ul.navigation li a:hover{text-decoration:underline}header ul.navigation li.active a:hover{text-decoration:none}div.app-logo{width:auto;height:34px;background-color:var(--site-theme-color);border-radius:30px;text-align:center;margin-top:0;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 10px}div.app-logo p{color:var(--site-white);font-size:12pt;line-height:38px;font-weight:700}div.app-logo img{filter:invert(1)}header ul.social{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border-radius:15px;padding:5px 10px 5px 5px}header ul.social li{margin-left:10px}header ul.social li a{display:flex}header ul.social li a img{width:20px;height:26px;object-fit:contain;opacity:.7}.mode-sun{position:absolute;top:3px;left:3px;width:12px;height:12px;fill:#626262}textarea:focus,input:focus{outline:none}*:focus{outline:none}::selection{background:#8b5fdb;color:#fff;text-shadow:none}::-moz-selection{background:#8b5fdb;color:#fff;text-shadow:none}::-webkit-selection{background:#8b5fdb;color:#fff;text-shadow:none}body::-webkit-scrollbar{width:5px;height:5px;background-color:#b89de940}body::-webkit-scrollbar:hover{cursor:pointer}body::-webkit-scrollbar-track{-webkit-border-radius:15px;border-radius:15px}body::-webkit-scrollbar-thumb{-webkit-border-radius:15px;border-radius:15px}body::-webkit-scrollbar-thumb:window-inactive{background:transparent}body:hover::-webkit-scrollbar-track{display:block}body:hover::-webkit-scrollbar-thumb{background:#8b5fdb}::-webkit-input-placeholder{color:#717171}::-moz-placeholder{color:#717171}:-ms-input-placeholder{color:#717171}:-moz-placeholder{color:#717171}.aranim5s{-webkit-animation-duration:.05s;animation-duration:.05s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.aranim10s{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.aranim15s{-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.aranim20s{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.aranim25s{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.aranim30s{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.aranim35s{-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.aranim40s{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.aranim45s{-webkit-animation-duration:.45s;animation-duration:.45s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.aranim50s{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.aranim55s{-webkit-animation-duration:.55s;animation-duration:.55s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.aranim60s{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translate(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translate(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translate(10px)}}@keyframes shake{0%,to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translate(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translate(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-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);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}to{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}to{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translate(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translate(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translate(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translate(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translate(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translate(-5%) rotate(-1deg)}to{-webkit-transform:translateX(0%);transform:translate(0)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translate(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translate(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translate(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translate(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translate(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translate(-5%) rotate(-1deg)}to{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translate(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translate(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translate(30px)}80%{-webkit-transform:translateX(-10px);transform:translate(-10px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translate(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translate(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translate(-10px)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translate(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translate(-30px)}80%{-webkit-transform:translateX(10px);transform:translate(10px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translate(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translate(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translate(10px)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}to{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translate(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translate(20px)}to{opacity:0;-webkit-transform:translateX(-2000px);transform:translate(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(20px)}to{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translate(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translate(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translate(-20px)}to{opacity:0;-webkit-transform:translateX(2000px);transform:translate(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translate(-20px)}to{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translate(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}to{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.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}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translate(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translate(-20px)}to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translate(-2000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translate(-2000px)}to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translate(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(20px)}to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translate(2000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translate(2000px)}to{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}to{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(-20px);transform:translate(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translate(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(-2000px);transform:translate(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translate(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(20px);transform:translate(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(2000px);transform:translate(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translate(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-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);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}to{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}to{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-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);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}to{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translate(100%) skew(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translate(-20%) skew(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translate(0) skew(-15deg);opacity:1}to{-webkit-transform:translateX(0%) skewX(0deg);transform:translate(0) skew(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translate(100%) skew(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translate(-20%) skew(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translate(0) skew(-15deg);opacity:1}to{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translate(0) skew(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translate(0) skew(0);opacity:1}to{-webkit-transform:translateX(100%) skewX(-30deg);transform:translate(100%) skew(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translate(0) skew(0);opacity:1}to{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translate(100%) skew(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}to{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}to{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translate(-2000px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translate(-2000px)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translate(2000px)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translate(2000px)}to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(-2000px);transform:translate(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translate(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(2000px);transform:translate(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translate(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translate(-100%) rotate(-120deg)}to{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translate(0) rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translate(-100%) rotate(-120deg)}to{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translate(0) rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translate(0) rotate(0)}to{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translate(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translate(0) rotate(0)}to{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translate(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}html{overflow-x:hidden!important}@media screen and (max-width: 1024px){div.pagebox{width:90%}}@media screen and (max-width: 980px){section.sk-footer{margin:0 25px}div.next-port,div.previous-port{display:none}section.sk-footer ul{width:90%;margin:0 auto}section.sk-footer ul li:first-child{width:50px;height:50px;background-color:#d1daf3;border-radius:50%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;position:absolute;cursor:pointer;opacity:1;left:40px;top:-25px}section.sk-footer ul li:first-child span{margin-right:10px;width:30px;height:30px}section.sk-footer ul li:last-child{width:50px;height:50px;background-color:#d1daf3;border-radius:50%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:absolute;cursor:pointer;opacity:1;top:-25px;left:100px}section.sk-footer ul li:last-child span{margin-left:10px;width:30px;height:30px}.dark-theme section.sk-footer ul li span img{filter:invert(0)}div.pagebox-content{overflow:hidden}div.portfolio-features h1{width:100%;font-size:18pt;line-height:24pt}div.single-feature{padding:45px 25px}div.fet-sectionright h2,div.fet-sectionright p{padding-right:0}}@media screen and (max-width: 768px){section.hero-pager{flex-direction:column-reverse}section.hero-pager div.image{margin-top:45px}section.hero-pager div.content{width:100%}div.pagebox{width:100%;margin-top:0;margin-bottom:0;border-radius:0}div.section-hero{flex-direction:column;margin:0 45px}ul.pgct-b-skills li{padding:25px 15px}ul.pgct-s-skills{flex-wrap:wrap}ul.pgct-s-skills li{flex:30%}div.more-features h1{padding:15px 0;width:100%;font-size:18pt;line-height:24pt}div.more-features p{width:100%;margin-top:5px}div.more-features p.showcase{width:100%}div.mfeature-block{flex-direction:column-reverse;margin-top:25px}div.fet-sectionleft,div.fet-sectionright{width:100%;margin-top:25px}div.mfeature-column{width:100%}section.sk-footer ul{flex-direction:column}section.sk-footer ul li:first-child{left:0}section.sk-footer ul li:last-child{left:60px}section.sk-footer ul li:nth-child(3){flex:1;width:100%}section.sk-footer ul li img{max-width:100%;width:100%}section.sk-footer ul li:nth-child(2){flex:1;max-width:100%}section.sk-footer ul li img.next{max-width:auto;width:auto}div.section-hero div.content{padding-top:20px}div.section-hero{margin:0 25px;padding:18.75px 0}div.bgbox-skills,div.more-features{padding:18.75px 0;margin:0 25px}section.sk-footer ul{width:100%}div.portfolio-features ul li{flex:calc(50% - 20px)}div.single-feature{flex-direction:column;gap:25px}div.portfolio-features ul li div.image{width:100%;height:200px}div.portfolio-features ul{grid-template-columns:repeat(2,1fr);gap:45px}div.portfolio-features ul li div.image img{width:85%;height:75%;object-fit:contain}div.more-features p,div.fet-sectionleft div.fsl-content p{font-size:12pt}div.portfolio-features ul li h3{font-size:16pt}div.portfolio-features ul li p{font-size:12pt;line-height:20pt}div.portfolio-features{margin:0 25px;padding:18.75px 0}}@media screen and (max-width: 680px){ul.pgct-b-skills{grid-template-columns:repeat(2,1fr)}ul.pgct-s-skills{grid-template-columns:repeat(3,1fr)}header{padding:25px 20px}div.more-features{margin:0}div.more-features h1,div.more-features p{width:auto;margin:0 25px}div.mfeature-column{gap:0}div.fet-sectionleft div.fsl-content{padding:25px 25px 0}div.fet-sectionleft div.fsl-content p{margin:0}div.fet-sectionright,div.fet-sectionleft{border-radius:0}div.mfeature-column div.column p{margin:0 25px}div.fet-sectionright p{margin:0}div.more-features p.showcase{width:auto;margin:10px 25px 0}}@media screen and (max-width: 640px){ul.pgct-b-skills{flex-wrap:wrap}ul.pgct-b-skills li{flex:45%}div.mfeature-column{flex-direction:column;gap:18px}div.fet-sectionright h2,div.more-features p{padding-right:0}div.mfeature-column div.column p{font-size:12pt}section.sk-footer ul li p~p{font-size:12pt}div.portfolio-features ul{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width: 480px){section.hero-pager div.image{width:100%}div.ie-browser{width:100%}div.skill-set{display:none}section.hero-pager{padding:0 25px}}