p{margin:0;padding:0}h3{font-size:1.2rem}h3 .sub-title{color:#4a5762;display:block;font-size:.8rem;padding-top:.25rem}.btn-custom{background-color:#953150;border:0;border-left:8px solid #283138;border-radius:0;color:#fff;font-weight:700;margin-top:auto}@media screen and (max-width:767px){.btn-custom{margin:.25rem!important}}ul{list-style:none;list-style-position:inside;padding-left:1.1rem;padding-top:.5rem}ul li{line-height:1.2;padding-bottom:.9rem}ul li:before{background-image:url(../../_assets/img/0f421c67131790f3f96ea7660c405e71.svg);background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:.8em;margin-left:-1.1rem;margin-right:.25em;width:.8em}.inner-list{list-style:square}.inner-list li{padding-bottom:.5rem}.inner-list li:before{display:none}.inner-list li:last-child{padding-bottom:0}.sub-date{border-bottom:1px dashed gray;color:#283138!important;font-size:14px;font-weight:700;margin-bottom:.25rem;padding-bottom:.25rem!important;text-align:right}.feature{border-bottom:20px solid #953150;border-top:20px solid #641f35;display:flex;flex-direction:row;overflow:hidden;position:relative;width:100%}.feature .prof{color:#ffb1ca;font-size:.9rem;padding:0 0 .25rem;width:100%}@media screen and (max-width:767px){.feature .prof{font-size:.8rem;line-height:1;margin-bottom:-8px}}.feature .skill-link{color:#fff;display:block;height:100%;padding:1rem;text-decoration:none;width:100%}.feature .skill-link i{-webkit-animation:MoveUpDown 1s linear infinite;animation:MoveUpDown 1s linear infinite;bottom:10px;color:#fff;display:block;left:calc(50% - 6px);position:absolute}@media screen and (max-width:576px){.feature .skill-link{padding:.25rem .5rem}}@-webkit-keyframes MoveUpDown{0%,to{bottom:10px}50%{bottom:12px}}@keyframes MoveUpDown{0%,to{bottom:10px}50%{bottom:12px}}.flip-card{background-color:transparent;height:8.03571vw;perspective:1000px;width:14.28571%}@media screen and (max-width:1400px){.flip-card{height:11.25vw;width:20%}}@media screen and (max-width:1200px){.flip-card{height:14.0625vw;width:25%}}@media screen and (max-width:991px){.flip-card{height:18.75vw;width:33.33333%}}@media screen and (max-width:767px){.flip-card{height:calc(28.125vw - 8px);width:50%}}.flip-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s;width:100%}.flip180,.flip-card:focus .flip-card-inner,.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}@-webkit-keyframes rotateCard{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}@keyframes rotateCard{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}.flip-back,.flip-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.flip-front .cover{background:#000;background:radial-gradient(circle,transparent 35%,rgba(0,0,0,.239) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@-webkit-keyframes anim0{0%{opacity:1}to{opacity:0}}@keyframes anim0{0%{opacity:1}to{opacity:0}}@-webkit-keyframes anim1{0%{opacity:0}to{opacity:1}}@keyframes anim1{0%{opacity:0}to{opacity:1}}.opacity0{-webkit-animation:anim0 .25s;animation:anim0 .25s}.opacity1{-webkit-animation:anim1 .25s;animation:anim1 .25s}.flip-front{background-color:#bbb;color:#000}.flip-front img{min-height:100%;-o-object-fit:cover;object-fit:cover}.flip-back{background-color:#51192b;border-left:10px solid #c18799;color:#fff;transform:rotateY(180deg)}.flip-back .dynamic-text{font-weight:700;padding:0;text-align:left;text-transform:uppercase}.stars{display:flex;position:absolute;top:3.5rem}@media screen and (max-width:767px){.stars{top:2.5rem}}.skill-stars{display:flex;position:absolute;top:3.5rem}.star{color:#b0657c;display:inline-block;font-size:x-large;height:20px;position:relative;width:20px}.star:last-child{margin-right:0}.star:before{content:"★"}.star.on{color:#fff}.star.half:after{color:#fff;content:"★";left:0;overflow:hidden;position:absolute;top:0;width:10px}header{padding:1rem 0}.frank{background:#953150;background:linear-gradient(0deg,#953150 30%,rgba(149,49,80,.662) 65%,rgba(149,49,80,0) 90%);border-radius:50%;display:flex;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#953150",endColorstr="#953150",GradientType=1);height:150px;justify-content:center;overflow:hidden;width:150px}.frank #frank{margin-top:10px;width:115px}.frank #frank .svg-frank{fill:#000}@media screen and (max-width:767px){.frank{height:100px;width:100px}.frank #frank{width:64px}}@media screen and (max-width:540px){.frank{height:80px;width:80px}}.header-container{align-items:center;display:flex}.header-container .title-area{display:flex;flex-direction:column;justify-content:center;margin-left:1rem;max-width:calc(100% - 100px - 1rem);padding-right:1rem}.header-container .title-area .h1,.header-container .title-area p{margin:0;padding:0;text-transform:uppercase}.header-container .title-area p{color:#953150;font-size:1.2rem;line-height:1.2}@media screen and (max-width:767px){.header-container .title-area .h1{font-size:1.4rem}.header-container .title-area p{font-size:1rem}}section{background-color:#ebebeb;display:flex;flex-direction:row;margin:0;opacity:1;padding-right:30px;position:relative;transition:opacity 1s}section .tease{color:#953150;font-size:1.05rem;line-height:1.2;margin:1rem auto 2rem;max-width:900px;padding:.5rem .5rem 0;text-align:center}section h2{background-color:#283138;color:#fff;display:block;font-size:30px;left:40px;line-height:1;margin:0;position:absolute;text-transform:uppercase;top:15px;transform:rotate(90deg);transform-origin:0 0}@media screen and (max-width:767px){section .tease{margin-top:0;padding-top:0}section h2{bottom:auto;font-size:24px!important;left:auto;padding:.5rem 1rem;position:relative;top:0;transform:rotate(0deg)}}.section-wrap{width:100%}.hide{height:100vh;opacity:0}.hide .section-wrap{display:none}.caption{color:rgba(255,255,255,.6);font-size:.85rem;padding:.25rem .25rem 0}.content-block{border-left:50px solid #283138;padding:3rem 2rem;width:100%}.content-block .container{padding-right:4rem}@media screen and (max-width:767px){.content-block{border-left:0;padding:.25rem}.content-block .container{padding-right:.75rem}}#skills,#summary{background-color:#953150}#skills p,#summary p{color:#fff;font-size:1.1rem;padding:2rem;text-align:center}@media screen and (max-width:991px){#skills p,#summary p{line-height:1.3}}@media screen and (max-width:767px){#skills p,#summary p{padding:1.5rem 1.5rem 2rem;text-align:left}}#work-xp .jobs{display:flex;flex-wrap:wrap;justify-content:center;margin-left:-1rem;width:calc(100% + 2rem)}#work-xp .jobs .job{background-color:#fff;margin:1rem;padding:3rem 1rem 1rem;position:relative;width:calc(33.3333% - 2rem)}#work-xp .jobs .job h3{font-size:1.1rem;font-weight:700;line-height:1.1;margin-bottom:.25rem;text-transform:uppercase}#work-xp .jobs .job p{color:#953150;line-height:1.1;padding:0 0 1rem}#work-xp .jobs .job .range{background-color:#283138;color:#fff;left:0;padding:.3rem .5rem;position:absolute;text-align:right;text-transform:uppercase;top:0;width:100%}#work-xp .jobs .job .range .current{color:#ffb1ca}@media screen and (max-width:1200px){#work-xp .jobs .job{width:calc(50% - 2rem)}}@media screen and (max-width:991px){#work-xp .jobs .job{width:100%}}.examples .examples-wrap{display:flex;flex-wrap:wrap;justify-content:center}.examples .examples-wrap .work{margin:.5rem;position:relative;transition:outline .3s;width:calc(33.3333% - 1rem)}.examples .examples-wrap .work .title{background-color:rgba(0,0,0,.9);border-left:10px solid #953150;bottom:0;padding:.5rem;position:absolute;transition:border .3s;width:100%}.examples .examples-wrap .work .title h3{color:#fff;font-size:1.1rem;margin:0;padding:0;text-transform:uppercase;transition:color .3s}.examples .examples-wrap .work .title h3 span{color:#953150}.examples .examples-wrap .work .title p{color:#ffb1ca;margin:0;padding:0;transition:color .3s}.examples .examples-wrap .work:focus,.examples .examples-wrap .work:hover{outline:2px solid #953150}.examples .examples-wrap .work:focus .title,.examples .examples-wrap .work:hover .title{border-left:20px solid #953150}.examples .examples-wrap .work:focus .title h3,.examples .examples-wrap .work:hover .title h3{color:#ffb1ca}.examples .examples-wrap .work:focus .title p,.examples .examples-wrap .work:hover .title p{color:#fff}@media screen and (max-width:991px){.examples .examples-wrap .work{width:calc(50% - 1rem)}}@media screen and (max-width:767px){.examples .examples-wrap .work{margin:.5rem 0 2rem;width:100%}.examples .examples-wrap .work .title h3{font-size:.93rem}}.breaker{background-color:transparent;background:repeating-linear-gradient(45deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 10px,hsla(0,0%,75%,.2) 0,hsla(0,0%,75%,.2) 20px);overflow:hidden}.breaker .container{background-color:#fff;padding:6rem 2rem}.breaker h2{background-color:transparent;color:#283138;font-weight:700;left:0;position:relative;text-align:center;transform:rotate(0deg)}@media screen and (max-width:767px){.breaker .container{padding:2rem 1rem}}.gallery{display:flex;flex-wrap:wrap;justify-content:center;margin-left:-.25rem;width:calc(100% + .5rem)}.gallery a{border:1px solid #283138;margin:.25rem}@media screen and (max-width:767px){.gallery a{width:calc(50% - .5rem)}}.gallery .gallery-item{height:200px;width:200px}@media screen and (max-width:767px){.gallery .gallery-item{height:auto;width:100%}}.has-blur{-webkit-clip-path:inset(5px 13.5px 5px 13.5px);clip-path:inset(5px 13.5px 5px 13.5px);filter:blur(15px);transform:scale(1.1)}#lela{position:absolute;right:0}@media screen and (max-width:767px){#lela{right:-150px}}#connie{position:absolute;top:0}@media screen and (max-width:767px){#connie{left:-150px}}.section-nav{border:none;color:#283138;font-size:14px;outline:none;padding:1.5rem;pointer-events:none;position:absolute;text-align:center;text-decoration:none;transition:transform .3s;width:100%}.section-nav i{transition:color .3s}.section-nav:focus i,.section-nav:hover i{color:#953150;transform:scale(1.1)}@media screen and (max-width:767px){.section-nav{padding:.75rem}}#skills .section-nav{color:#ffb1ca}#skills .section-nav:focus i,#skills .section-nav:hover i{color:#fff}#skills-container{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-.25rem;padding-left:0;width:calc(100% + .5rem)}#skills-container .skill{background-color:#641f35;display:flex;flex-direction:row;margin:.25rem;min-height:150px;overflow:hidden;padding:1rem;position:relative;width:calc(33.33333% - .5rem)}#skills-container .skill .skill-left{display:flex;flex:1;flex-direction:column;padding-right:1rem}#skills-container .skill .skill-right{align-items:flex-start;border-left:1px solid rgba(255,255,255,.1);display:flex;flex:1;padding-left:1rem}#skills-container .skill .skill-right .skill-description{color:#fff;font-size:.85rem;line-height:1.4;margin:0;opacity:.9;padding:0;text-align:left}#skills-container .skill:before{bottom:5px;height:40px;margin-left:-1.1rem;margin-right:0;opacity:.2;position:absolute;right:5px;width:40px;z-index:1}@media screen and (max-width:1172px){#skills-container .skill{width:calc(50% - .5rem)}}@media screen and (max-width:768px){#skills-container .skill{flex-direction:column;min-height:auto}#skills-container .skill .skill-left{padding-bottom:1rem;padding-right:0}#skills-container .skill .skill-right{border-left:none;border-top:1px solid rgba(255,255,255,.1);padding-left:0;padding-top:1rem}#skills-container .skill .skill-right .skill-description{font-size:.8rem}}@media screen and (max-width:567px){#skills-container .skill{width:calc(100% - .5rem)}}#skills-container .skill .name{color:#fff;font-size:1.2rem;margin:0;text-transform:uppercase;z-index:2}@media screen and (max-width:767px){#skills-container .skill .name{font-size:1rem}}#skills-container .skill .prof{color:#ffb1ca;font-size:.9rem;padding:0;text-align:left;z-index:2}#skills-container .skill .tags{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-.1rem;margin-top:1rem;padding-top:1rem;width:calc(100% + .2rem);z-index:2}#skills-container .skill .tags span{border:1px solid #ffb1ca;border-radius:.5rem;color:#ffb1ca;font-size:.7rem;margin:.1rem;padding:.1rem .4rem}.form-container{background-color:#641f35;padding:1.5rem}.form-group{margin-bottom:1rem}#rated{margin-left:.5rem}.rating{clip:rect(0,0,0,0)!important;background-color:#fff!important;border:0!important;color:#000!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.form-label{color:#fff;font-size:.8rem;margin-bottom:.15rem}.phone-container{background-color:#ebebeb;display:flex;justify-content:center;padding:2rem;position:relative;width:33%}@media screen and (max-width:991px){.phone-container{height:350px;overflow:hidden;padding:1rem;width:100%}}.phone{height:614px;min-width:300px;width:300px;z-index:3}@media screen and (max-width:1200px){.phone{height:410px;min-width:200px;width:200px}}@media screen and (max-width:991px){.phone{height:614px;margin-left:3rem;margin-top:-3rem;min-width:300px;transform:rotate(-15deg) scale(.8) translateX(-10px);width:300px}}.mobile-behind{height:497.77778px;left:50%;min-width:276px;position:absolute;top:80px;width:276px;z-index:1}.mobile-behind span{background-color:#000;display:block;height:100%;left:-50%;position:relative;width:100%}@media screen and (max-width:1200px){.mobile-behind{height:346.66667px;min-width:190px;width:190px}}@media screen and (max-width:991px){.mobile-behind{height:497.77778px;margin-top:-3rem;min-width:276px;top:54px;transform:rotate(-15deg) scale(.8) translateX(-10px);width:276px}}#mobile-show{height:473px;left:50%;min-width:266px;position:absolute;top:102px;width:266px;z-index:2}#mobile-show p{background-color:#000;color:#e0be7f;font-size:.8rem;font-weight:700;padding:1rem;text-align:center;text-transform:uppercase}#mobile-show img,#mobile-show p{height:100%;left:-50%;position:relative;width:100%}@media screen and (max-width:1200px){#mobile-show{height:313px;min-width:176px;top:80px;width:176px}}@media screen and (max-width:991px){#mobile-show{height:473px;margin-left:-5px;margin-top:-3rem;min-width:266px;top:62px;transform:rotate(-15deg) scale(.8) translateX(-10px);width:266px}#mobile-show p{margin-top:2rem;padding:0}}.mob-image{-webkit-animation:loadImage;animation:loadImage;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes loadImage{0%{opacity:0}to{opacity:1}}@keyframes loadImage{0%{opacity:0}to{opacity:1}}.mobile-section-container{display:flex;flex-wrap:wrap;margin:2rem 0 0}.mobile-section-container .text-content{background-color:#283138;padding:2rem;width:67%}@media screen and (max-width:991px){.mobile-section-container .text-content{width:100%}}.mobile-section-container .text-content .app{margin-bottom:3rem}.mobile-section-container .text-content h3{color:#fff;margin:0;padding:0;text-transform:uppercase}.mobile-section-container .text-content .release{color:#ffb1ca;font-size:.9rem;margin-bottom:.5rem}.mobile-section-container .text-content .summary{color:#fff}footer{background-color:#953150;padding-right:30px;position:relative;width:100%;z-index:199}footer .container{align-items:center;display:flex;padding:1rem}@media screen and (max-width:767px){footer .container{padding:1rem 2rem}}.site-info{display:flex;width:100%}.site-info .contact{margin-left:auto;text-align:right}.site-info .contact p{color:#fff;padding:0}.site-info .contact p a{color:#fff;text-decoration:none;transition:color .2s}.site-info .contact p a i{margin-right:.25rem}.site-info .contact p a:focus,.site-info .contact p a:hover{color:#ffb1ca}.site-info .contact p a:focus i,.site-info .contact p a:hover i{transform:scale(1.1)}.site-social{border-left:1px solid rgba(255,255,255,.5);margin-left:1rem;padding-left:1rem}.site-social .cust-social-btn{align-items:center;background-color:#641f35;border:0;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin:.25rem 0;transition:all .2s;width:48px}.site-social .cust-social-btn span{text-indent:-9999em}.site-social .cust-social-btn:focus,.site-social .cust-social-btn:hover{border:2px solid #fff;box-shadow:none}.site-copy{background-color:#283138;padding:.5rem;position:relative;z-index:199}.site-copy p{color:#d3d6d9;font-size:.9rem;margin:0;text-align:center}.site-copy p a{color:#fff}nav{background-color:#fff;bottom:0;height:100%;padding:1rem;position:fixed;right:0;transform:translateX(100%);transition:all .3s;z-index:200}nav ul{padding:0!important}nav ul li{overflow:hidden;padding:0;position:relative}nav ul li:before{font-size:40px;left:0;opacity:.4;position:absolute!important;top:calc(50% - 15px)}nav ul li a{background-color:#641f35;border-left:20px solid #953150;color:#fff;display:block;font-weight:700;height:100%;margin-bottom:1px;padding:1rem 1rem 1rem 1.5rem;text-decoration:none;text-transform:uppercase;transition:all .3s}nav ul li a i{opacity:0;transition:opacity .3s}nav ul li a:focus,nav ul li a:hover{background-color:#283138;border-left:20px solid #4a5762;color:#fff}nav ul li a:focus i,nav ul li a:hover i{opacity:1}.opened{transform:translateX(0)}.side-toggler{background-color:#abb9c7;background:#abb9c7;background:linear-gradient(0deg,#abb9c7,#953150);border:0;box-shadow:-3px 0 .3rem rgba(0,0,0,.1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#abb9c7",endColorstr="#953150",GradientType=1);height:100%;left:-30px;position:absolute;top:0;width:30px}.side-toggler span{color:#fff;display:block;font-size:.9rem;font-weight:700;left:-5px;position:absolute;text-transform:uppercase;top:calc(50% - 10px);transform:rotate(90deg)}.side-toggler i{align-items:center;background-color:rgba(0,0,0,.2);border-right:0;color:#fff;display:flex;font-size:1.1rem;height:100%;justify-content:center;left:-17px;position:absolute;top:0;width:17px}.side-toggler:focus i,.side-toggler:hover i{-webkit-animation:MoveInOut 1s linear infinite;animation:MoveInOut 1s linear infinite}@-webkit-keyframes MoveInOut{0%,to{left:-20px;width:20px}50%{left:-24px;width:24px}}@keyframes MoveInOut{0%,to{left:-20px;width:20px}50%{left:-24px;width:24px}}#cover-all{background-color:rgba(0,0,0,.6);height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .5s;width:100vw;z-index:200}.show-cover{cursor:pointer;opacity:1!important;pointer-events:all!important}.rotate-arrow{transform:rotateY(180deg)}.nav-contact{background-color:#953150;display:flex;padding:1rem}.no-js{overflow:hidden;position:fixed}.menu-open{height:100%;overflow:hidden}body{-webkit-animation:fadeBody;animation:fadeBody;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes fadeBody{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes fadeBody{0%{opacity:0}50%{opacity:0}to{opacity:1}}.no-js-cover{align-items:flex-start;background-color:#641f35;border-left:50px solid #fff;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;padding:8rem;position:absolute;top:0;width:100vw;z-index:9999}.no-js-cover h1{color:#ffb1ca}.no-js-cover p{color:#fff}@media screen and (max-width:991px){.no-js-cover{padding:4rem}}@media screen and (max-width:767px){.no-js-cover{padding:2rem}}.container-fluid{padding:0}img{max-width:100%}.stop{overflow:hidden}#cover{background-color:#283138;border-bottom:10px solid;box-shadow:0 0 .3rem rgba(0,0,0,.5);height:100vh;left:0;top:0;transition:all .5s;width:100vw}#cover,.gear{position:fixed;z-index:500}.gear{stroke:azure;bottom:40px;height:80px;right:-40px;width:80px}.gear #gear-svg,.gear #gear-svg3{fill:#d57794}@media screen and (max-width:767px){.gear{bottom:45px;height:70px;right:-35px;width:70px}}#gear2{bottom:110px;right:-12px;transform:rotate(-20deg);z-index:510}#gear2 #gear-svg2{fill:#35404a}@media screen and (max-width:767px){#gear2{bottom:106px;right:-11px}}#gear3{bottom:180px;right:-42px}#gear3 #gear-svg3{fill:#6c102e}@media screen and (max-width:767px){#gear3{bottom:166px;right:-37px}}.rot-forward{-webkit-animation:rotateForward .5s ease-in-out 1;animation:rotateForward .5s ease-in-out 1}.rot-backward{-webkit-animation:rotateBackward .5s ease-in-out 1;animation:rotateBackward .5s ease-in-out 1}@-webkit-keyframes rotateForward{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes rotateForward{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@-webkit-keyframes rotateBackward{0%{transform:rotate(20deg)}to{transform:rotate(-200deg)}}@keyframes rotateBackward{0%{transform:rotate(20deg)}to{transform:rotate(-200deg)}}
