body{font-family:Prompt}.graycolor{filter:grayscale(0)}.switch-mobile{bottom:15px;position:fixed;right:55px;z-index:1000}.section-two.scrolled{background-color:#fff!important;transition:background-color .2s linear}.state-menu{border:3px solid #fff;margin:0 .75em}.card-item{margin-bottom:2.5em;width:50%}.card-item .menu-content{list-style-type:none;padding:0}.card-item .menu-content:after,.card-item .menu-content:before{content:"";display:table}.card-item .menu-content:after{clear:both}.card-item .menu-content li{display:inline-block}.card-item .menu-content a{color:#fff}.card-item .menu-content span{font-family:Open Sans;font-size:10px;font-weight:700;left:50%;position:absolute;top:0;transform:translate(-50%)}.card-item .wrapper{background-color:#fff;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.2);min-height:500px;overflow:hidden;position:relative}.card-item .wrapper:hover .data{transform:translateY(0)}.card-item .data{bottom:0;position:absolute;transform:translateY(calc(90px + 1em));transition:transform .3s;width:100%}.card-item .data .content{padding:1em;position:relative;z-index:1}.card-item .author{font-size:18px}.card-item .title{margin-top:10px}.card-item .text{height:70px;margin:0}.card-item input[type=checkbox]{display:none}.card-item input[type=checkbox]:checked+.menu-content{transform:translateY(-60px)}.example-1 .date{color:#fff;left:0;padding:.8em;position:absolute;top:0}.example-1 .date span{display:block;text-align:center}.example-1 .date .day{font-size:24px;font-weight:700;text-shadow:2px 3px 2px rgba(0,0,0,.18)}.example-1 .date .month{text-transform:uppercase}.example-1 .date .month,.example-1 .date .year{font-size:12px}.example-1 .content{background-color:#fff;box-shadow:0 5px 30px 10px rgba(0,0,0,.3)}.example-1 .title a{color:gray}.example-1 .menu-button{cursor:pointer;position:absolute;right:16px;text-align:center;top:16px;width:25px;z-index:999}.example-1 .menu-button span{background-color:gray;border-radius:50%;color:gray;display:inline-block;height:5px;position:relative;width:5px}.example-1 .menu-button span:after,.example-1 .menu-button span:before{background-color:currentColor;border-radius:50%;content:"";display:block;height:5px;position:absolute;width:5px}.example-1 .menu-button span:before{left:-10px}.example-1 .menu-button span:after{right:-10px}.example-1 .menu-content{left:0;position:absolute;text-align:center;top:0;transform:translateY(0);transition:transform .3s;width:100%;z-index:-1}.example-1 .menu-content li{background-color:#22aaa1;float:left;height:60px;position:relative;width:33.333333%}.example-1 .menu-content a{font-size:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.example-1 .menu-content span{top:-10px}input.switch:empty{display:none}input.switch:empty~label{background-color:transparent;cursor:pointer;float:left;font-size:16px!important;line-height:25.6px;margin:3.2px 0;position:relative;text-indent:64px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input.switch:empty~label:after,input.switch:empty~label:before{background-color:#222;border-radius:4.8px;bottom:0;content:" ";display:block;left:0;position:absolute;top:0;transition:all .1s ease-in;width:3.6em}input.switch:empty~label:after{background-color:#fff;border-radius:2.4px;bottom:1.6px;margin-left:1.6px;top:1.6px;width:22.4px}input.switch:checked~label:before{background-color:#999}input.switch:checked~label:after{margin-left:33.6px}.down-next{bottom:45px;color:#fff;font-size:3rem;position:relative}.aligner{align-items:flex-start;display:flex;justify-content:flex-start;padding-left:5px}.card-content{background-color:#f6f6f6}.bt-detail{font-size:2.8em;transform:scale(1);transition:.3s}.bt-detail:hover{transform:scale(1.3);transition:.3s}.videoFrame{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:25px;position:relative}.videoFrame iframe{height:100%;left:0;position:absolute;top:0;width:100%}.item-pro{transform:scale(1);transition:1s}.item-pro:hover{transform:scale(1.2);transition:1s}.bt-menu{background-color:#22aaa1;border-radius:100%;box-shadow:0 2px 3px rgba(0,0,0,.5);height:3.5em;text-align:center;top:0;transition:.3s;width:3.5em}.bt-menu:hover{box-shadow:0 0 0 rgba(0,0,0,.5);transform:scale(1.2);transition:.3s}.bt-menu i{color:#fff;height:2em;position:relative;top:20%;width:2em}.bt-menu-head{background-color:hsla(0,0%,100%,.2);border-radius:10%;height:3.5em;margin:.5em;text-align:center;top:0;transition:.3s;width:3.5em}.bt-menu-head i{color:#fff;font-size:1.5em;position:relative;top:20%}.bt-menu-head:hover{background-color:hsla(0,0%,100%,.5);border-radius:100%;transform:scale(1.3);transition:1s}@media only screen and (max-width:767px){#menu-item{display:none}}@media only screen and (min-width:768px){#menu-item{display:block;display:none;position:fixed;right:20px;top:15px;z-index:1000}#menu-item i{font-size:1.65em}}#return-to-top{background:hsla(0,0%,100%,.3);border-radius:5px;bottom:15px;box-shadow:0 2px 5px rgba(0,0,0,.2);display:block;display:none;height:40px;position:fixed;right:20px;text-decoration:none;transition:all .3s ease;width:40px;z-index:1000}#return-to-top i{color:#fff;font-size:19px;left:10px;margin:0;position:relative;top:0;transition:all .3s ease}#return-to-top:hover{background:hsla(0,0%,100%,.8)}#return-to-top:hover i{top:-5px}#section-two{background-color:#22aaa1}#section-three{background-color:#f25757}#section-four{background-color:#ffca3a}.main-title .title{font-size:15vmin}.main-title .subtitle{font-size:5vmin}.hcir{box-shadow:0 2px 5px rgba(0,0,0,.3);height:4.3em;width:4.3em}.circle i{border-color:#fff;border-radius:100%;border-style:solid;display:inline-block;height:1.5em;width:1.5em}#section-projectlist{background-color:#fef9f0;min-height:100vh;padding:4em 1em 3em}#section-projectlist-detail{background-color:#fff;min-height:100vh;padding:8em 3em 1em}#section-projectlist .columns{margin-bottom:2.5em}#section-projectlist .column{padding-bottom:.5em;padding-top:0}.footer-project{background-color:#22aaa1;bottom:0;height:50px;left:0}#section-image-project{background-color:#fef9f0;padding:5em 2em 1em 3em}#section-image-project img{max-width:20em;min-width:75%}#menu-item-project{display:none;left:20px;position:fixed;top:20px;z-index:1000}#menu-item-project i{font-size:1.65em}#text-head{display:block;display:none;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:500}.header-thumbnail{background-color:#22aaa1;box-shadow:inset 40em 0 0 0 #f25757;box-shadow:inset 0 0 0 0 #ef795a;color:#fff;display:inline-block;font-size:1.5em;height:3em;margin-bottom:2em;margin-top:1.5em;padding:.75em 1em .2em;-moz-transition:box-shadow .5s ease-in .1s;-o-transition:box-shadow .5s ease-in .1s;-webkit-transition:box-shadow .5s ease-in;-webkit-transition-delay:.1s;transition:box-shadow .5s ease-in .1s;width:100%}#section-activitylist{background-color:#fef9f0;min-height:75vh}#section-activitylist .columns{margin-bottom:2.5em}#section-activitylist .column{padding-bottom:.5em;padding-top:0}#image-cover{min-height:200px}#section-melist{background-color:#fef9f0;min-height:75vh}.head-me{padding-top:2em}.parallax-cover{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:550px}.connect span{color:#555}.connect span:hover{color:#000}.connect-border{border:2px solid #888;margin:10px;padding:10px 20px!important}.connect-border:hover{background-color:#ffca3a;border:2px solid #fff;transition:all .1s ease}.project-bt{border:2px solid #888;margin:10px;max-height:40px;padding:5px 20px!important}.project-bt:hover{background-color:#f25757;color:#fff;transition:all .1s ease}.fix-top{position:fixed;z-index:1000}.pb-1{padding-bottom:.5em}.pb-2{padding-bottom:.75em}.pb-3{padding-bottom:1em}.pt-1{padding-top:.5em}.pt-2{padding-top:.75em}.pt-3{padding-top:1em}.pl-1{padding-left:.5em}.pl-2{padding-left:.75em}.pl-3{padding-left:1em}input[type=radio]{display:none}label{background:#fff;color:#222;cursor:pointer;text-align:center;width:18%}input[type=radio][id=program]:checked+label,input[type=radio][id=reset]:checked+label{background:#f25757;border:2px solid #fff;color:#fff;transition:all 1s}input[type=radio][id=program]:checked~.design,input[type=radio][id=program]:checked~.video,input[type=radio][id=program]:checked~.website{height:0;margin:0;opacity:0;padding:0;width:0}input[type=radio][id=design]:checked+label{background:#f25757;border:2px solid #fff;color:#fff}input[type=radio][id=design]:checked~.program,input[type=radio][id=design]:checked~.video,input[type=radio][id=design]:checked~.website{height:0;margin:0;opacity:0;padding:0;width:0}input[type=radio][id=video]:checked+label{background:#f25757;border:2px solid #fff;color:#fff}input[type=radio][id=video]:checked~.design,input[type=radio][id=video]:checked~.program,input[type=radio][id=video]:checked~.website{height:0;margin:0;opacity:0;padding:0;width:0}input[type=radio][id=website]:checked+label{background:#f25757;border:2px solid #fff;color:#fff}input[type=radio][id=website]:checked~.design,input[type=radio][id=website]:checked~.program,input[type=radio][id=website]:checked~.video{height:0;margin:0;opacity:0;padding:0;width:0}.tileAmimate{float:center;transition:all 1s ease-in-out}.myImg{border-radius:5px;cursor:pointer;transition:.3s}.myImg:hover{opacity:.7}.modal{background-color:#000;background-color:rgba(0,0,0,.9);display:none;height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:1999}.mfp-no-margins img.mfp-img{padding:0}.mfp-no-margins .mfp-figure:after{bottom:0;top:0}.mfp-no-margins .mfp-container{padding:0}.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{-webkit-backface-visibility:hidden;opacity:0;transition:all .3s ease-out}.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}.mfp-with-zoom.mfp-ready.mfp-bg{opacity:.8}.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0}.image-popup-no-margins:hover{opacity:.7;transition:.5s}*{box-sizing:border-box}.timeline{margin:4em auto;max-width:100%;position:relative}.timeline:before{background-color:#000;content:"";height:100%;left:2em;margin-left:-1px;position:absolute;top:0;width:2px}.timeline-event{position:relative}.timeline-event:hover .timeline-event-icon{background-color:#dd4848;transform:rotate(-45deg)}.timeline-event:hover .timeline-event-thumbnail{box-shadow:inset 40em 0 0 0 #f25757}.timeline-event-copy{left:4em;max-width:100%;padding:2em;position:relative;top:-1.875em}.timeline-event-copy h3{font-size:1.75em}.timeline-event-copy h4{font-size:1.2em;margin-bottom:1.2em}.timeline-event-copy strong{font-weight:700}.timeline-event-copy p:not(.timeline-event-thumbnail){padding-bottom:1.2em}.timeline-event-icon{background-color:#202020;display:block;height:1em;left:2em;margin:.5em .5em .5em -.5em;outline:10px solid #fff;position:absolute;top:0;transform:rotate(45deg);transition:transform .2s ease-in;width:1em}.timeline-event-thumbnail{background-color:#202020;box-shadow:inset 0 0 0 0 #ef795a;color:#fff;display:inline-block;font-size:1.5em;margin-bottom:1.2em;padding:.25em 1em .2em;-moz-transition:box-shadow .5s ease-in .1s;-o-transition:box-shadow .5s ease-in .1s;-webkit-transition:box-shadow .5s ease-in;-webkit-transition-delay:.1s;transition:box-shadow .5s ease-in .1s}@media only screen and (max-width:767px){.timeline-event-copy{left:0;margin-left:auto;margin-right:auto;max-width:100%;padding:0;position:relative;text-align:center;top:-1.875em}.timeline-event-icon{background-color:#202020;display:block;height:1em;left:2em;margin:.5em .5em .5em -.5em;outline:10px solid #fff;position:absolute;top:.45em;transform:rotate(45deg);transition:transform .2s ease-in;width:1em;z-index:999}.timeline-event-thumbnail{background-color:#222;box-shadow:inset 0 0 0 0 #ef795a;color:#fff;display:inline-block;font-size:1.2em;height:3em;margin-top:1.2em;padding:.75em 1em .2em;-moz-transition:box-shadow .5s ease-in .1s;-o-transition:box-shadow .5s ease-in .1s;-webkit-transition:box-shadow .5s ease-in;-webkit-transition-delay:.1s;transition:box-shadow .5s ease-in .1s;width:100%}}