:root{--color-purple:#858AFF;--color-green:#AAF2BC;--color-lavender:#DEBFEB;--color-blue:#B2DDFB;--color-yellow:#FBEF84;--color-orange:#FFC65B;--color-pink:#FFA19B}@keyframes buttonhover{from{background-color:var(--color-blue)}20%{background-color:var(--color-lavender)}33.3%{background-color:var(--color-pink)}50%{background-color:var(--color-orange)}66.7%{background-color:var(--color-yellow)}83.3%{background-color:var(--color-green)}to{background-color:var(--color-blue)}}body,html{height:100%;width:100%;padding:0;margin:0;font-size:16px;overflow:hidden;font-family:'Visby CF W01 Medium',Helvetica,Arial,sans-serif;line-height:130%}main{position:relative;height:100%;width:100%}.flex{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.flex.nowrap{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.flex.column{-webkit-flex-direction:column;flex-direction:column}.flex.center{-webkit-justify-content:center;justify-content:center}.columns{width:100%;height:100%}.curve-container,section{position:absolute;height:100%;width:100%;pointer-events:none}#ccsinteractive{z-index:2}#ccsinteractive .columns{flex-direction:row-reverse}section>*{z-index:1}section .curve-container{z-index:0;-webkit-transition:all .625s ease-in-out;transition:all .625s ease-in-out}.curve-container:after,.curve-container:before{content:'';width:100%;height:100%;position:absolute;top:0;pointer-events:none}.curve-container:before{left:-100%;background-color:#fff}.curve-container:after{right:-100%;background-color:#000}.curve-container img{position:absolute;height:100%;width:100%;object-fit:cover;display:block}.logo-container{padding:1.5em}.logo-container img{width:15vw;height:15vw;pointer-events:all;cursor:pointer}.logo-container .btn{border-radius:.5rem;height:3rem;width:12rem;color:#000;text-decoration:none;margin-top:2rem;letter-spacing:1px;pointer-events:all;cursor:pointer;-webkit-transition:font-size .1s ease-out;transition:font-size .1s ease-out;font-size:1rem}.logo-container .btn:hover{animation-iteration-count:infinite;animation-duration:6s;animation-name:buttonhover;animation-timing-function:linear;font-size:1.25rem}#calcomputer .logo-container .btn{background-color:var(--color-orange)}#ccsinteractive .logo-container .btn{background-color:var(--color-lavender)}.columns>div{box-sizing:border-box;flex-basis:50%;flex-grow:0;flex-shrink:0}.details{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;opacity:0;pointer-events:none}.hover .details{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;opacity:1;-webkit-transition-delay:.5s;transition-delay:.5s}.software{max-width:31.66vw;width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-gap:3em 3em}#calcomputer h2{font-family:'PT Serif',Georgia,serif;text-align:center;font-weight:400;font-size:2em;margin-bottom:3rem}#calcomputer.hover .curve-container{-webkit-transform:translateX(100%);transform:translateX(100%)}#ccsinteractive{color:#fff;text-align:left}#ccsinteractive.hover .curve-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}#ccsinteractive .details{-webkit-align-items:flex-start;align-items:flex-start}.wrapper{margin:0 auto;-webkit-align-items:flex-start;align-items:flex-start;width:100%;max-width:70%;box-sizing:border-box}.wrapper>*{-webkit-flex-grow:0;flex-grow:0;-webkit-flex-shrink:0;flex-shrink:0}#ccsinteractive h2{font-family:'Visby CF W01 Demi Bold';font-size:4em;font-weight:400;text-transform:uppercase;text-align:left;margin:0 0 1.25rem;line-height:100%}#ccsinteractive h2:nth-of-type(1){color:var(--color-blue)}#ccsinteractive h2:nth-of-type(2){color:var(--color-pink)}#ccsinteractive h2:nth-of-type(3){color:var(--color-yellow)}#ccsinteractive h2:nth-of-type(4){color:var(--color-green)}#ccsinteractive ul{width:100%;-webkit-justify-content:flex-start;justify-content:flex-start;margin:0 0 3rem;padding:0}#ccsinteractive li{list-style:none;margin:0;padding:0 0 1em}#ccsinteractive li:not(:last-child){padding-right:4em}.collapse{position:absolute;display:none;font-size:3em;line-height:68%;right:0;background:0 0;color:#fff;-webkit-transform:rotate(90deg);transform:rotate(90deg);border-width:0;opacity:.65}.social-media{z-index:1;pointer-events:all;margin-top:1em}.social-media svg{fill:#fff;height:85%;width:85%;-webkit-transition:fill .38s ease-out;transition:fill .38s ease-out;position:relative;display:block}.social-media a{text-align:center;width:28px;height:28px;padding:3px;margin:.15em;border:2px solid transparent;border-radius:50%;box-sizing:content-box;background-color:transparent;opacity:1;-webkit-transition:background-color .19s ease-out;transition:background-color .19s ease-out}.social-media a>svg{fill:#fff}.st1{display:inline}.st2{display:inline;fill:none}.social-media a.social.Facebook:hover{background:#b2ddfb}.social-media a.social.Instagram:hover{background:#debfeb}.social-media a.social.LinkedIn:hover{background:#858aff}.social-media a.social.Yelp:hover{background:#ffa19b}.social-media a.social.Pinterest:hover{background:#fbef84}.social-media a.social:hover>svg{height:100%;fill:#fff}#calcomputer .social-media a>svg,#ccsinteractive .social-media a:hover>svg{fill:#000}@media only screen and (max-width:480px){.social-media a{height:36px;width:36px}}@media screen and (max-width:1366px) and (orientation:landscape){#calcomputer h2{font-size:1.25em}.software img{max-width:7vw;max-height:7vw}}@media screen and (max-width:768px){.social-media{max-width:225px}.logo-container a{margin-top:1rem;height:2rem;width:9rem}.logo-container img{width:45vw;height:45vw;max-height:25vh;max-width:25vh}section .curve-container{transform:scale(1.05)}}@media screen and (max-width:475px) and (orientation:portrait){.logo-container .btn{margin-top:1rem}.social-media{margin-top:.25rem}.hover-box{transform:scale(.9)}#ccsinteractive .logo-container{top:1em;position:relative}#ccsinteractive .details{position:relative;top:4em}#calcomputer .details{position:relative;top:-2em}}@media screen and (orientation:portrait){.curve-container:before{top:-100%;left:0;background-color:#fff}.curve-container:after{top:100%;right:0;background-color:#000}#calcomputer.hover .curve-container{-webkit-transform:translateY(100%);transform:translateY(100%)}#ccsinteractive.hover .curve-container{-webkit-transform:translateY(-100%);transform:translateY(-100%)}#calcomputer .columns{flex-direction:column}#ccsinteractive .columns{flex-direction:column-reverse}.logo-container img{width:45vw;height:45vw;max-height:25vh;max-width:25vh}#calcomputer h2{font-size:1.25em}.software{max-width:80vw;padding-bottom:4rem}.software img{width:15vw;height:15vw}.columns>*{-webkit-justify-content:center;justify-content:center}#ccsinteractive h2{font-size:2.5em;margin-bottom:.75rem}.wrapper{max-width:100%;padding:4rem 1.5rem 0}#ccsinteractive li{padding-bottom:.375em}#ccsinteractive li:not(:last-child){padding-right:2em}.hover .collapse{display:block}#calcomputer .collapse{bottom:.5em;color:#000}#ccsinteractive .collapse{top:.5em}}@media screen and (max-width:480px){#ccsinteractive ul:last-child{margin-bottom:0}}@media screen and (max-width:480px) and (orientation:portrait){#calcomputer .logo-container{padding:0 1.5em 5em}#ccsinteractive .logo-container{padding:5em 1.5em 3em}.logo-container img{max-height:20vh;max-width:20vh}#ccsinteractive h2{font-size:1.375em;margin-bottom:.375rem}#ccsinteractive ul{margin-bottom:1rem;font-size:14px}}@media screen and (max-width:320px){body{font-size:14px}}