@font-face{font-family:Sailec-Bold;src:url(Sailec-Bold.76848ee4.ttf) format("truetype"),url(Sailec-Bold.76848ee4.ttf) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Sailec-Medium;src:url(Sailec-Medium.958f85c2.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sailec-Regular;src:url(Sailec-Regular.9cd301d4.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,:after,:before{margin:0;padding:0;box-sizing:inherit;list-style:none;text-decoration:none}html{font-size:62.5%;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;width:100%;height:100%;transition:smooth 1s ease-in;--c-accent:#6b6fb3;--c-dark:#333664;--c-light:#e9eafe;--c-skin:#1c0946;--c-body:#5966ff}@media only screen and (max-width:62.5em){html{font-size:56.25%}}@media only screen and (max-width:56.25em){html{font-size:54%}}@media only screen and (max-width:37.5em){html{font-size:40%}}@media only screen and (min-width:112.5em){html{font-size:95%}}body{font-family:Sailec-Regular,sans-serif;font-size:1.6rem;background-color:#fff;color:#fff;overflow-x:hidden;position:relative;width:100%;height:100%}@media only screen and (min-width:20em){body{overflow-x:scroll}}.heading-1{font-size:5rem;letter-spacing:-1px}.heading-1,.heading-2{text-transform:capitalize;font-family:Sailec-Bold,sans-serif}.heading-2{font-size:2.5rem;letter-spacing:-.5px;line-height:4rem}.heading-3{font-size:2rem;font-family:Sailec-Bold,sans-serif}.heading-3,.heading-4{text-transform:uppercase;letter-spacing:3px}.heading-4{font-size:1.3rem;font-family:Sailec-Medium,sans-serif}.heading-5{font-size:1rem;text-transform:uppercase;letter-spacing:3px}.blog-heading{font-size:1.3rem;text-transform:capitalize;letter-spacing:2px;color:#000;line-height:2rem}.review-heading{font-size:1.7rem;text-transform:none;letter-spacing:1px;font-family:linear-gradient(180deg,#AFDDFF,#5885FF);line-height:2.3rem}.paragraph{font-size:1.5rem;line-height:2.5rem}.heading-paragraph{font-size:1.7rem;line-height:2.5rem}.letter{letter-spacing:4px}.cta-pri{background:linear-gradient(0deg,#58a0ff,#5966ff);padding:2rem 5rem;border-radius:1rem;text-transform:uppercase;font-size:1.2rem;font-family:Sailec-Medium,sans-serif;letter-spacing:3px;cursor:pointer}.cta-pri,.cta-pri:hover{color:#fff;transition:all 1s ease-in-out}.cta-pri:hover{background:linear-gradient(180deg,#afddff,#5885ff)}.cta-blog{background:linear-gradient(0deg,#58a0ff,#5966ff);padding:1.5em 3em;color:#fff;text-transform:uppercase;border-radius:.7em;font-size:.6em;font-family:Sailec-Medium,sans-serif;letter-spacing:3px;cursor:pointer;transition:all 1s ease-in-out}.pri{color:#707070}.sec{color:#ececec}.white{color:#fff}.mb-l{margin-bottom:5rem}.mb-m{margin-bottom:3rem}.mb-xm{margin-bottom:1.5rem}.mb-s{margin-bottom:1.3rem}.mb-xs{margin-bottom:.5rem}.mt-l{margin-bottom:5rem}.mt-m{margin-bottom:3rem}.mt-s{margin-bottom:1.3rem}.mt-xs{margin-bottom:.8rem}.m-auto{margin:0 auto}.lower,.upper{text-transform:uppercase;letter-spacing:.5rem}.primary-grad{background:linear-gradient(90deg,#58a0ff,#5966ff)}.secondary-grad{background:linear-gradient(0deg,#58a0ff,#5966ff)}.tertiary-grad{background:linear-gradient(180deg,#5df5ff,#4eaeff)}.noScroll{overflow-y:hidden}.hide-scroll,.loader{overflow:hidden}.loader{width:100%;height:100vh;position:absolute;background-color:#424fdb;background-color:var(--c-dark)!important;z-index:20;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;margin:0 auto}.loader .load-img{position:relative;height:5rem;width:5rem;margin-bottom:5rem}.loader .load-img svg{position:absolute;width:100%;height:100%;transform:scale(8);stroke:var(--c-accent)}.loader .load-img svg .s-stroke{stroke-dasharray:100px;stroke-dashoffset:100px;animation:s-stroke 50s ease-in backwards}@keyframes s-stroke{0%{stroke-dashoffset:100px}4%{stroke-dashoffset:100px}9%{stroke-dashoffset:0px}to{stroke-dashoffset:0px}}.loader .load-img svg .a-stroke{stroke-dasharray:100px;stroke-dashoffset:100px;animation:O-move 40s ease-in forwards}.loader .load-img svg .m-stroke{stroke-dasharray:124px;stroke-dashoffset:124px;animation:m-stroke 40s ease forwards}@keyframes m-stroke{0%{stroke-dashoffset:124px}3%{stroke-dashoffset:124px}8%{stroke-dashoffset:0px}to{stroke-dashoffset:0px}}.loader .load-img svg .u-stroke{stroke-dasharray:100px;stroke-dashoffset:100px;animation:O-move 30s ease forwards}@keyframes O-move{0%{stroke-dashoffset:100px}4%{stroke-dashoffset:100px}9%{stroke-dashoffset:0px}to{stroke-dashoffset:0px}}.loader .load-img svg .e-top{stroke-dasharray:47px;stroke-dashoffset:47px;animation:E-top-move 20s ease forwards}.loader .load-img svg .e-middle{stroke-dasharray:42px;stroke-dashoffset:42px;animation:E-mid-move 20s ease forwards}.loader .load-img svg .e-bottom{stroke-dasharray:47px;stroke-dashoffset:47px;animation:E-bottom-move 20s ease forwards}@keyframes E-top-move{0%{stroke-dashoffset:47px}6%{stroke-dashoffset:47px}11%{stroke-dashoffset:0px}to{stroke-dashoffset:0px}}@keyframes E-mid-move{0%{stroke-dashoffset:42px}8%{stroke-dashoffset:42px}13%{stroke-dashoffset:0px}to{stroke-dashoffset:0px}}@keyframes E-bottom-move{0%{stroke-dashoffset:47px}11%{stroke-dashoffset:47px}16%{stroke-dashoffset:0px}to{stroke-dashoffset:0px}}.loader .load-img .l-vertical{stroke-dasharray:124px;stroke-dashoffset:124px;animation:L-one-long-move 70s ease forwards}.loader .load-img .l-horizontal{stroke-dasharray:44px;stroke-dashoffset:44px;animation:L-one-short-move 20s ease forwards}@keyframes L-one-long-move{0%{stroke-dashoffset:124px}2%{stroke-dashoffset:124px}7%{stroke-dashoffset:0px}to{stroke-dashoffset:0px}}@keyframes L-one-short-move{0%{stroke-dashoffset:44px}13%{stroke-dashoffset:44px}18%{stroke-dashoffset:0px}to{stroke-dashoffset:0px}}.samuel g{transform-origin:50% 50%}svg .cls-1{fill:var(--c-skin)}svg .cls-2{fill:var(--c-accent)}.outline{fill:none;stroke:var(--c-dark);stroke-miterlimit:10;stroke-width:2px}svg .cls-3{fill:var(--c-dark)}svg .cls-4{fill:var(--c-accent)}svg .cls-8{fill:var(--c-light)}svg .cls-9{opacity:.1}svg .cls-10,svg .cls-13{fill:var(--c-dark)}svg .cls-14{fill:var(--c-light)}.header{background:var(--c-light);color:var(--c-light);transition:all 1s}.header nav .nav-container .nav-icon{background:linear-gradient(90deg,var(--c-dark,20%),var(--c-accent,80%))}.header nav .nav-container .nav-main .trans1{background:var(--c-light)}.header nav .nav-container .nav-main .trans2{background:var(--c-accent)}.header nav .nav-container .nav-main .trans3{background:var(--c-dark)}.header .header-content .menu-container .menu-icon{background:linear-gradient(90deg,var(--c-dark,20%),var(--c-accent,80%))!important}.header .header-content .menu-container .main-menu .trans1{background:var(--c-skin)}.header .header-content .menu-container .main-menu .trans2{background:var(--c-accent)}.header .header-content .menu-container .main-menu .trans3{background:var(--c-dark)}.header .header-content .left h1,h3,h4{color:var(--c-accent)}.header .header-content .left h2,p{color:var(--c-dark)}.header .header-content .left a{background:var(--c-accent)}.header .header-content .left a:hover{background:var(--c-skin)}#portfolio,.header .header-content .menu-container .menu .rec{background:var(--c-dark)}#portfolio{transition:all 1s}#portfolio .wrapper .slider{background:linear-gradient(45deg,var(--c-dark,20%),var(--c-accent,80%))}#portfolio .wrapper .slider button{background:linear-gradient(90deg,var(--c-dark,20%),var(--c-accent,80%))}#portfolio .wrapper .card{background:linear-gradient(45deg,var(--c-dark,20%),var(--c-accent,80%))}#portfolio .wrapper .card a{background:linear-gradient(90deg,var(--c-dark,20%),var(--c-accent,80%));color:#fff}#portfolio .wrapper .card a:hover{background:linear-gradient(0deg,var(--c-dark,20%),var(--c-accent,80%))}#portfolio .gradient__brand-secondary{stop-color:var(--c-dark)}#portfolio .gradient__brand{stop-color:var(--c-light)}.blog{background:var(--c-light);transition:all 1s}.blog .blog-wrapper .blog-text h1,.blog .blog-wrapper .blog-text h2{color:var(--c-dark)}.blog .blog-wrapper .blog-right{background:var(--c-accent)}.blog .blog-wrapper .blog-right .content{background:var(--c-skin)}.blog .blog-wrapper .blog-right .content h1{color:var(--c-light)}.blog .blog-wrapper .blog-right .content h2{color:#fff}.blog .blog-wrapper .blog-right .content a{background:var(--c-dark)}.demo-cont,.demo-cont .fnc-slider .m--blend .fnc-slide__inner{background:var(--c-light);transition:all 1s}.demo-cont .fnc-nav__control{background:linear-gradient(90deg,var(--c-accent),var(--c-dark))}.demo-cont .fnc-nav__control-progress{background:linear-gradient(0deg,var(--c-dark),var(--c-accent))}.contact{background:var(--c-light)}.contact .contact-wrapper .contact-text h1,.contact .contact-wrapper .contact-text h2,.contact .contact-wrapper .contact-text h4{color:var(--c-dark)}.contact .contact-wrapper .contact-text .iyar .img{background:var(--c-skin)}.contact .contact-wrapper .form .form-flex .upload{background:linear-gradient(0deg,var(--c-dark),var(--c-skin))}.contact .contact-wrapper .form .form-flex .submit{background:linear-gradient(0deg,var(--c-accent),var(--c-dark))}.footer{background:var(--c-dark)}.footer .footer-container .more h1{color:var(--c-light)}.footer .footer-container .more a{background:linear-gradient(90deg,var(--c-accent),var(--c-dark))!important}.footer .footer-container .more a:hover,.mobile-touch{background:linear-gradient(180deg,var(--c-accent),var(--c-dark))!important}.mobile-touch{color:#fff;height:7rem;width:25rem;margin-top:2rem;margin-right:2rem;display:flex;align-items:center}.blog-head .content{background:var(--c-dark)!important}.blog-head .content1{background:var(--c-skin)!important}.blog-head .bottom-content{background:var(--c-dark)!important}.form--success{background:green!important}.form--error,.form--success{color:#fff;width:30em;height:3em;display:flex;align-items:center;justify-content:center}.form--error{background:red!important}nav .container{width:90%;height:6rem;position:relative;margin:0 auto;z-index:10}nav .container .wrapper{position:relative;display:flex;justify-content:center;width:100%;align-items:center;height:6rem;padding-top:2rem}nav .container .wrapper .brand{position:relative;width:4rem;height:4rem;flex:1;left:2rem}nav .container .wrapper .brand img{position:absolute;width:100%;height:100%}nav .container .wrapper ul{position:relative;padding-top:1rem;display:flex;height:4rem;flex:2;padding-left:10%;padding-right:10%}nav .container .wrapper ul li{padding-right:4rem}nav .container .wrapper ul li a{font-size:1rem;font-family:Sailec-Medium,sans-serif;color:#000}nav .container .wrapper .resume{position:relative;flex:2;padding-top:1rem;padding-right:3rem}nav .container .wrapper .resume li{display:flex;align-items:center;justify-content:center;cursor:pointer}nav .container .wrapper .resume li a{font-size:1rem;font-family:Sailec-Medium,sans-serif;color:#fff;display:block;padding-right:1rem}nav .container .wrapper .resume li span{position:relative;padding-top:.5rem}nav .container .nav-container{position:absolute;padding:4rem;top:0;left:0;display:none;height:100%}nav .container .nav-container .nav-icon{position:absolute;right:2rem;top:1.5rem;z-index:20;width:6rem;height:6rem;border-radius:1rem;cursor:pointer;position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:scale(.7)}nav .container .nav-container .nav-icon .bar1,nav .container .nav-container .nav-icon .bar2,nav .container .nav-container .nav-icon .bar3{width:20px;height:2px;margin:4px 0;transition:.4s;background-color:#fff;border-radius:1rem}nav .container .nav-container .nav-icon .bar2{width:30px;transform-origin:right}nav .container .nav-container .nav-anim .bar1{transform:rotate(-45deg) translate(-6px,7px)}nav .container .nav-container .nav-anim .bar2{transform:translateX(200%);opacity:0}nav .container .nav-container .nav-anim .bar3{transform:rotate(45deg) translate(-7px,-8px)}nav .container .nav-container .nav-main{position:fixed;top:0;left:0;z-index:15;height:100%}nav .container .nav-container .nav-main .trans1{position:absolute;height:100%;width:0;left:0;transform:skew(50deg);transform-origin:top left}nav .container .nav-container .nav-main .trans2{position:absolute;height:100%;width:0;left:-50rem;transform:skew(50deg);transform-origin:top left}nav .container .nav-container .nav-main .trans3{position:absolute;height:100%;width:0;left:-150rem;transform:skew(50deg);transform-origin:top left}nav .container .nav-container .nav-main .brand{position:absolute;top:0;margin-left:4rem;z-index:2;opacity:0;transform:scale(.9);margin-top:2rem}nav .container .nav-container .nav-main__content{opacity:0;visibility:hidden;width:95vw;padding:15rem 1rem 10rem 4em;position:absolute;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr));grid-gap:4rem;color:#fff;height:100%;overflow-y:auto;overflow-x:hidden}nav .container .nav-container .nav-main__content--box{display:flex;flex-direction:column;justify-content:space-between;height:100%;margin-bottom:3rem}nav .container .nav-container .nav-main__content--box .nav-color-container{width:100%;height:100%}nav .container .nav-container .nav-main__content--box .nav-color-container h2{font-size:1.5em;text-decoration:none;color:#fff;font-family:Sailec-Medium,sans-serif;transition:all .2s ease-in-out;margin-bottom:1rem}nav .container .nav-container .nav-main__content--box .nav-color-container p{color:#fff;margin-bottom:3rem;font-size:1.3em;width:90%}nav .container .nav-container .nav-main__content--box .nav-color-container .nav-color-selector{display:flex;flex-direction:row;left:0;z-index:5;flex-wrap:wrap}nav .container .nav-container .nav-main__content--box .nav-color-container .nav-color-selector [type=radio]{display:none}nav .container .nav-container .nav-main__content--box .nav-color-container .nav-color-selector [type=radio]:checked+label:before{box-shadow:0 0 0 2px #f9f9f9,0 0 0 4px #cacaca}nav .container .nav-container .nav-main__content--box .nav-color-container label{display:flex;flex-direction:row;cursor:pointer;align-items:center;font-size:1em;width:12rem;height:4rem;margin-right:2em;margin-bottom:2em;transition:all 1s}nav .container .nav-container .nav-main__content--box .nav-color-container label:before{display:inline-block;content:"";background:var(--c-bg);width:2.5em;height:2.5em;border-radius:50%;padding-bottom:2rem;left:-2em;transition:all 1s;margin-right:1em}nav .container .nav-container .nav-main__content--box .nav-color-container label[for=blue]{--c-bg:var(--blue)}nav .container .nav-container .nav-main__content--box .nav-color-container label[for=orange]{--c-bg:var(--orange)}nav .container .nav-container .nav-main__content--box .nav-color-container label[for=pink]{--c-bg:var(--pink)}nav .container .nav-container .nav-main__content--box .nav-color-container label[for=red]{--c-bg:var(--red)}nav .container .nav-container .nav-main__content--box .nav-color-container label[for=yellow]{--c-bg:var(--yellow)}nav .container .nav-container .nav-main__content--box .nav-color-container label[for=green]{--c-bg:var(--green)}nav .container .nav-container .nav-main__content--box .nav-color-container label[for=purple]{--c-bg:var(--purple)}nav .container .nav-container .nav-main__content--box .nav-color-container label[for=black]{--c-bg:var(--black)}nav .container .nav-container .nav-main__content--box h4{margin-bottom:1rem}nav .container .nav-container .nav-main__content--box .social-links{display:flex;flex-direction:column}nav .container .nav-container .nav-main__content--box .social-links--box{display:flex;align-items:center;margin-bottom:2rem}nav .container .nav-container .nav-main__content--box .social-links--box img{margin-right:6rem;height:1.7rem;transform:scale(1.5)}nav .container .nav-container .nav-main__content--box .social-links--box:nth-child(2){margin-top:2rem}nav .container .nav-container .nav-main__content--box .list{justify-self:flex-start}nav .container .nav-container .nav-main__content--box .list__item{list-style:none}nav .container .nav-container .nav-main__content--box .list__item:not(:last-child){margin-bottom:3.5rem}nav .container .nav-container .nav-main__content--box .list__item a{text-transform:uppercase;font-size:2rem;text-decoration:none;color:#fff;font-family:Sailec-Medium,sans-serif;letter-spacing:2px;transition:all .2s ease-in-out}nav .container .nav-container .nav-main__content--box .list__item span{margin-left:2rem;position:relative;top:.7rem}nav .container .nav-container .nav-main__content--box .list__item span img{transform:scale(.8)}.header{position:relative;width:100%;height:100vh;overflow:hidden}.header .header-content{position:relative;display:flex;justify-content:space-between;align-items:center}.header .header-content .menu-container{position:absolute;padding:4rem;top:0;left:0}.header .header-content .menu-container .menu-icon{position:absolute;left:2rem;padding:.5rem;bottom:2.5rem;width:6rem;height:6rem;border-radius:1rem;cursor:pointer;position:fixed;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;transform:scale(.6);transition:all 1s;z-index:14;background:#000}.header .header-content .menu-container .menu-icon .rec1,.header .header-content .menu-container .menu-icon .rec2,.header .header-content .menu-container .menu-icon .rec3,.header .header-content .menu-container .menu-icon .rec4,.header .header-content .menu-container .menu-icon .rec5,.header .header-content .menu-container .menu-icon .rec6,.header .header-content .menu-container .menu-icon .rec7,.header .header-content .menu-container .menu-icon .rec8,.header .header-content .menu-container .menu-icon .rec9{width:1rem;height:1rem;border-radius:.3rem;margin:0 .2rem;background:#fff;cursor:pointer;transition:transform 1s}.header .header-content .menu-container .menu-anim .rec1{transform:translate(1.4rem,2rem);transition:transform 1s}.header .header-content .menu-container .menu-anim .rec2{transform:translate(.1rem,2rem);transition:transform 1s}.header .header-content .menu-container .menu-anim .rec3{transform:translate(-1.4rem,2rem);transition:transform 1s}.header .header-content .menu-container .menu-anim .rec4{transform:translate(1.4rem);transition:transform 1s}.header .header-content .menu-container .menu-anim .rec6{transform:translate(-1.4rem);transition:transform 1s}.header .header-content .menu-container .menu-anim .rec7{transform:translate(1.4rem,-2rem);transition:transform 1s}.header .header-content .menu-container .menu-anim .rec8{transform:translateY(-2rem);transition:transform 1s}.header .header-content .menu-container .menu-anim .rec9{transform:translate(-1.4rem,-2rem);transition:transform 1s}.header .header-content .menu-container .main-menu{position:fixed;top:0;left:0;z-index:12;width:100%}.header .header-content .menu-container .main-menu .trans1{position:absolute;height:0;width:100vw}.header .header-content .menu-container .main-menu__content{opacity:0;visibility:hidden;width:90%;position:absolute;top:10rem;left:2rem;z-index:2;display:flex;flex-direction:row;justify-content:center;padding:4rem;color:#fff}.header .header-content .menu-container .main-menu__content .color-container{width:50%;margin-bottom:5rem}.header .header-content .menu-container .main-menu__content .color-container h2{font-size:1.3em;text-decoration:none;color:#fff;font-family:Sailec-Medium,sans-serif;transition:all .2s ease-in-out;margin-bottom:.5rem}.header .header-content .menu-container .main-menu__content .color-container p{color:#fff;margin-bottom:3rem;width:90%}.header .header-content .menu-container .main-menu__content .color-container .color-selector{display:flex;flex-direction:row;left:0;z-index:5;height:15rem;flex-wrap:wrap}.header .header-content .menu-container .main-menu__content .color-container .color-selector [type=radio]{display:none}.header .header-content .menu-container .main-menu__content .color-container .color-selector [type=radio]:checked+label:before{box-shadow:0 0 0 2px #f9f9f9,0 0 0 4px #cacaca}.header .header-content .menu-container .main-menu__content .color-container label{display:flex;flex-direction:row;cursor:pointer;align-items:center;font-size:1em;width:12rem;height:4rem;margin-right:2em;margin-bottom:2rem;transition:all 1s}.header .header-content .menu-container .main-menu__content .color-container label:before{display:inline-block;content:"";background:var(--c-bg);width:2.5em;height:2.5em;border-radius:50%;padding-bottom:2rem;left:-2em;transition:all 1s;margin-right:1em}.header .header-content .menu-container .main-menu__content .color-container label[for=blue]{--c-bg:var(--blue)}.header .header-content .menu-container .main-menu__content .color-container label[for=orange]{--c-bg:var(--orange)}.header .header-content .menu-container .main-menu__content .color-container label[for=pink]{--c-bg:var(--pink)}.header .header-content .menu-container .main-menu__content .color-container label[for=red]{--c-bg:var(--red)}.header .header-content .menu-container .main-menu__content .color-container label[for=yellow]{--c-bg:var(--yellow)}.header .header-content .menu-container .main-menu__content .color-container label[for=green]{--c-bg:var(--green)}.header .header-content .menu-container .main-menu__content .color-container label[for=purple]{--c-bg:var(--purple)}.header .header-content .menu-container .main-menu__content .color-container label[for=black]{--c-bg:var(--black)}.header .header-content .menu-container .main-menu__content--box{width:40%;margin-bottom:5rem;display:flex;justify-content:flex-end}.header .header-content .menu-container .main-menu__content--box .contact-text{margin-right:3rem;position:relative}.header .header-content .menu-container .main-menu__content--box .contact-text h1{color:var(--c-accent)}.header .header-content .menu-container .main-menu__content--box .contact-text h2{font-size:2rem;font-family:Sailec-Regular,sans-serif}.header .header-content .menu-container .main-menu__content--box .contact-text .email{position:relative;color:#707070;margin-top:3rem;width:100%;height:8rem}.header .header-content .menu-container .main-menu__content--box .contact-text .email h4{margin-bottom:2rem}.header .header-content .menu-container .main-menu__content--box .contact-text .email h5{font-size:1em;color:#fff;display:block}.header .header-content .left{position:relative;height:10rem;width:40%;top:20rem;left:10rem;color:#000;flex-grow:1}.header .header-content .left .hidden{opacity:0}.header .header-content .left .console-container{font-size:1em;position:relative;color:var(--c-dark);left:0;text-transform:uppercase}.header .header-content .left .console-underscore{display:inline-block;position:relative}.header .header-content .left p{width:50rem;color:#707070}.header .header-content .left .feedback{position:relative;margin-top:6rem}.header .header-content .left .feedback span{font-size:1.6rem}.header .header-content .right{position:relative;height:10rem;width:60%;top:-10rem;flex-grow:1;right:-11rem}.header .header-content .right .img{position:relative;right:-1rem;height:100vh;width:100%}.header .header-content .right .img svg{position:absolute;width:120%;height:100%}@media only screen and (max-width:85em){.header .container{height:100%}}@media only screen and (max-width:65em){nav .container .wrapper .resume li a{color:#000}.header{height:100%}.header .header-content{display:flex;flex-direction:column;align-items:flex-start}.header .header-content .menu-container .main-menu__content{flex-direction:column}.header .header-content .menu-container .main-menu__content .color-container{width:90%}.header .header-content .menu-container .main-menu__content .color-container p{margin-bottom:6rem}.header .header-content .menu-container .main-menu__content--box{width:100%;justify-content:flex-start}.header .header-content .menu{width:5rem;height:6rem;position:relative;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;bottom:0;transform:translate(60rem,20rem)}.header .header-content .menu .rec{width:1rem;height:1rem;border-radius:.3rem;margin:0 .2rem;background:linear-gradient(0deg,#58a0ff,#5966ff)}.header .header-content .left{position:relative;height:100%;width:80%}.header .header-content .right{transform:rotate(270deg);position:relative;top:10rem;width:100%;height:100%;right:-13.5rem}.header .header-content .right .img{top:0;right:0;transform:rotate(180deg)}.header .header-content .right .img svg{height:130%;width:120%}}@media only screen and (max-width:35em){.resume,nav .container .wrapper ul{display:none}.header{height:100vh}.header nav .brand svg{transform:scale(.7)}.header nav .nav-container{display:block}.header nav .nav-container .trans1{background:linear-gradient(180deg,#afddff,#5885ff);left:0}.header nav .nav-container .trans1,.header nav .nav-container .trans2{position:absolute;height:100vh;width:0;transform:skew(50deg);transform-origin:top left}.header nav .nav-container .trans2{background:#6700ce;left:-50rem}.header nav .nav-container .trans3{position:absolute;background:#ce0078;height:100vh;width:0;left:-200rem;transform:skew(50deg);transform-origin:top left}.header .header-content{display:flex;flex-direction:column;align-items:flex-start}.header .header-content .menu-container{display:none}.header .header-content .menu-container .main-menu__content{flex-direction:column}.header .header-content .menu-container .main-menu__content .color-container{width:90%;margin-bottom:10rem}.header .header-content .menu-container .main-menu__content .color-container p{margin-bottom:6rem}.header .header-content .menu-container .main-menu__content--box{width:100%;justify-content:flex-start}.header .header-content .left{position:relative;height:100%;width:80%;z-index:1;left:5rem;top:14rem}.header .header-content .left h1{font-size:2rem;letter-spacing:3px}.header .header-content .left P{font-size:2rem;margin-top:3rem;line-height:3rem;width:100%}.header .header-content .right{transform:rotate(270deg);position:relative;top:6rem;width:100%;height:100%;right:-10rem}.header .header-content .right .img{top:0;right:0;transform:rotate(180deg)}.header .header-content .right .img svg{width:100%;height:110%}}@media only screen and (max-width:20em){.header{height:100vh}.header .header-content{display:flex;flex-direction:column;align-items:flex-start}.header .header-content .menu-container{display:none}.header .header-content .menu-container .main-menu__content{flex-direction:column}.header .header-content .menu-container .main-menu__content--box,.header .header-content .menu-container .main-menu__content .color-container{width:98%}.header .header-content .menu-container .main-menu__content .color-container p{margin-bottom:6rem}.header .header-content .menu-container .main-menu__content .color-container label{display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-size:1em;width:6rem;height:6rem;margin-right:.5rem}.header .header-content .menu-container .main-menu__content .color-container label:before{display:inline-block;content:"";background:var(--c-bg);width:1.7em;height:1.7em;border-radius:50%;transition:all 1s;margin-right:0}.header .header-content .left{position:relative;height:100%;width:80%;left:5rem}.header .header-content .left h1{letter-spacing:1px!important;line-height:20px;font-size:1.6rem}.header .header-content .left h2{font-size:3.5rem}.header .header-content .left p{width:100%;font-size:1.8rem}.header .header-content .right{transform:rotate(270deg);position:relative;top:6rem;width:100%;height:100%;right:-10rem}.header .header-content .right .img{top:0;right:0;transform:rotate(180deg);opacity:1}.header .header-content .right .img svg{width:100%;height:110%}}.portfolio{background:linear-gradient(0deg,#58a0ff,#5966ff);overflow:hidden}.portfolio,.portfolio .container{position:relative;height:100%;width:100%;padding-bottom:5rem}.portfolio .container{padding-top:5rem;padding-left:10rem}.portfolio .container .portfolio-text{position:relative;height:10rem;padding-top:5rem;margin-bottom:17rem}.portfolio .container .portfolio-text h1{font-size:2.5em}.portfolio .container .portfolio-text h2{font-size:1.7em}.portfolio .container .wrapper{position:relative;margin-top:8rem;width:90%;display:flex;overflow:hidden}.portfolio .container .wrapper .card-wrapper{display:flex;flex-direction:row;position:relative;height:100%;flex-wrap:wrap;width:100%}.portfolio .container .wrapper .card-wrapper .card{height:100%;width:37rem;text-align:center;background:linear-gradient(90deg,#58a0ff,#5966ff);display:flex;justify-content:center;flex-direction:column;align-items:center;position:relative;overflow:hidden;margin-right:5rem;margin-bottom:5rem}.portfolio .container .wrapper .card-wrapper .card img{height:100%;z-index:1;position:absolute;opacity:.1}.portfolio .container .wrapper .card-wrapper .card .head{margin-bottom:0 auto;text-align:center;height:2.5em;width:2.5em;position:relative;display:flex;justify-content:center;align-items:center;margin-top:5rem;z-index:4}.portfolio .container .wrapper .card-wrapper .card .head svg{position:absolute;height:100%;transform:scale(1)}.portfolio .container .wrapper .card-wrapper .card .text{margin-top:4em;z-index:4}.portfolio .container .wrapper .card-wrapper .card .text h1{font-size:1.2em;font-family:Sailec-Medium,sans-serif}.portfolio .container .wrapper .card-wrapper .card .text h2{font-size:1em}.portfolio .container .wrapper .card-wrapper .card ul{margin-top:8rem}.portfolio .container .wrapper .card-wrapper .card ul li{margin-bottom:3em}.portfolio .container .wrapper .card-wrapper .card ul .view{color:#000;padding:2rem 3rem;background:linear-gradient(180deg,#afddff,#5885ff);font-family:Sailec-Medium,sans-serif;border-radius:1rem}.portfolio .container .wrapper .card-wrapper .card ul .visit{color:#000;padding:2rem 3rem;background:#fff;font-family:Sailec-Medium,sans-serif;border-radius:1rem}.portfolio .container .wrapper .card-wrapper .card .samples{height:100%;width:80%;padding:2rem 0 5rem;margin:0 auto;z-index:3;overflow:hidden}.portfolio .container .wrapper .card-wrapper .card .samples .samples-wrapper{display:flex;justify-content:space-between;width:200%}.portfolio .container .wrapper .card-wrapper .card .samples .samples-wrapper .one{height:8rem;width:9rem;position:relative;overflow:hidden}.portfolio .container .wrapper .card-wrapper .card .samples .samples-wrapper .one img{height:100%;position:relative;opacity:1;transform:scale(2);right:0;top:0}@media only screen and (max-width:85em){.portfolio{height:100%}.portfolio .container{height:100%;padding-bottom:5rem}}@media only screen and (max-width:65em){.portfolio{height:100%}.portfolio .container{height:100%;padding-bottom:5rem}}@media only screen and (max-width:35em){.portfolio .container{padding-left:5rem;padding-bottom:10rem}.portfolio .container .wrapper{overflow:hidden;margin-top:14rem}.portfolio .container .wrapper .card-wrapper .card{width:37rem;text-align:center}.portfolio .container .wrapper .card-wrapper .card ul{margin-top:4rem}.portfolio .container .wrapper .card-wrapper .card .head svg{transform:scale(1.2)}.portfolio .container .wrapper .card-wrapper .card .samples{height:100%;width:80%;padding:5rem 0 8rem;margin:0 auto;z-index:3;overflow:hidden}}@media only screen and (max-width:20em){.portfolio .container{padding-left:5rem;padding-top:15rem}.portfolio .container .portfolio-text{margin-right:5rem}.portfolio .container .wrapper{overflow:hidden;margin-top:14rem}.portfolio .container .wrapper .card{width:22rem;text-align:center}.portfolio .container .wrapper .card ul{margin-top:4rem}.portfolio .container .wrapper .card .head svg{transform:scale(1.2)}}.blog{width:100%;overflow:hidden;padding-bottom:5rem}.blog,.blog .container{position:relative;height:100%}.blog .container{padding-top:10rem;padding-left:10rem}.blog .container .blog-wrapper{display:flex;align-items:center;position:relative;min-width:1000px;margin-right:4rem;padding-bottom:3rem}.blog .container .blog-wrapper .blog-text{position:relative;height:10rem;width:50%;padding-top:3rem}.blog .container .blog-wrapper .blog-right{width:50%;height:15rem;position:relative;overflow:hidden;margin-left:3rem}.blog .container .blog-wrapper .blog-right:after{content:"";position:absolute;width:100%;height:3em;background:var(--c-accent);bottom:-2em}.blog .container .blog-wrapper .blog-right:first-child{margin-left:0}.blog .container .blog-wrapper .blog-right .content{width:100%;height:100%;position:relative;padding:2em;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.blog .container .blog-wrapper .blog-right .content h2{width:35rem;margin-bottom:2rem}.blog .container .blog-wrapper .blog-right .content .read{padding-bottom:3rem}.blog .container .blog-wrapper .blog-right .content .read a{color:#fff;border-radius:1rem;display:block;width:15rem;height:5rem;line-height:5rem;text-align:center}.fnc-slider{overflow:hidden;position:relative;height:100%}.fnc-slider,.fnc-slider *,.fnc-slider :after,.fnc-slider :before{box-sizing:border-box}.fnc-slider__slides{position:relative;height:100%;transition:transform 1s .6666666667s}.fnc-slide{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:120%;transform:translateZ(0)}.fnc-slide.m--before-sliding{z-index:2!important;transform:translate3d(100%,0,0)}.fnc-slide.m--active-slide{z-index:1;transition:transform 1s ease-in-out .6666666667s;transform:translateZ(0)}.fnc-slide__inner{position:relative;height:100%;background-size:cover;background-position:top;transform:translateZ(0)}.m--blend-bg-active .fnc-slide__inner,.m--global-blending-active .fnc-slide__inner{background-blend-mode:luminosity}.m--before-sliding .fnc-slide__inner{transform:translate3d(-100%,0,0)}.m--active-slide .fnc-slide__inner{transition:transform 1s ease-in-out .6666666667s;transform:translateZ(0)}.fnc-slide__content{z-index:2;position:absolute;display:flex}.fnc-slide__heading{margin-bottom:10px;text-transform:uppercase}.fnc-slide__heading-line{overflow:hidden;position:relative;padding-right:20px;word-spacing:5px;width:50%}.fnc-slide__heading-line p{width:98%}.m--before-sliding .fnc-slide__heading-line{transform:translateY(100%)}.m--active-slide .fnc-slide__heading-line{transition:transform 1.5s 1s;transform:translateY(0)}.m--previous-slide .fnc-slide__heading-line{transition:transform 1.5s;transform:translateY(-10%)}.fnc-slide__heading-line span{display:block}.m--before-sliding .fnc-slide__heading-line span{transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%)}.m--active-slide .fnc-slide__heading-line span{transition:transform 1.5s 1s;-webkit-transition:transform 1.5s 1s;-moz-transition:transform 1.5s 1s;-o-transition:transform 1.5s 1s;transform:translateY(0);-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0)}.m--previous-slide .fnc-slide__heading-line span{transition:transform 1.5s;-webkit-transition:1.5s;-moz-transition:1.5s;-o-transition:1.5s;transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%)}.fnc-nav{z-index:5;position:absolute;left:30%;top:20rem;display:flex;width:40rem}.fnc-nav__bgs{z-index:-1;overflow:hidden}.fnc-nav__bg,.fnc-nav__bgs{position:absolute;left:0;top:0;width:100%;height:100%}.fnc-nav__bg.m--nav-bg-before{z-index:2!important;transform:translateX(100%)}.fnc-nav__bg.m--active-nav-bg{z-index:1;transition:transform 1s .6666666667s;transform:translateX(0)}.fnc-nav__controls{font-size:0;background:#ececec}.fnc-nav__control{overflow:hidden;position:relative;display:inline-block;vertical-align:top;width:100px;height:20px;font-size:14px;color:#fff;text-transform:uppercase;background:linear-gradient(90deg,#ff4593,#e43683);border:none;outline:none;cursor:pointer;transition:background-color .5s}.fnc-nav__control.m--active-control{background:#000}.fnc-nav__control-progress{position:absolute;left:0;bottom:0;width:100%;height:100%;background:linear-gradient(180deg,#ff4593,#e43683);transform-origin:0 50%;transform:scaleX(0);transition-timing-function:linear!important}.m--with-autosliding .m--active-control .fnc-nav__control-progress{transform:scaleX(1)}.m--prev-control .fnc-nav__control-progress{transform:translateX(100%);transition:transform .5s!important}.m--reset-progress .fnc-nav__control-progress{transform:scaleX(0);transition:transform 0s 0s!important}.m--autosliding-blocked .fnc-nav__control-progress{transition:all 0s 0s!important;transform:scaleX(0)!important}.demo-cont{overflow:hidden;position:relative;height:40rem;padding-left:10rem}.example-slider{z-index:2;transform:translateZ(0)}.example-slider .fnc-nav__control,.example-slider .fnc-slide__action-btn,.example-slider .fnc-slide__heading{font-family:Sailec-Regular,sans-serif}@media only screen and (max-width:87em){.blog .container .blog-wrapper .blog-right{height:100%}.demo-cont .fnc-nav{z-index:5;position:absolute;left:0;top:30rem;width:90%}.demo-cont .fnc-nav__controls{width:100%}.demo-cont .fnc-nav__control{width:25%}}@media only screen and (max-width:70em){.blog .container .blog-wrapper{min-width:700px}.blog .container .blog-wrapper .blog-right{height:100%}.demo-cont .fnc-nav{z-index:5;position:absolute;left:0;top:30rem;width:90%}.demo-cont .fnc-nav__controls{width:100%}.demo-cont .fnc-nav__control{width:25%}}@media only screen and (max-width:50em){.blog{height:100%}.blog .container .blog-wrapper{min-width:10rem;flex-direction:column;padding-bottom:0}.blog .container .blog-wrapper .blog-text{width:100%;margin-bottom:5rem}.blog .container .blog-wrapper .blog-text h2{letter-spacing:.4rem}.blog .container .blog-wrapper .blog-right{height:100%;margin:0 0 3em;width:100%;align-items:center}.demo-cont{padding-bottom:0;height:100%}.demo-cont .fnc-slider{height:70vh}.demo-cont .fnc-slide__content{flex-direction:column}.demo-cont .fnc-slide__content .fnc-slide__heading-line{margin-bottom:4rem;width:100%}.demo-cont .fnc-nav{z-index:5;position:absolute;left:0;width:90%;top:45rem}.demo-cont .fnc-nav__controls{width:100%}.demo-cont .fnc-nav__control{width:25%;height:10px}}@media only screen and (max-width:35em){.blog{height:100%}.blog .container{padding-left:5rem;height:100%}.blog .container .blog-wrapper{min-width:10rem;flex-direction:column;padding-bottom:0}.blog .container .blog-wrapper .blog-text{width:100%;margin-bottom:5rem}.blog .container .blog-wrapper .blog-text h2{letter-spacing:.4rem}.demo-cont{padding-bottom:0;height:100%;padding-left:5rem}.demo-cont .fnc-slider{height:55vh}.demo-cont .fnc-slide__content{flex-direction:column}.demo-cont .fnc-slide__content .fnc-slide__heading-line{margin-bottom:4rem;width:100%}.demo-cont .fnc-nav{z-index:5;position:absolute;left:0;width:90%;top:50rem}.demo-cont .fnc-nav__controls{width:100%}.demo-cont .fnc-nav__control{width:25%;height:10px}}@media only screen and (max-width:20em){.blog{height:100%}.blog .container{padding-left:5rem;height:100%}.blog .container .blog-wrapper{min-width:10rem;flex-direction:column;padding-bottom:0}.blog .container .blog-wrapper .blog-text{width:100%;margin-bottom:5rem}.blog .container .blog-wrapper .blog-text h2{letter-spacing:.4rem}.blog .container .blog-wrapper .blog-right{height:100%;margin:0 0 2rem;width:100%}.blog .container .blog-wrapper .blog-right .content{padding:3em}.blog .container .blog-wrapper .blog-right .content h2{width:100%;margin-bottom:2rem;font-weight:500}.blog .container .blog-wrapper .blog-right .content h1{font-weight:100;letter-spacing:1px}.blog .container .blog-wrapper .blog-right .content a{margin-bottom:2rem}.demo-cont{padding-bottom:0;height:100%;padding-left:5rem}.demo-cont .fnc-slider{height:65vh}.demo-cont .fnc-slide__content{flex-direction:column}.demo-cont .fnc-slide__content .fnc-slide__heading-line{margin-bottom:4rem;width:100%}.demo-cont .fnc-nav{z-index:5;position:absolute;left:0;width:90%;top:55rem}.demo-cont .fnc-nav__controls{width:100%}.demo-cont .fnc-nav__control{width:25%;height:10px}}.contact{width:100%;overflow:hidden}.contact,.contact .container{position:relative;height:100%}.contact .container{padding-top:10rem;padding-left:10rem;padding-bottom:5rem}.contact .container .contact-wrapper{display:flex;height:100%;position:relative;padding-bottom:5em}.contact .container .contact-wrapper .contact-text{width:45%;margin-right:5rem;position:relative}.contact .container .contact-wrapper .contact-text h1{font-family:Sailec-Bold,sans-serif;font-size:3em}.contact .container .contact-wrapper .contact-text h2{font-size:2em;font-family:Sailec-Regular,sans-serif;color:#575757}.contact .container .contact-wrapper .contact-text p{width:70%;line-height:1.5em;margin-top:2rem;font-family:Sailec-Regular,sans-serif}.contact .container .contact-wrapper .contact-text .email{position:relative;color:#707070;margin-top:20rem;width:100%;height:8rem}.contact .container .contact-wrapper .contact-text .email h4{font-size:1.5em;font-family:Sailec-Bold,sans-serif}.contact .container .contact-wrapper .contact-text .email .iyar{margin-top:2rem;height:4rem;display:flex;align-items:center}.contact .container .contact-wrapper .contact-text .email .iyar a{color:#000}.contact .container .contact-wrapper .contact-text .email .iyar h5{font-size:1.3em;margin-right:1rem}.contact .container .contact-wrapper .form{width:45%;position:relative}.contact .container .contact-wrapper .form .form-group{width:90%;height:10rem;color:#000;margin-bottom:2.5rem;display:flex;flex-direction:column;overflow:hidden}.contact .container .contact-wrapper .form .form-group label{font-size:1em;font-family:Sailec-Medium,sans-serif;margin-bottom:1rem}.contact .container .contact-wrapper .form .form-group input{width:100%;height:5rem;background:none;outline:none;padding-bottom:.5rem;font-size:1em;border:none;border-bottom:.2rem solid var(--c-dark)!important;font-family:Sailec-Regular,sans-serif;transition:all 1s ease-in}.contact .container .contact-wrapper .form .form-group input:focus{margin-top:3rem;background:none;border:none;border-bottom:.2rem solid var(--c-dark)!important;color:#9e9e9e;transition:all 1s ease-in}.contact .container .contact-wrapper .form .form-group input::placeholder{padding-bottom:20px}.contact .container .contact-wrapper .form .form-group input::placeholder:placeholder-shown{padding-bottom:20px}.contact .container .contact-wrapper .form .form-message{width:90%;height:17rem;color:#000;margin-bottom:5rem;display:flex;flex-direction:column}.contact .container .contact-wrapper .form .form-message label{color:#000;font-family:Sailec-Medium,sans-serif}.contact .container .contact-wrapper .form .form-message textarea{width:100%;height:15rem;background:none;outline:none;margin-top:1rem;padding-bottom:.5rem;font-size:1em;border:none;border-bottom:.2rem solid var(--c-dark)!important;resize:none;margin-bottom:3rem;font-family:Sailec-Regular,sans-serif;transition:all 1s ease-in}.contact .container .contact-wrapper .form .form-message textarea:focus{margin-top:3rem;background:none;border:none;border-bottom:.2rem solid var(--c-dark)!important;color:#9e9e9e;transition:all 1s ease-in}.contact .container .contact-wrapper .form .form-message textarea::-webkit-scrollbar{width:1rem;overflow:hidden}.contact .container .contact-wrapper .form .submit{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.contact .container .contact-wrapper .form .submit+label{font-size:1em;font-family:Sailec-Medium,sans-serif;color:#fff;width:30rem;display:block;background:linear-gradient(0deg,var(--c-accent),var(--c-dark));text-align:center;cursor:pointer;margin-bottom:3rem;padding:2rem 0}.contact .container .contact-wrapper .form span{margin-left:.5em;color:#fff;outline:none}.contact .container .contact-wrapper .form #form-message{position:absolute;height:30rem;width:3em;background:green!important}.contact .container .contact-wrapper .form .success{padding:1em;margin-bottom:.75rem;width:90%;text-shadow:0 1px 0 hsla(0,0%,100%,.5);color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;transition:all 1s}.contact .container .contact-wrapper .form .error{padding:1em;margin-bottom:.75rem;text-shadow:0 1px 0 hsla(0,0%,100%,.5);color:#b94a48;width:90%;background-color:#f2dede;border:1px solid rgba(185,74,72,.3);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;transition:all 1s}.footer{width:100%;height:100%;position:relative;padding-bottom:5rem;padding-left:10rem}.footer .footer-container{display:flex;flex-direction:column;padding-top:5rem}.footer .footer-container .more{margin-right:3rem;margin-top:10rem;width:80%}.footer .footer-container .more h1{font-size:1.8em}.footer .footer-container .more .icons{display:flex;margin-top:3rem;flex-wrap:wrap}.footer .footer-container .more .upload a{color:#fff;height:7rem;width:25rem;background:var(--c-accent);margin-top:2rem;margin-right:2rem;display:flex;align-items:center}.footer .footer-container .more .upload .img{width:2.5rem;height:2.5rem;cursor:pointer;position:relative;margin-right:3rem;margin-left:3rem}.footer .footer-container .more .upload .img img{height:100%;position:relative;left:0}.footer .footer-container .more .upload h2{font-size:1.2em}.footer .copy{margin-top:8rem;display:flex;height:3rem;align-items:center;width:90%;padding-bottom:5rem}.footer .copy h1{font-size:1em}.footer .copy span{position:relative;font-size:2.5rem;height:1.5rem;top:.7rem;margin-right:1rem}@media only screen and (max-width:85em){.contact{height:100%}.contact .container .contact-wrapper{width:90%}.contact .container .contact-wrapper .contact-text h3{width:100%}.footer{height:100%}.footer .footer-container{width:100%}}@media only screen and (max-width:65em){.contact{height:100%;padding-bottom:3rem}.contact .container .contact-wrapper{width:90%;flex-direction:column;height:100%}.contact .container .contact-wrapper .contact-text{margin-bottom:10rem;width:90%}.contact .container .contact-wrapper .contact-text h3{width:80%}.contact .container .contact-wrapper .form{width:90%}.contact .container .contact-wrapper .form .form-group input{width:100%}.footer{height:100%}.footer .footer-container .more{margin-right:3rem;margin-top:7rem;width:95%}}@media only screen and (max-width:35em){.contact{height:100%;padding-bottom:3rem}.contact .container{padding-left:5rem}.contact .container .contact-wrapper{width:100%;flex-direction:column;height:100%}.contact .container .contact-wrapper .contact-text p{width:100%}.contact .container .contact-wrapper .form{margin-top:5rem;margin-bottom:3rem}.contact .container .contact-wrapper .form .form-flex{flex-direction:column}.footer{height:100%;padding-left:5rem}}@media only screen and (max-width:26em){.footer{height:100%;padding-left:5rem}.footer .footer-container .more .upload{width:90%}.footer .footer-container .more .upload a{width:100%}}@media only screen and (max-width:20em){.contact{height:100%;padding-bottom:10rem}.contact .container{padding-left:5rem}.contact .container .contact-wrapper{width:100%;flex-direction:column;height:100%}.contact .container .contact-wrapper img{transform:scale(.5)}.contact .container .contact-wrapper .contact-text{width:100%}.contact .container .contact-wrapper .contact-text .email{margin-bottom:2rem}.contact .container .contact-wrapper .contact-text h3{width:80%}.footer{height:100%;padding-left:5rem}.footer .footer-container{width:100%;position:relative;flex-direction:column}.footer .footer-container .more{height:100%;margin-bottom:3rem;width:100%}.footer .footer-container .more .icons{flex-wrap:wrap;width:100%}.footer .copy{margin-top:1rem}}.blog-head{height:100%}.blog-head,.blog-head .nav{position:relative;width:100%}.blog-head .nav{height:10rem;padding-left:10rem;background:#000}.blog-head .nav .wrapper{position:relative;display:flex;justify-content:center;width:100%;align-items:center;height:6rem;padding-top:2rem}.blog-head .nav .wrapper .brand{position:relative;width:4rem;height:4rem;flex:1;left:2rem}.blog-head .nav .wrapper .brand svg{transform:scale(.8);margin-top:.4em}.blog-head .nav .wrapper .brand svg .cls-3{fill:#fff!important}.blog-head .nav .wrapper .brand img{position:absolute;width:100%;height:100%}.blog-head .nav .wrapper ul{position:relative;padding-top:1rem;display:flex;height:4rem;flex:2;padding-left:10%;padding-right:10%}.blog-head .nav .wrapper ul li{padding-right:4rem}.blog-head .nav .wrapper ul li a{font-size:1rem;font-family:Sailec-Medium,sans-serif;color:#fff}.blog-head .nav .wrapper .resume{position:relative;flex:2;padding-top:1rem;padding-right:3rem}.blog-head .nav .wrapper .resume li{display:flex;align-items:center;justify-content:center;cursor:pointer}.blog-head .nav .wrapper .resume li a{font-size:1rem;font-family:Sailec-Medium,sans-serif;color:#fff;display:block;padding-right:1rem}.blog-head .nav .wrapper .resume li span{position:relative;padding-top:.5rem}.blog-head .nav .nav-container{position:absolute;padding:4rem;top:0;left:0;display:none;height:100%}.blog-head .nav .nav-container .nav-icon{position:absolute;right:2rem;top:1.5rem;z-index:20;width:6rem;height:6rem;border-radius:1rem;cursor:pointer;position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:scale(.7);background:linear-gradient(90deg,var(--c-dark,20%),var(--c-accent,80%))}.blog-head .nav .nav-container .nav-icon .bar1,.blog-head .nav .nav-container .nav-icon .bar2,.blog-head .nav .nav-container .nav-icon .bar3{width:20px;height:2px;margin:4px 0;transition:.4s;background-color:#fff;border-radius:1rem}.blog-head .nav .nav-container .nav-icon .bar2{width:30px;transform-origin:right}.blog-head .nav .nav-container .nav-anim .bar1{transform:rotate(-45deg) translate(-6px,7px)}.blog-head .nav .nav-container .nav-anim .bar2{transform:translateX(200%);opacity:0}.blog-head .nav .nav-container .nav-anim .bar3{transform:rotate(45deg) translate(-7px,-8px)}.blog-head .nav .nav-container .nav-main{position:fixed;top:0;left:0;z-index:15;height:100%}.blog-head .nav .nav-container .nav-main .trans1{position:absolute;height:100%;width:0;left:0;transform:skew(50deg);transform-origin:top left;background:#e9eafe}.blog-head .nav .nav-container .nav-main .trans2{position:absolute;height:100%;width:0;left:-50rem;transform:skew(50deg);transform-origin:top left;background:#6b6fb3}.blog-head .nav .nav-container .nav-main .trans3{position:absolute;height:100%;width:0;left:-150rem;transform:skew(50deg);transform-origin:top left;background:#333664}.blog-head .nav .nav-container .nav-main .brand{position:absolute;top:0;margin-left:4rem;z-index:2;opacity:0;transform:scale(.9);margin-top:2rem}.blog-head .nav .nav-container .nav-main__content{opacity:0;visibility:hidden;width:95vw;padding:20rem 1rem 10rem 4em;position:absolute;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr));grid-gap:4rem;color:#fff;height:100%;overflow-y:auto;overflow-x:hidden}.blog-head .nav .nav-container .nav-main__content--box{display:flex;flex-direction:column;height:100%;margin-bottom:3rem}.blog-head .nav .nav-container .nav-main__content--box h4{margin-bottom:2em}.blog-head .nav .nav-container .nav-main__content--box .social-links{display:flex;flex-direction:column}.blog-head .nav .nav-container .nav-main__content--box .social-links--box{display:flex;align-items:center;margin-bottom:2rem}.blog-head .nav .nav-container .nav-main__content--box .social-links--box img{margin-right:6rem;height:1.7rem;transform:scale(1.5)}.blog-head .nav .nav-container .nav-main__content--box .social-links--box:nth-child(2){margin-top:2rem}.blog-head .nav .nav-container .nav-main__content--box .list{justify-self:flex-start}.blog-head .nav .nav-container .nav-main__content--box .list__item{list-style:none}.blog-head .nav .nav-container .nav-main__content--box .list__item:not(:last-child){margin-bottom:3.5rem}.blog-head .nav .nav-container .nav-main__content--box .list__item a{text-transform:uppercase;font-size:2rem;text-decoration:none;color:#fff;font-family:Sailec-Medium,sans-serif;letter-spacing:2px;transition:all .2s ease-in-out}.blog-head .nav .nav-container .nav-main__content--box .list__item span{margin-left:2rem;position:relative;top:.7rem}.blog-head .nav .nav-container .nav-main__content--box .list__item span img{transform:scale(.8)}.blog-head .content{height:55rem;width:100%;background:#000!important;border-radius:0 0 10rem 10rem;position:relative;margin-bottom:10rem;display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:hidden;text-align:center}.blog-head .content svg{position:absolute;height:100%;width:100%}.blog-head .content p{color:#fff;word-spacing:.1rem;letter-spacing:.1rem;margin-top:1rem;width:80%}.blog-head .content ul{margin-top:2rem}.blog-head .content1{height:100%;width:100%;position:relative;background:#000!important;color:#fff;padding:5rem 4rem 5rem 10rem}.blog-head .content1 p{color:#fff;font-size:1.5em;margin-bottom:2rem;letter-spacing:.05rem;margin-top:15rem}.blog-head .content1 h1{font-size:2.5em;font-family:Sailec-Medium,sans-serif}.blog-head .content1 hr{margin-top:1.5rem;width:100%;border:none;border-bottom:1px solid #fff}.blog-head .content1 .img-content{position:relative;width:35rem;height:5rem;display:flex;align-items:center;margin-top:3rem}.blog-head .content1 .img-content .img{position:relative;height:100%;width:5rem;overflow:hidden;border-radius:1rem}.blog-head .content1 .img-content .img img{position:absolute;height:100%}.blog-head .content1 .img-content p{font-size:1em;letter-spacing:0;margin-left:2rem;font-family:Sailec-Medium,sans-serif;margin-top:0}.blog-head .content1 .img-content span{color:#7130fc}.blog-head .content-thumb{height:100%;width:100%;position:relative;overflow:hidden;padding-bottom:7em;background:#000}.blog-head .content-thumb img{position:absolute;width:100%}.blog-head .content-thumb .opacity{position:absolute;height:100%;width:100%;background:#1c0946;opacity:.3}.blog-head .content-thumb .text{padding-left:10rem;position:relative;padding-top:10rem;padding-right:5rem}.blog-head .content-thumb .text p{color:#fff;font-size:1.3em;line-height:1.7em}.blog-head .content-thumb .text h1{margin-top:3rem;margin-bottom:3rem}.blog-head .content-thumb .text h2{font-size:1.4em;line-height:1.5em;margin:5rem auto;padding-left:1em}.blog-head .content-thumb .text h2:before{position:absolute;height:10rem;width:10rem;margin-top:-3rem;margin-left:-2rem;content:"";border-left:2px solid red;border-top:2px solid red}.blog-head .content-thumb .text h2:after{position:absolute;height:10rem;width:10rem;margin-top:-4rem;margin-right:4rem;right:0;content:"";border-right:2px solid red;border-bottom:2px solid red}.blog-head .content-thumb .text h3{margin:2rem 0}.blog-head .content-thumb .text span{color:#fff;font-size:1em;width:100%;display:block;padding-left:3rem;line-height:1.7em}.blog-head .content-thumb .text span:before{content:"";width:1rem;height:1rem;background:red;position:absolute;margin-left:-2rem;margin-top:1.4rem}.blog-head .content-thumb .text strong{color:#fff;font-size:1em;padding-left:3rem;line-height:1.7em}.blog-head .content-thumb .text strong:before{content:"";width:1rem;height:1rem;background:red;position:absolute;margin-left:-2rem;margin-top:1.4rem}.blog-head .content-thumb .text .let{margin-top:3rem}.blog-head .content-thumb .text a{color:#fff;text-decoration:underline}.blog-head .content-thumb .text .last{margin-bottom:3rem}.blog-head .content-thumb .text .check{height:20rem;background:red;margin-top:4rem;margin-bottom:4rem;width:100%;overflow:hidden;position:relative}.blog-head .content-thumb .text .check img{position:absolute;width:100%}.blog-head .sub{position:absolute;width:30rem;height:10rem;margin-right:2em;right:2rem;display:flex;justify-content:center;z-index:0;top:2rem}.blog-head .sub .img{position:relative;width:30rem;height:8rem;background:#e2e2e2;border-radius:1em;display:flex;align-items:center;padding:2em;justify-content:space-between}.blog-head .sub .img p{font-size:.8em;font-family:Sailec-Medium,sans-serif}.blog-head .sub .img .arrow{position:relative;width:1em;height:1em;display:flex;justify-content:center;align-items:center}.blog-head .sub .img .arrow img{position:absolute;transform:scale(.8)}.blog-head .blog-items{display:flex;top:0;width:90%;padding-left:5rem;position:relative;height:100%;justify-content:center;overflow:hidden;margin:auto auto 4rem}.blog-head .blog-items .card{width:50%;height:100%;background:#fff;margin-right:3em;position:relative;padding-bottom:5rem}.blog-head .blog-items .card .img{position:relative;width:100%;height:17rem;background-size:cover;background-position:100%;border-radius:2em;overflow:hidden}.blog-head .blog-items .card .img img{position:absolute;width:100%}.blog-head .blog-items .card .text{color:#000;padding:1em;height:18rem;overflow:hidden;position:relative;width:95%;margin-bottom:3rem}.blog-head .blog-items .card h1{color:#505050;font-size:.8em;letter-spacing:.1em;margin-top:1em;font-family:Sailec-Regular,sans-serif}.blog-head .blog-items .card h2{color:#000;font-size:1em;margin-top:1rem}.blog-head .blog-items .card p{font-size:1.4rem;margin-top:1rem;color:#000;margin-bottom:2em}.blog-head .blog-items .card a{position:relative;margin-left:2rem}.blog-head .blog-next{display:flex;top:0;width:90%;padding-left:5rem;position:relative;height:100%;justify-content:center;overflow:hidden;margin:auto auto 4rem}.blog-head .blog-next .card{width:50%;height:100%;background:#fff;margin-right:3em;position:relative;padding-bottom:5rem}.blog-head .blog-next .card .img{position:relative;width:100%;height:17rem;background-size:cover;background-position:100%;border-radius:2em;overflow:hidden}.blog-head .blog-next .card .img img{position:absolute;width:100%}.blog-head .blog-next .card .text{color:#000;padding:1em;height:18rem;overflow:hidden;position:relative;width:95%;margin-bottom:3rem}.blog-head .blog-next .card h1{color:#505050;font-size:.8em;letter-spacing:.1em;margin-top:1em;font-family:Sailec-Regular,sans-serif}.blog-head .blog-next .card h2{color:#000;font-size:1em;margin-top:1rem}.blog-head .blog-next .card p{font-size:1.4rem;margin-top:1rem;color:#000;margin-bottom:2em}.blog-head .blog-next .card a{position:relative;margin-left:2rem}.blog-head .customer-bottom{height:100%;background:#1c0946;flex-direction:column}.blog-head .customer-bottom,.blog-head .customer-bottom .container{width:100%;position:relative;display:flex;justify-content:center;overflow:hidden;align-items:center}.blog-head .customer-bottom .container{height:45rem}.blog-head .customer-bottom .container img{position:absolute;width:100%;opacity:.5;top:0;left:0}.blog-head .customer-bottom .container .text{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:80%}.blog-head .customer-bottom .container .text p{color:#fff}.blog-head .customer-bottom .container .text h1{font-size:2em;margin:2rem 0}.blog-head .customer-bottom .container .text a{height:5rem;width:10rem;position:relative;background:red;display:flex;border-radius:2rem;align-items:center;justify-content:center;margin-top:5rem;overflow:hidden;transition:.5s ease-in}.blog-head .customer-bottom .container .text a:hover:before{content:"";background:absolute;width:100%;height:100%;transform:translateX(0);transform-origin:left;background:#1c0946;z-index:1;transition:.5s ease-in;border:none}.blog-head .customer-bottom .container .text a:before{content:"";background:absolute;width:100%;height:100%;background:#1c0946;z-index:1;transform:translateX(-200px);transition:1s ease-in;transform-origin:left;border:none}.blog-head .customer-bottom .container .text a img{position:absolute;height:100%;transform:scale(.3);z-index:2;opacity:1}.blog-head .customer-bottom .stay{height:100%;background:#000;width:100%;display:flex;align-items:center;padding-left:10rem;padding-bottom:5em;padding-top:5em}.blog-head .customer-bottom .stay .left{width:100%;height:10rem}.blog-head .customer-bottom .stay .left h2{font-size:1em;margin-bottom:.5em;font-weight:300}.blog-head .customer-bottom .stay .left a{color:#fff;font-size:1.2em;letter-spacing:.05em}.blog-head .customer-bottom .stay .left a h5{margin-bottom:3em}.blog-head .customer-bottom .stay .left .icons{display:flex;margin-top:2rem}.blog-head .customer-bottom .stay .left .upload{height:2rem;margin-right:.8rem}.blog-head .customer-bottom .stay .left .upload a{display:flex;color:#fff;align-items:center}.blog-head .customer-bottom .stay .left .upload .img{width:1.7rem;height:1.7rem;cursor:pointer;position:relative;margin-right:2rem}.blog-head .customer-bottom .stay .left .upload .img img{width:100%;height:100%;position:absolute}.blog-head .customer-bottom .stay .left .upload h2{font-size:1em}@media only screen and (max-width:70em){.blog-head .content-thumb img{height:100%;width:auto;left:-20rem}.blog-head .content-thumb .check img{left:0}.blog-head .nav{z-index:100;padding-left:3rem;background:#000}.blog-head .nav .nav-container{display:block}.blog-head .nav .nav-container .nav-icon{position:fixed}.blog-head .nav .wrapper{padding-top:0}.blog-head .nav .wrapper .brand{left:0;top:1rem}.blog-head .nav .wrapper .brand svg{transform:scale(1)}.blog-head .nav .wrapper .menu,.blog-head .nav .wrapper .resume{display:none}.blog-head .blog-items .card,.blog-head .blog-next .card{height:100%}.blog-head .blog-items .card .text,.blog-head .blog-next .card .text{width:100%}.blog-head .blog-items .card .img img,.blog-head .blog-next .card .img img{height:100%;width:auto;object-fit:fill}.blog-head .customer-bottom .container img{height:100%;width:auto}.blog-head .customer-bottom .container .text a img{width:100%}}@media only screen and (max-width:55em){.blog-head .content{border-radius:0}.blog-head .content-thumb img{height:100%;width:auto;left:-50rem}.blog-head .customer-bottom .stay{flex-direction:column;height:100%;padding-bottom:10rem;padding-top:10rem;padding-left:5rem}.blog-head .customer-bottom .stay .left,.blog-head .customer-bottom .stay .right{width:100%}.blog-head .customer-bottom .stay .left input,.blog-head .customer-bottom .stay .right input{width:40rem}.blog-head .customer-bottom .stay .left button,.blog-head .customer-bottom .stay .right button{bottom:0}.blog-head .customer-bottom .stay .left{margin-bottom:4rem}.blog-head .blog-items,.blog-head .blog-next{flex-direction:column}.blog-head .blog-items .card,.blog-head .blog-next .card{height:100%;width:100%}.blog-head .blog-items .card .img,.blog-head .blog-next .card .img{height:25rem}.blog-head .blog-items .card .text,.blog-head .blog-next .card .text{width:100%;height:15rem}.blog-head .blog-items .card .img img,.blog-head .blog-next .card .img img{width:110%;height:auto}}@media only screen and (max-width:35em){.blog-head .nav{z-index:100;padding-left:3rem}.blog-head .nav .nav-container{display:block}.blog-head .nav .nav-container .nav-icon{position:fixed}.blog-head .nav .wrapper{padding-top:0}.blog-head .nav .wrapper .brand{left:0;top:0}.blog-head .nav .wrapper .brand svg{transform:scale(.7)}.blog-head .nav .wrapper .menu,.blog-head .nav .wrapper .resume{display:none}.blog-head .content1{padding-left:5rem}.blog-head .content-thumb img{height:100%;width:auto;left:-50rem}.blog-head .content-thumb .opacity{opacity:.7}.blog-head .content-thumb .text{padding-left:4rem}.blog-head .content-thumb .text h1{font-size:1.5em}.blog-head .content-thumb .text h2{font-size:1.2em}.blog-head .content-thumb .check img{left:0}.blog-head .sub{bottom:0}.blog-head .content{border-radius:0}.blog-head .content svg{width:120%}.blog-head .content h1{font-size:1.3em}.blog-head .blog-items,.blog-head .blog-next{flex-direction:column;padding-left:1rem}.blog-head .blog-items .card,.blog-head .blog-next .card{height:100%;width:100%}.blog-head .blog-items .card .img,.blog-head .blog-next .card .img{height:25rem}.blog-head .blog-items .card .text,.blog-head .blog-next .card .text{width:100%;height:15rem}.blog-head .blog-items .card .img img,.blog-head .blog-next .card .img img{width:auto;height:120%}.blog-head .customer-bottom .stay{flex-direction:column;height:100%;padding-bottom:10rem;padding-top:10rem}.blog-head .customer-bottom .stay .left,.blog-head .customer-bottom .stay .right{width:100%}.blog-head .customer-bottom .stay .left input,.blog-head .customer-bottom .stay .right input{width:80%}.blog-head .customer-bottom .stay .left button,.blog-head .customer-bottom .stay .right button{bottom:-.5rem}.blog-head .customer-bottom .stay .left{margin-bottom:4rem}.blog-head .bottom-content{height:100%}.blog-head .bottom-content .container{flex-direction:column;height:100%;padding-bottom:10rem;padding-top:10rem}.blog-head .bottom-content .container .left,.blog-head .bottom-content .container .right{width:100%}.blog-head .bottom-content .container .left input,.blog-head .bottom-content .container .right input{width:80%}.blog-head .bottom-content .container .left button,.blog-head .bottom-content .container .right button{bottom:-.5rem}.blog-head .bottom-content .container .left{margin-bottom:4rem}.blog-head .customer-bottom .container .text a img{width:100%}}.case-head{height:100%}.case-head,.case-head .nav{position:relative;width:100%}.case-head .nav{height:10rem;padding-left:10rem;background:#000}.case-head .nav .wrapper{position:relative;display:flex;justify-content:center;width:100%;align-items:center;height:6rem;padding-top:2rem}.case-head .nav .wrapper .brand{position:relative;width:4rem;height:4rem;flex:1;left:2rem}.case-head .nav .wrapper .brand svg{transform:scale(.8);margin-top:.4em}.case-head .nav .wrapper .brand svg .cls-3{fill:#fff!important}.case-head .nav .wrapper .brand img{position:absolute;width:100%;height:100%}.case-head .nav .wrapper ul{position:relative;padding-top:1rem;display:flex;height:4rem;flex:2;padding-left:10%;padding-right:10%}.case-head .nav .wrapper ul li{padding-right:4rem}.case-head .nav .wrapper ul li a{font-size:1rem;font-family:Sailec-Medium,sans-serif;color:#fff}.case-head .nav .wrapper .resume{position:relative;flex:2;padding-top:1rem;padding-right:3rem}.case-head .nav .wrapper .resume li{display:flex;align-items:center;justify-content:center;cursor:pointer}.case-head .nav .wrapper .resume li a{font-size:1rem;font-family:Sailec-Medium,sans-serif;color:#fff;display:block;padding-right:1rem}.case-head .nav .wrapper .resume li span{position:relative;padding-top:.5rem}.case-head .nav .nav-container{position:absolute;padding:4rem;top:0;left:0;display:none;height:100%}.case-head .nav .nav-container .nav-icon{position:absolute;right:2rem;top:1.5rem;z-index:20;width:6rem;height:6rem;border-radius:1rem;cursor:pointer;position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:scale(.7);background:linear-gradient(90deg,var(--c-dark,20%),var(--c-accent,80%))}.case-head .nav .nav-container .nav-icon .bar1,.case-head .nav .nav-container .nav-icon .bar2,.case-head .nav .nav-container .nav-icon .bar3{width:20px;height:2px;margin:4px 0;transition:.4s;background-color:#fff;border-radius:1rem}.case-head .nav .nav-container .nav-icon .bar2{width:30px;transform-origin:right}.case-head .nav .nav-container .nav-anim .bar1{transform:rotate(-45deg) translate(-6px,7px)}.case-head .nav .nav-container .nav-anim .bar2{transform:translateX(200%);opacity:0}.case-head .nav .nav-container .nav-anim .bar3{transform:rotate(45deg) translate(-7px,-8px)}.case-head .nav .nav-container .nav-main{position:fixed;top:0;left:0;z-index:15;height:100%}.case-head .nav .nav-container .nav-main .trans1{position:absolute;height:100%;width:0;left:0;transform:skew(50deg);transform-origin:top left;background:#e9eafe}.case-head .nav .nav-container .nav-main .trans2{position:absolute;height:100%;width:0;left:-50rem;transform:skew(50deg);transform-origin:top left;background:#6b6fb3}.case-head .nav .nav-container .nav-main .trans3{position:absolute;height:100%;width:0;left:-150rem;transform:skew(50deg);transform-origin:top left;background:#333664}.case-head .nav .nav-container .nav-main .brand{position:absolute;top:0;margin-left:4rem;z-index:2;opacity:0;transform:scale(.9);margin-top:2rem}.case-head .nav .nav-container .nav-main__content{opacity:0;visibility:hidden;width:95vw;padding:20rem 1rem 10rem 4em;position:absolute;z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(35rem,1fr));grid-gap:4rem;color:#fff;height:100%;overflow-y:auto;overflow-x:hidden}.case-head .nav .nav-container .nav-main__content--box{display:flex;flex-direction:column;height:100%;margin-bottom:3rem}.case-head .nav .nav-container .nav-main__content--box h4{margin-bottom:2em}.case-head .nav .nav-container .nav-main__content--box .social-links{display:flex;flex-direction:column}.case-head .nav .nav-container .nav-main__content--box .social-links--box{display:flex;align-items:center;margin-bottom:2rem}.case-head .nav .nav-container .nav-main__content--box .social-links--box img{margin-right:6rem;height:1.7rem;transform:scale(1.5)}.case-head .nav .nav-container .nav-main__content--box .social-links--box:nth-child(2){margin-top:2rem}.case-head .nav .nav-container .nav-main__content--box .list{justify-self:flex-start}.case-head .nav .nav-container .nav-main__content--box .list__item{list-style:none}.case-head .nav .nav-container .nav-main__content--box .list__item:not(:last-child){margin-bottom:3.5rem}.case-head .nav .nav-container .nav-main__content--box .list__item a{text-transform:uppercase;font-size:2rem;text-decoration:none;color:#fff;font-family:Sailec-Medium,sans-serif;letter-spacing:2px;transition:all .2s ease-in-out}.case-head .nav .nav-container .nav-main__content--box .list__item span{margin-left:2rem;position:relative;top:.7rem}.case-head .nav .nav-container .nav-main__content--box .list__item span img{transform:scale(.8)}.case-head .content{height:35rem;width:100%;position:relative;margin-bottom:10rem;padding-top:10rem;overflow:hidden;padding-left:12rem;color:#000}.case-head .content h1{font-size:1.3em}.case-head .content .text{width:70rem}.case-head .content .text p{word-spacing:.1rem;letter-spacing:.1rem;margin-top:1.2rem;width:80%;font-size:1em;color:#000}.case-head .content ul{margin-top:2rem}.case-head .case-portfolio{height:100%;width:100%}.case-head .case-portfolio .card{position:relative;height:30rem;width:100%;background:red;padding-left:10rem}.case-head .single-head{height:60rem;width:100%;background:#fff;position:relative;color:#000;display:flex;overflow:hidden}.case-head .single-head img{position:absolute;top:0;left:0;width:100%}.case-head .logofolio-head{height:45rem;width:100%;background:#000;position:relative;color:#fff;display:flex;overflow:hidden}.case-head .logofolio-head img{position:absolute;width:100%}.case-head .logofolio-head .tools{position:absolute;width:100%;display:flex;height:10rem;justify-content:center;background:#000;bottom:0}.case-head .logofolio-head .tools .pro{margin-right:5rem;color:#fff}.case-head .logofolio-head .tools .pro p{font-size:.9em;color:#fff}.case-head .logofolio-head .tools .pro h1{font-size:.9em;margin-bottom:.3rem}.case-head .logofolio-head .tools .pro a{text-decoration:underline}.case-head .popcloud-head{height:60rem;width:100%;background:#1b2230;position:relative;overflow:hidden;color:#fff;display:flex}.case-head .popcloud-head img{position:absolute;width:100%}.case-head .bestask-head{height:60rem;width:100%;background:#6b88e8;position:relative;overflow:hidden;color:#fff;display:flex}.case-head .bestask-head img{position:absolute;width:100%}.case-head .case-body{height:100%;width:80%;margin:10rem auto}.case-head .case-body .begin{display:flex;height:100%;color:#000}.case-head .case-body .begin .left{width:50%}.case-head .case-body .begin .left h1{width:70%;font-size:2em;font-family:Sailec-Bold,sans-serif}.case-head .case-body .begin .right{width:50%}.case-head .case-body .begin .right p{width:100%;font-size:2em;color:#000}.case-head .popcloud-body{height:100%;width:100%;padding:10rem auto;background:#2c384c;overflow:hidden}.case-head .popcloud-body .begin{display:flex;height:100%;width:80%;margin:0 auto;color:#fff;padding-bottom:5em;background:#2c384c}.case-head .popcloud-body .begin .left{width:50%;padding-top:4em}.case-head .popcloud-body .begin .left h1{width:70%;font-size:2em;font-family:Sailec-Bold,sans-serif}.case-head .popcloud-body .begin .right{width:50%;padding-top:4em}.case-head .popcloud-body .begin .right p{width:100%;font-size:2em;color:#fff}.case-head .bestask-body{height:100%;width:100%;padding:10rem auto;background:#e9eafe;overflow:hidden}.case-head .bestask-body .begin{display:flex;height:100%;width:80%;margin:0 auto;color:#000}.case-head .bestask-body .begin .left{width:50%;padding-top:4em}.case-head .bestask-body .begin .left h1{width:70%;font-size:2em;font-family:Sailec-Bold,sans-serif}.case-head .bestask-body .begin .right{width:50%;padding-top:4em}.case-head .bestask-body .begin .right p{width:100%;font-size:2em;color:#000}.case-head .logofolio-template{height:100%;width:100%;margin:auto;color:#000;overflow:hidden;background:#000;display:flex;align-items:center;padding-bottom:5rem}.case-head .logofolio-template .card-container{display:flex;justify-content:center;width:135rem;margin:0 auto;flex-wrap:wrap;height:100%;padding-bottom:5rem}.case-head .logofolio-template .card-container .card{position:relative;height:60rem;width:40rem;overflow:hidden;margin-top:10rem;margin-right:5rem;border-radius:1rem}.case-head .logofolio-template .card-container .card img{position:absolute;height:100%}.case-head .jeff-template{height:100%;width:100%;margin:auto;background:#1b6451;overflow:hidden;display:flex;align-items:center;padding-bottom:5rem}.case-head .jeff-template .card-container{display:flex;justify-content:center;width:135rem;margin:0 auto;flex-wrap:wrap;height:100%;padding-bottom:5rem}.case-head .jeff-template .card-container .card{position:relative;height:60rem;width:40rem;overflow:hidden;margin-top:10rem;margin-right:5rem;border-radius:1rem}.case-head .jeff-template .card-container .card img{position:absolute;height:100%}.case-head .muse-template{height:100%;width:100%;margin:auto;background:#1b76ba;overflow:hidden;display:flex;align-items:center;padding-bottom:5rem}.case-head .muse-template .card-container{display:flex;justify-content:center;width:135rem;margin:0 auto;flex-wrap:wrap;height:100%;padding-bottom:5rem}.case-head .muse-template .card-container .card{position:relative;height:60rem;width:40rem;overflow:hidden;margin-top:10rem;margin-right:5rem;border-radius:1rem}.case-head .muse-template .card-container .card img{position:absolute;height:100%}.case-head .eaxy-template{height:100%;width:100%;margin:auto;background:#6b2dc9;overflow:hidden;display:flex;align-items:center;padding-bottom:5rem}.case-head .eaxy-template .card-container{display:flex;justify-content:center;width:135rem;margin:0 auto;flex-wrap:wrap;height:100%;padding-bottom:5rem}.case-head .eaxy-template .card-container .card{position:relative;height:60rem;width:40rem;overflow:hidden;margin-top:10rem;margin-right:5rem;border-radius:1rem}.case-head .eaxy-template .card-container .card img{position:absolute;height:100%}.case-head .daniels-template{height:100%;width:100%;margin:auto;background:#011614;overflow:hidden;display:flex;align-items:center;padding-bottom:5rem}.case-head .daniels-template .card-container{display:flex;justify-content:center;width:135rem;margin:0 auto;flex-wrap:wrap;height:100%;padding-bottom:5rem}.case-head .daniels-template .card-container .card{position:relative;height:60rem;width:40rem;overflow:hidden;margin-top:10rem;margin-right:5rem;border-radius:1rem}.case-head .daniels-template .card-container .card img{position:absolute;height:100%}.case-head .popcloud-template{height:100%;width:100%;background:#2c384c;padding-bottom:5em;padding-top:5em;overflow:hidden}.case-head .popcloud-template h1{font-size:1.5em;color:#fff;width:80%;margin:3rem auto}.case-head .popcloud-template p{color:#fff;font-size:1.2em;line-height:2em;width:80%;margin:0 auto}.case-head .popcloud-template .animate{display:flex;flex-direction:row;height:100%;margin:0 auto;justify-content:center;flex-wrap:wrap;padding-left:3em}.case-head .popcloud-template .animate .states{width:40rem;padding-top:10rem;margin-right:4rem;padding-bottom:4em}.case-head .popcloud-template .animate .states h1,.case-head .popcloud-template .animate .states p{width:100%}.case-head .popcloud-template .animate .mobile_state{height:70rem;width:40rem;position:relative;overflow:hidden}.case-head .popcloud-template .animate .mobile_state h1{font-size:1em;font-family:Sailec-Regular,sans-serif}.case-head .popcloud-template .animate .mobile_state video{position:absolute;height:100%;transform:scale(1)}.case-head .popcloud-template .temp{display:flex;flex-direction:row;height:100%;width:80%;margin:3em auto;justify-content:center;flex-wrap:wrap}.case-head .popcloud-template .temp .mobile_plain{height:70rem;width:38rem;position:relative;overflow:hidden;margin-right:3em}.case-head .popcloud-template .temp .mobile_plain h1{font-size:1em;font-family:Sailec-Regular,sans-serif}.case-head .popcloud-template .temp .mobile_plain img{position:absolute;height:100%}.case-head .popcloud-template .temp .mobile_plain video{position:absolute;height:100%;transform:scale(1.5)}.case-head .popcloud-template .temp .mobile_state{height:70rem;width:100rem;position:relative;overflow:hidden;margin:0 auto}.case-head .popcloud-template .temp .mobile_state h1{font-size:1em;font-family:Sailec-Regular,sans-serif}.case-head .popcloud-template .temp .mobile_state img{position:absolute;height:100%}.case-head .bestask-template{height:100%;width:100%;background:#e9eafe;padding-bottom:5em;padding-top:5em;overflow:hidden}.case-head .bestask-template h1{font-size:1.5em;color:#000;width:80%;margin:3rem auto}.case-head .bestask-template p{color:#000;font-size:1.2em;line-height:2em;width:80%;margin:0 auto}.case-head .bestask-template p span{font-family:Sailec-Medium,sans-serif}.case-head .bestask-template .space{margin-top:1rem}.case-head .bestask-template .animate{display:flex;flex-direction:row;height:100%;margin:2em auto;justify-content:center;flex-wrap:wrap;padding-left:3em}.case-head .bestask-template .animate .states{width:40rem;padding-top:10rem;margin-right:4rem;margin-bottom:4rem}.case-head .bestask-template .animate .states h1,.case-head .bestask-template .animate .states p{width:100%}.case-head .bestask-template .animate .mobile_state{height:60rem;width:40rem;position:relative;overflow:hidden;background:none}.case-head .bestask-template .animate .mobile_state h1{font-size:1em;font-family:Sailec-Regular,sans-serif}.case-head .bestask-template .animate .mobile_state video{position:absolute;height:100%;transform:scale(1)}.case-head .bestask-template .temp{display:flex;flex-direction:row;height:100%;width:80%;margin:3em auto;justify-content:center;flex-wrap:wrap}.case-head .bestask-template .temp .mobile_plain{height:70rem;width:38rem;position:relative;overflow:hidden;margin-right:3em}.case-head .bestask-template .temp .mobile_plain h1{font-size:1em;font-family:Sailec-Regular,sans-serif}.case-head .bestask-template .temp .mobile_plain img{position:absolute;height:100%}.case-head .bestask-template .temp .mobile_plain video{position:absolute;height:100%;transform:scale(1.5)}.case-head .bestask-template .temp .bestask_plain{height:50rem;width:30rem;position:relative;overflow:hidden;margin-right:3em;margin-bottom:3em}.case-head .bestask-template .temp .bestask_plain h1{font-size:1em;font-family:Sailec-Regular,sans-serif}.case-head .bestask-template .temp .bestask_plain img{position:absolute;height:100%}.case-head .bestask-template .temp .web{height:50rem;width:100%;position:relative;overflow:hidden;margin:auto}.case-head .bestask-template .temp .web img{position:absolute;height:100%;transform:scale(1)}.case-head .bestask-template .temp .mobile_state{height:70rem;width:100rem;position:relative;overflow:hidden;margin:0 auto}.case-head .bestask-template .temp .mobile_state h1{font-size:1em;font-family:Sailec-Regular,sans-serif}.case-head .bestask-template .temp .mobile_state img{position:absolute;height:100%}.case-head .popcloud-asset{height:100%;width:100%;background:#2c384c;padding-bottom:5em;padding-top:5em}.case-head .popcloud-asset h1{width:80%;margin:0 auto}.case-head .popcloud-asset .style-guide{height:100%;width:80%;display:flex;margin:1em auto;flex-wrap:wrap}.case-head .popcloud-asset .style-guide .fonts{width:55rem;height:100%;margin-bottom:6rem}.case-head .popcloud-asset .style-guide .fonts h5{font-size:6rem;margin-bottom:.2em;color:#222b3a;font-family:Sailec-Bold,sans-serif;text-shadow:2px 2px .3em #222d41;z-index:1}.case-head .popcloud-asset .style-guide .fonts h5:before{content:"Metropolis";position:absolute;font-size:6rem;text-shadow:2px 2px .05em #3a4c6b}.case-head .popcloud-asset .style-guide .fonts h3{font-size:1.2em;font-size:"Sailec-Regular",sans-serif;color:#222b3a;text-shadow:2px 2px .3em #222d41;word-spacing:.4em;margin-bottom:1em}.case-head .popcloud-asset .style-guide .fonts h3:before{content:"Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm";position:absolute;text-shadow:2px 2px .05em #3a4c6b}.case-head .popcloud-asset .style-guide .fonts h3:nth-of-type(2):before{content:"Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz";position:absolute;text-shadow:2px 2px .05em #3a4c6b}.case-head .popcloud-asset .style-guide .fonts h3:nth-of-type(3):before{content:"1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * ( )";position:absolute;text-shadow:2px 2px .05em #3a4c6b}.case-head .popcloud-asset .style-guide .fonts .text{display:flex;margin-bottom:4em}.case-head .popcloud-asset .style-guide .fonts .text h2{font-size:1.3em;margin-right:1.4em;color:#222b3a;text-shadow:2px 2px .3em #222d41}.case-head .popcloud-asset .style-guide .fonts .text h2:before{content:"Regular";position:absolute;text-shadow:2px 2px .05em #3a4c6b}.case-head .popcloud-asset .style-guide .fonts .text h2:nth-of-type(2):before{content:"Medium";position:absolute;text-shadow:2px 2px .05em #3a4c6b}.case-head .popcloud-asset .style-guide .fonts .text h2:nth-of-type(3):before{content:"Bold";position:absolute;text-shadow:2px 2px .05em #3a4c6b}.case-head .popcloud-asset .style-guide .colors{width:55rem;height:100%;margin-bottom:6rem}.case-head .popcloud-asset .style-guide .colors h4{color:#fff;font-size:1.5em;margin:1em auto}.case-head .popcloud-asset .style-guide .colors .select{display:flex;margin-top:1em;font-size:.8em}.case-head .popcloud-asset .style-guide .colors .select .first{height:6rem;width:17rem;position:relative;border-radius:1em;margin-right:2em;display:flex;align-items:center;justify-content:center}.case-head .popcloud-asset .style-guide .colors .select .first img{position:absolute;height:100%}.case-head .popcloud-asset .style-guide .colors .select .second{height:6rem;width:17rem;background:#38dbdd;border-radius:1em;margin-right:2em;display:flex;align-items:center;justify-content:center}.case-head .popcloud-asset .style-guide .colors .select .third{height:6rem;width:17rem;background:none;border-radius:1em;margin-right:2em;background:#fff;display:flex;align-items:center;justify-content:center}.case-head .popcloud-asset .style-guide .colors .icons{margin-top:1.5em}.case-head .popcloud-asset .style-guide .colors .icons p{margin-bottom:1em;color:#fff}.case-head .popcloud-asset .style-guide .colors .icons .icon{display:flex;margin-bottom:1.5em}.case-head .popcloud-asset .style-guide .colors .icons .icon .img{position:relative;height:2em;width:2.5em;border-radius:.4em;margin-right:1em;display:flex;align-items:center;justify-content:center}.case-head .popcloud-asset .style-guide .colors .icons .icon .img img{position:absolute;width:100%}.case-head .popcloud-asset .style-guide .colors p{color:#000;font-family:Sailec-Medium,sans-serif}.case-head .popcloud-asset .style-guide .colors h1{font-size:5rem;margin-bottom:.2em;color:#535353;font-family:Sailec-Bold,sans-serif}.case-head .popcloud-asset .style-guide .colors h3{font-size:1em;font-size:"Sailec-Regular",sans-serif;color:#535353;word-spacing:.4em;margin-bottom:1em}.case-head .popcloud-asset .style-guide .colors .text{display:flex;margin-bottom:1em}.case-head .popcloud-asset .style-guide .colors .text h2{font-size:1em;margin-right:1.4em}.case-head .popcloud-asset .paragraph{width:80%;margin:0 auto}.case-head .popcloud-asset .paragraph p{color:#fff;font-size:1.2em;line-height:2em}.case-head .bestask-asset{height:100%;width:100%;background:#e9eafe;padding-bottom:5em;padding-top:5em}.case-head .bestask-asset h1{width:80%;margin:0 auto;color:#474bd9}.case-head .bestask-asset .style-guide{height:100%;width:80%;display:flex;margin:1em auto;flex-wrap:wrap;overflow:hidden}.case-head .bestask-asset .style-guide .fonts{width:55rem;height:100%;margin-bottom:6rem;margin-right:2em}.case-head .bestask-asset .style-guide .fonts h4{color:#000;font-size:1.5em;margin:1em auto}.case-head .bestask-asset .style-guide .fonts p{color:#000;font-size:1.2em;line-height:2em}.case-head .bestask-asset .style-guide .fonts h5{font-size:6rem;margin-bottom:.2em;color:#000;font-family:Sailec-Bold,sans-serif;z-index:1}.case-head .bestask-asset .style-guide .fonts h3{font-size:1.2em;font-size:"Sailec-Regular",sans-serif;color:#000;word-spacing:.4em;margin-bottom:1em}.case-head .bestask-asset .style-guide .fonts .text{display:flex;margin-bottom:4em}.case-head .bestask-asset .style-guide .fonts .text h2{font-size:1.3em;margin-right:1.4em;color:#000}.case-head .bestask-asset .style-guide .colors{width:55rem;height:100%;margin-bottom:6rem;margin-right:3rem}.case-head .bestask-asset .style-guide .colors .space{margin:1em auto}.case-head .bestask-asset .style-guide .colors h4{color:#000;font-size:1.2em;margin:1em auto}.case-head .bestask-asset .style-guide .colors p{color:#000;font-size:1.2em;line-height:2em}.case-head .bestask-asset .style-guide .colors p span{font-family:Sailec-Medium,sans-serif;margin-right:1.5em}.case-head .bestask-asset .style-guide .colors .select{display:flex;margin-top:1em;font-size:.8em}.case-head .bestask-asset .style-guide .colors .select .first{height:6rem;width:17rem;position:relative;border-radius:1em;margin-right:2em;display:flex;align-items:center;justify-content:center}.case-head .bestask-asset .style-guide .colors .select .first img{position:absolute;height:100%}.case-head .bestask-asset .style-guide .colors .select .second{height:4rem;width:17rem;background:linear-gradient(#474bd9,#6b88e8);border-radius:1em;margin-right:2em;display:flex;align-items:center;justify-content:center}.case-head .bestask-asset .style-guide .colors .select .second p{font-size:1em}.case-head .bestask-asset .style-guide .colors .select .second:nth-child(2){background:linear-gradient(#2ebbcb,#40c2d6);border-radius:1em;margin-right:2em;display:flex;align-items:center;justify-content:center}.case-head .bestask-asset .style-guide .colors .select .second:nth-child(3){background:linear-gradient(#a657d2,#4c00b6);border-radius:1em;margin-right:2em;display:flex;align-items:center;justify-content:center}.case-head .bestask-asset .style-guide .colors .select .third{height:4rem;width:17rem;background:#333664;border-radius:1em;margin-right:2em;display:flex;align-items:center;justify-content:center}.case-head .bestask-asset .style-guide .colors .select .third p{font-size:1em;color:#fff}.case-head .bestask-asset .style-guide .colors .select .third:nth-child(2){background:#0964ff;border-radius:1em;margin-right:2em;display:flex;align-items:center;justify-content:center}.case-head .bestask-asset .style-guide .colors .select .third:nth-child(3){background:#fff;border-radius:1em;margin-right:2em;display:flex;align-items:center;justify-content:center}.case-head .bestask-asset .style-guide .colors .select .third:nth-child(3) p{color:#000}.case-head .bestask-asset .style-guide .colors .icons{margin-top:1.5em}.case-head .bestask-asset .style-guide .colors .icons p{margin-bottom:1em;color:#fff}.case-head .bestask-asset .style-guide .colors .icons .icon{display:flex;margin-bottom:1.5em}.case-head .bestask-asset .style-guide .colors .icons .icon .img{position:relative;height:2em;width:2.5em;border-radius:.4em;margin-right:1em;display:flex;align-items:center;justify-content:center}.case-head .bestask-asset .style-guide .colors .icons .icon .img img{position:absolute;width:100%}.case-head .bestask-asset .style-guide .colors h1{font-size:5rem;margin-bottom:.2em;color:#535353;font-family:Sailec-Bold,sans-serif}.case-head .bestask-asset .style-guide .colors h3{font-size:1em;font-size:"Sailec-Regular",sans-serif;color:#535353;word-spacing:.4em;margin-bottom:1em}.case-head .bestask-asset .style-guide .colors .text{display:flex;margin-bottom:1em}.case-head .bestask-asset .style-guide .colors .text h2{font-size:1em;margin-right:1.4em}.case-head .bestask-asset .paragraph{width:80%;margin:0 auto}.case-head .bestask-asset .paragraph p{color:#000;font-size:1.2em;line-height:2em}.case-head .case-template{height:100%;width:80%;margin:7rem auto;color:#000;overflow:hidden;padding-bottom:10rem}.case-head .case-template .get{margin-top:5em}.case-head .case-template p{color:#6d6d6d;font-size:1.2em;line-height:2em}.case-head .case-template h1{font-size:1.5em;margin-bottom:3rem}.case-head .case-template .card-container{display:flex;justify-content:center;width:100rem;margin:0 auto}.case-head .case-template .card-container .card{position:relative;height:30rem;width:40rem;overflow:hidden;margin-top:10rem;margin-right:5rem;border-radius:1rem}.case-head .case-template .card-container .card:nth-of-type(2){margin-top:15rem}.case-head .case-template .card-container .card:nth-of-type(2) img{left:-2rem}.case-head .case-template .card-container .card:nth-of-type(3){margin-top:20rem}.case-head .case-template .card-container .card:nth-of-type(3) img{left:-7rem}.case-head .case-template .card-container .card img{position:absolute;height:100%}.case-head .case-template .identity-container{display:flex;margin-bottom:6rem}.case-head .case-template .identity-container .branding{display:flex;width:50%;height:100%;flex-direction:column}.case-head .case-template .identity-container .branding .colors{display:flex;width:100%;margin-bottom:7rem}.case-head .case-template .identity-container .branding .colors h1{font-size:.9em}.case-head .case-template .identity-container .branding .colors .yellow{height:10rem;width:40rem;margin-right:5rem}.case-head .case-template .identity-container .branding .colors .yellow h1{padding-left:2rem;padding-top:2rem}.case-head .case-template .identity-container .branding .colors .yellow .seg{height:5rem;width:100%;display:flex}.case-head .case-template .identity-container .branding .colors .yellow .seg .first{height:5rem;width:50%;background:#ffc800;padding:1rem 3rem}.case-head .case-template .identity-container .branding .colors .yellow .seg .first:nth-child(2){background:#fce517}.case-head .case-template .identity-container .branding .colors .yellow .seg .first p{color:#fff;font-size:1em}.case-head .case-template .identity-container .branding .colors .black{height:10rem;width:40rem}.case-head .case-template .identity-container .branding .colors .black h1{padding-left:2rem;padding-top:2rem}.case-head .case-template .identity-container .branding .colors .black .seg{height:5rem;width:100%;display:flex}.case-head .case-template .identity-container .branding .colors .black .seg .first{height:5rem;width:50%;background:#000;padding:1rem 3rem}.case-head .case-template .identity-container .branding .colors .black .seg .first:nth-child(2){background:#838383}.case-head .case-template .identity-container .branding .colors .black .seg .first p{color:#fff;font-size:1em}.case-head .case-template .identity-container .branding .text{width:80%;height:20rem}.case-head .case-template .identity-container .branding .text .alpha{display:flex;justify-content:space-between}.case-head .case-template .identity-container .branding .text .alpha h1{font-size:6em;font-family:Sailec-Regular,sans-serif}.case-head .case-template .identity-container .branding .text .letters{width:100%;display:block}.case-head .case-template .identity-container .branding .text .letters h3{font-size:1.2em;font-size:"Sailec-Regular",sans-serif;color:#000;word-spacing:.4em;margin-bottom:1em}.case-head .case-template .identity-container .mobile{height:50rem;width:50%;position:relative}.case-head .case-template .identity-container .mobile img{position:absolute;width:100%;transform:scale(2);right:5rem}.case-head .case-template .project-container{margin-bottom:0;width:100%}.case-head .case-template .project-container .branding{display:flex;width:100%;height:100%}.case-head .case-template .project-container .branding .quote{font-size:1.2em;width:60rem}.case-head .case-template .project-container .temp{display:flex;flex-direction:row;height:100%;margin-top:6rem}.case-head .case-template .project-container .temp .states{width:40%}.case-head .case-template .project-container .temp .web{height:70rem;width:70%;position:relative;overflow:hidden;margin-right:5rem}.case-head .case-template .project-container .temp .web h1{font-size:1em;font-family:Sailec-Regular,sans-serif}.case-head .case-template .project-container .temp .web img{position:absolute;height:100%;transform:scale(1)}.case-head .case-template .project-container .temp .mobile_plain{height:70rem;width:30%;position:relative;overflow:hidden}.case-head .case-template .project-container .temp .mobile_plain h1{font-size:1em;font-family:Sailec-Regular,sans-serif}.case-head .case-template .project-container .temp .mobile_plain img,.case-head .case-template .project-container .temp .mobile_plain video{position:absolute;height:100%;transform:scale(1)}.case-head .case-template .project-container .temp .mobile_state{height:50rem;width:40rem;position:relative;overflow:hidden}.case-head .case-template .project-container .temp .mobile_state h1{font-size:1em;font-family:Sailec-Regular,sans-serif}.case-head .case-template .project-container .temp .mobile_state video{position:absolute;height:100%;transform:scale(1)}.case-head .case-template .mobile-container{margin:6rem auto 0;width:80rem}.case-head .case-template .mobile-container h1{font-size:2em;color:#000}.case-head .case-template .mobile-container .temp{display:flex;flex-direction:row;height:100%;margin-top:6rem;justify-content:space-between}.case-head .case-template .mobile-container .temp .states{width:40rem;margin-right:6rem;padding-top:10rem}.case-head .case-template .mobile-container .temp .states:last-of-type{margin-left:6rem;margin-right:0}.case-head .case-template .mobile-container .temp .mobile_state{height:50rem;width:40rem;position:relative;overflow:hidden}.case-head .case-template .mobile-container .temp .mobile_state h1{font-size:1em;font-family:Sailec-Regular,sans-serif}.case-head .case-template .mobile-container .temp .mobile_state video{position:absolute;height:100%;transform:scale(1)}.case-head .case-template .mobile-container .collaboration{margin:15rem auto 3rem}.case-head .case-template .mobile-container .collaboration h1{margin-bottom:2rem}.case-head .blog-items{display:flex;top:0;width:90%;padding-left:5rem;position:relative;height:100%;justify-content:center;overflow:hidden;margin:auto auto 4rem}.case-head .blog-items .card{width:50%;height:100%;background:#fff;margin-right:3em;position:relative;padding-bottom:5rem}.case-head .blog-items .card .img{position:relative;width:100%;height:17rem;background-size:cover;background-position:100%;border-radius:2em;overflow:hidden}.case-head .blog-items .card .img img{position:absolute;width:100%}.case-head .blog-items .card .text{color:#000;padding:1em;height:18rem;overflow:hidden;position:relative;width:95%;margin-bottom:3rem}.case-head .blog-items .card h1{color:#505050;font-size:.8em;letter-spacing:.1em;margin-top:1em;font-family:Sailec-Regular,sans-serif}.case-head .blog-items .card h2{color:#000;font-size:1em;margin-top:1rem}.case-head .blog-items .card p{font-size:1.4rem;margin-top:1rem;color:#000;margin-bottom:2em}.case-head .blog-items .card a{position:relative;margin-left:2rem}.case-head .blog-next{display:flex;top:0;width:90%;padding-left:5rem;position:relative;height:100%;justify-content:center;overflow:hidden;margin:auto auto 4rem}.case-head .blog-next .card{width:50%;height:100%;background:#fff;margin-right:3em;position:relative;padding-bottom:5rem}.case-head .blog-next .card .img{position:relative;width:100%;height:17rem;background-size:cover;background-position:100%;border-radius:2em;overflow:hidden}.case-head .blog-next .card .img img{position:absolute;width:100%}.case-head .blog-next .card .text{color:#000;padding:1em;height:18rem;overflow:hidden;position:relative;width:95%;margin-bottom:3rem}.case-head .blog-next .card h1{color:#505050;font-size:.8em;letter-spacing:.1em;margin-top:1em;font-family:Sailec-Regular,sans-serif}.case-head .blog-next .card h2{color:#000;font-size:1em;margin-top:1rem}.case-head .blog-next .card p{font-size:1.4rem;margin-top:1rem;color:#000;margin-bottom:2em}.case-head .blog-next .card a{position:relative;margin-left:2rem}.case-head .bottom-content{height:30rem;width:100%;background:linear-gradient(180deg,#afddff,#5885ff);position:relative;margin-top:20rem;display:flex;justify-content:center;overflow:hidden;flex-direction:column;align-items:center}.case-head .bottom-content .container{display:flex;align-items:center;justify-content:space-between;width:80%}.case-head .bottom-content .container .left{width:30rem;height:10rem}.case-head .bottom-content .container .left h2{font-size:.8em;margin-bottom:.5em;letter-spacing:.1em;font-weight:300;color:#000}.case-head .bottom-content .container .left a{color:#fff;font-size:1.2em;letter-spacing:.05em}.case-head .bottom-content .container .left .icons{display:flex;margin-top:2rem}.case-head .bottom-content .container .left .upload{height:2rem;margin-right:.8rem}.case-head .bottom-content .container .left .upload a{display:flex;color:#fff;align-items:center}.case-head .bottom-content .container .left .upload .img{width:1.7rem;height:1.7rem;cursor:pointer;position:relative;margin-right:2rem}.case-head .bottom-content .container .left .upload .img img{width:100%;height:100%;position:absolute}.case-head .bottom-content .container .left .upload h2{font-size:1em}.case-head .bottom-content .container .right{width:30rem;height:10rem}.case-head .bottom-content .container .right h2{font-size:.8em;letter-spacing:.1em;margin-bottom:1rem;font-weight:300;color:#000}.case-head .bottom-content .container .right input{height:4rem;width:20rem;outline:none;border:none;padding:1rem;font-size:.8em;color:#000}.case-head .bottom-content .container .right button{height:4rem;width:5rem;outline:none;border:none;padding:1rem;left:-1rem;position:relative;background:linear-gradient(180deg,#afddff,#5885ff);cursor:pointer}.case-head .customer-bottom{height:100%;background:#1c0946;flex-direction:column}.case-head .customer-bottom,.case-head .customer-bottom .container{width:100%;position:relative;display:flex;justify-content:center;overflow:hidden;align-items:center}.case-head .customer-bottom .container{height:45rem}.case-head .customer-bottom .container img{position:absolute;width:100%;opacity:.5;top:0;left:0}.case-head .customer-bottom .container .text{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:80%}.case-head .customer-bottom .container .text p{color:#fff}.case-head .customer-bottom .container .text h1{font-size:2em;margin:2rem 0}.case-head .customer-bottom .container .text a{height:5rem;width:10rem;position:relative;background:red;display:flex;border-radius:2rem;align-items:center;justify-content:center;margin-top:5rem;overflow:hidden;transition:.5s ease-in}.case-head .customer-bottom .container .text a:hover:before{content:"";background:absolute;width:100%;height:100%;transform:translateX(0);transform-origin:left;background:#1c0946;z-index:1;transition:.5s ease-in;border:none}.case-head .customer-bottom .container .text a:before{content:"";background:absolute;width:100%;height:100%;background:#1c0946;z-index:1;transform:translateX(-200px);transition:1s ease-in;transform-origin:left;border:none}.case-head .customer-bottom .container .text a img{position:absolute;height:100%;transform:scale(.3);z-index:2;opacity:1}.case-head .customer-bottom .stay{height:100%;background:#000;width:100%;display:flex;align-items:center;padding-left:10rem;padding-bottom:5em;padding-top:5em}.case-head .customer-bottom .stay .left{width:100%;height:10rem}.case-head .customer-bottom .stay .left h2{font-size:1em;margin-bottom:.5em;font-weight:300}.case-head .customer-bottom .stay .left a{color:#fff;font-size:1.2em;letter-spacing:.05em}.case-head .customer-bottom .stay .left a h5{margin-bottom:3em}.case-head .customer-bottom .stay .left .icons{display:flex;margin-top:2rem}.case-head .customer-bottom .stay .left .upload{height:2rem;margin-right:.8rem}.case-head .customer-bottom .stay .left .upload a{display:flex;color:#fff;align-items:center}.case-head .customer-bottom .stay .left .upload .img{width:1.7rem;height:1.7rem;cursor:pointer;position:relative;margin-right:2rem}.case-head .customer-bottom .stay .left .upload .img img{width:100%;height:100%;position:absolute}.case-head .customer-bottom .stay .left .upload h2{font-size:1em}@media only screen and (max-width:70em){.case-head .content-thumb img{height:100%;width:auto;left:-20rem}.case-head .content-thumb .check img{left:0}.case-head .nav{z-index:100;padding-left:3rem}.case-head .nav .nav-container{display:block}.case-head .nav .nav-container .nav-icon{position:fixed}.case-head .nav .wrapper{padding-top:0}.case-head .nav .wrapper .brand{left:0;top:1rem}.case-head .nav .wrapper .brand svg{transform:scale(1)}.case-head .nav .wrapper .menu,.case-head .nav .wrapper .resume{display:none}.case-head .blog-items .card,.case-head .blog-next .card{height:100%}.case-head .blog-items .card .text,.case-head .blog-next .card .text{width:100%}.case-head .blog-items .card .img img,.case-head .blog-next .card .img img{height:100%;width:auto;object-fit:fill}.case-head .bestask-head img,.case-head .popcloud-head img{height:100%;width:auto}.case-head .case-template{width:90%}.case-head .case-template .card-container,.case-head .case-template .project-container .temp{width:100%;flex-wrap:wrap}.case-head .case-template .project-container .temp .web{margin-bottom:4em;width:100%}.case-head .case-template .project-container .temp .web img{height:auto;width:100%}.case-head .case-template .project-container .temp .mobile_plain{width:100%;margin:4em auto}.case-head .case-template .project-container .temp .mobile_plain img{height:100%;width:auto}.case-head .case-template .mobile-container{width:100%}.case-head .case-template .mobile-container .temp{flex-wrap:wrap;margin-bottom:10em}.case-head .case-template .mobile-container .temp .states{margin-bottom:4em;width:100%}.case-head .case-template .mobile-container .temp .states:last-of-type{margin-left:0}.case-head .case-template .identity-container .branding .text,.case-head .customer-bottom .container .text a img{width:100%}}@media only screen and (max-width:55em){.case-head .content{border-radius:0}.case-head .content-thumb img{height:100%;width:auto;left:-50rem}.case-head .customer-bottom .stay{flex-direction:column;height:100%;padding-bottom:10rem;padding-top:10rem;padding-left:5rem}.case-head .customer-bottom .stay .left,.case-head .customer-bottom .stay .right{width:100%}.case-head .customer-bottom .stay .left input,.case-head .customer-bottom .stay .right input{width:40rem}.case-head .customer-bottom .stay .left button,.case-head .customer-bottom .stay .right button{bottom:0}.case-head .customer-bottom .stay .left{margin-bottom:4rem}.case-head .blog-items,.case-head .blog-next{flex-direction:column}.case-head .blog-items .card,.case-head .blog-next .card{height:100%;width:100%}.case-head .blog-items .card .img,.case-head .blog-next .card .img{height:25rem}.case-head .blog-items .card .text,.case-head .blog-next .card .text{width:100%;height:15rem}.case-head .blog-items .card .img img,.case-head .blog-next .card .img img{width:110%;height:auto}.case-head .customer-bottom .container img{height:100%;width:auto}}@media only screen and (max-width:35em){.case-head .nav{z-index:100;padding-left:3rem}.case-head .nav .nav-container{display:block}.case-head .nav .nav-container .nav-icon{position:fixed}.case-head .nav .wrapper{padding-top:0}.case-head .nav .wrapper .brand{left:0;top:0}.case-head .nav .wrapper .brand svg{transform:scale(.7)}.case-head .nav .wrapper .menu,.case-head .nav .wrapper .resume{display:none}.case-head .content1{padding-left:5rem}.case-head .content-thumb img{height:100%;width:auto;left:-50rem}.case-head .content-thumb .opacity{opacity:.7}.case-head .content-thumb .text{padding-left:4rem}.case-head .content-thumb .text h1{font-size:1.5em}.case-head .content-thumb .text h2{font-size:1.2em}.case-head .content-thumb .check img{left:0}.case-head .sub{bottom:0}.case-head .content{border-radius:0}.case-head .content svg{height:60%;width:auto}.case-head .content h1{font-size:1.3em}.case-head .blog-items,.case-head .blog-next{flex-direction:column;padding-left:1rem}.case-head .blog-items .card,.case-head .blog-next .card{height:100%;width:100%}.case-head .blog-items .card .img,.case-head .blog-next .card .img{height:25rem}.case-head .blog-items .card .text,.case-head .blog-next .card .text{width:100%;height:15rem}.case-head .blog-items .card .img img,.case-head .blog-next .card .img img{width:auto;height:120%}.case-head .customer-bottom .container img{height:100%;width:auto}.case-head .customer-bottom .stay{flex-direction:column;height:100%;padding-bottom:10rem;padding-top:10rem}.case-head .customer-bottom .stay .left{margin-bottom:4rem;width:100%}.case-head .bottom-content{height:100%}.case-head .bottom-content .container{flex-direction:column;height:100%;padding-bottom:10rem;padding-top:10rem}.case-head .bottom-content .container .left,.case-head .bottom-content .container .right{width:100%}.case-head .bottom-content .container .left input,.case-head .bottom-content .container .right input{width:80%}.case-head .bottom-content .container .left button,.case-head .bottom-content .container .right button{bottom:-.5rem}.case-head .bottom-content .container .left{margin-bottom:4rem}.case-head .bestask-head img{height:100%;width:auto}.case-head .popcloud-head{overflow:hidden}.case-head .popcloud-head img{height:100%;width:auto;left:-5em}.case-head .single-head{overflow:hidden}.case-head .single-head img{height:100%;width:auto;left:-5em}.case-head .bestask-template .temp .bestask_plain{margin-right:0}.case-head .bestask-template .temp .web img{left:-9.5em}.case-head .bestask-asset .style-guide .colors .select .second:nth-child(3),.case-head .bestask-asset .style-guide .colors .select .third:nth-child(3){display:none}.case-head .bestask-asset .style-guide .colors .icons .icon{flex-wrap:wrap}.case-head .bestask-asset .style-guide .colors .icons .icon .img{margin-bottom:2em}.case-head .popcloud-asset .style-guide .colors{width:100%}.case-head .popcloud-asset .style-guide .colors .select{flex-wrap:wrap}.case-head .popcloud-asset .style-guide .colors .select .first{margin-bottom:2em}.case-head .popcloud-template .temp .mobile_state img{left:-7em}.case-head .popcloud-template .temp .mobile_plain img{left:0;height:90%}.case-head .logofolio-head img{height:100%;left:-10em;width:auto}.case-head .daniels-template .card-container .card,.case-head .eaxy-template .card-container .card,.case-head .jeff-template .card-container .card,.case-head .logofolio-head .tools .pro:nth-child(3n),.case-head .logofolio-template .card-container .card,.case-head .muse-template .card-container .card{margin-right:0}.case-head .case-template .card-container{width:100%;flex-wrap:wrap}.case-head .case-template .card-container .card{margin-right:0}.case-head .case-template .project-container .temp{flex-wrap:wrap}.case-head .case-template .identity-container .branding{width:100%}.case-head .case-template .identity-container .branding .colors{flex-wrap:wrap}.case-head .case-template .identity-container .branding .colors .black,.case-head .case-template .identity-container .branding .colors .yellow{width:100%}.case-head .case-template .identity-container .branding .colors .yellow{margin-bottom:3em;margin-right:0}.case-head .case-template .identity-container .branding .text{width:100%}.case-head .case-template .identity-container .branding .text .alpha h1{font-size:4em}.case-head .case-template .identity-container .branding .text .letter,.case-head .case-template .identity-container .branding .text .letter p{width:100%}}@media only screen and (max-width:20em){.case-head .bestask-body .begin{flex-direction:column}.case-head .bestask-body .begin .left,.case-head .bestask-body .begin .left h1,.case-head .bestask-body .begin .right,.case-head .bestask-body .begin .right h1{width:100%}.case-head .popcloud-body .begin{flex-direction:column}.case-head .popcloud-body .begin .left,.case-head .popcloud-body .begin .left h1,.case-head .popcloud-body .begin .right,.case-head .popcloud-body .begin .right h1{width:100%}.case-head .case-body .begin{flex-direction:column}.case-head .case-body .begin .left,.case-head .case-body .begin .right{width:100%}.case-head .case-body .begin .left h1,.case-head .case-body .begin .right h1{width:100%;margin-bottom:2em}.case-head .popcloud-head{overflow:hidden}.case-head .popcloud-head img{height:100%;width:auto;left:-25em}.case-head .single-head{overflow:hidden}.case-head .single-head img{height:100%;width:auto;left:-25em}.case-head .popcloud-template .temp .mobile_plain{margin-right:0}.case-head .popcloud-template .temp .mobile_plain img{height:80%}.case-head .popcloud-template .temp .mobile_state img{left:-5em;height:80%}.case-head .popcloud-template .animate{padding-left:3em}.case-head .popcloud-template .animate .states{margin-right:4rem;margin-bottom:7rem}.case-head .popcloud-template .animate .mobile_state video{height:90%}.case-head .daniels-template .card-container .card,.case-head .eaxy-template .card-container .card,.case-head .jeff-template .card-container .card,.case-head .logofolio-template .card-container .card,.case-head .muse-template .card-container .card{margin-right:0;width:35rem}.case-head .logofolio-head img{height:100%;left:-15em;width:auto}.case-head .logofolio-head .tools .pro:nth-child(3n){margin-right:0}.case-head .case-template .project-container .temp{flex-wrap:wrap;width:100%}.case-head .case-template .project-container .temp .web{margin-bottom:4em;width:100%;margin-right:0}.case-head .case-template .project-container .temp .web img{height:auto;width:140%}.case-head .case-template .project-container .temp .mobile_plain{width:100%}.case-head .case-template .project-container .temp .mobile_plain img{height:100%;width:auto}}
/*# sourceMappingURL=ecommerce.11885209.css.map */