ng-portfolio .cover,ng-portfolio .fronttitle,ng-portfolio img{position:absolute;top:0;left:0}ng-hello .backtextcard,ng-hello .fronttextcard{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:2px}.skill,.skill .description,.skill .skills{border-top:1px solid rgba(255,255,255,.2)}ng-portfolio{-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;display:block;width:100%;cursor:pointer;margin-top:1.5rem;height:200px;-webkit-transform:translateZ(0)}ng-portfolio .fronttitle.hover,ng-portfolio img.hover{-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;-webkit-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}ng-portfolio img{display:block;-webkit-transition:all .3s ease;transition:all .3s ease;margin:auto;bottom:0;right:0;z-index:0;pointer-events:none}ng-portfolio .fronttitle{-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease;display:block;color:#fff;font-size:50px;font-weight:500;bottom:0;right:0;margin:auto;text-align:center;line-height:200px}@media (min-width:0)and (max-width:767px){ng-portfolio .fronttitle{font-size:40px}}ng-portfolio .portfoliocontainer{-webkit-transition:all .3s ease;transition:all .3s ease;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}ng-portfolio .cover{-webkit-transition:all .3s ease;transition:all .3s ease;bottom:0;right:0;background-color:transparent;pointer-events:none}ng-portfolio .cover.hover{-webkit-transition:all .3s ease;transition:all .3s ease;background-color:rgba(0,0,0,.5)}ng-portfolio .itemtitle{-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;font-size:32px;text-align:center;margin:auto;width:95%;font-weight:300;opacity:0;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);color:#fff;border-bottom:1px solid rgba(255,255,255,.2);pointer-events:none}ng-portfolio .itemtitle.hover{-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}ng-portfolio .itemtitle.small{font-size:28px}ng-portfolio .description{-webkit-transition:all .3s ease;transition:all .3s ease;position:absolute;bottom:0;left:15px;right:15px;color:#fff;font-weight:300;opacity:0;font-size:20px;text-align:center;pointer-events:none}@media (min-width:0)and (max-width:767px){ng-portfolio .description{font-size:15px}}ng-portfolio .description.hover,ng-portfolio .iconbox.hover{-webkit-transition:all .3s ease;transition:all .3s ease;opacity:1}ng-portfolio .description.small{top:50px;font-size:17px}ng-portfolio .iconbox{-webkit-transition:all .3s ease;transition:all .3s ease;text-align:center;opacity:0;pointer-events:none;color:#fff}ng-hello,ng-hello .backtextcard,ng-hello .backtextcard.current,ng-hello .fronttextcard,ng-hello .fronttextcard.current{-webkit-transition:all .8s cubic-bezier(.23,1,.32,1);transition:all .8s cubic-bezier(.23,1,.32,1)}ng-portfolio .iconbox .icon{margin-top:.5rem;font-size:20px;pointer-events:none}ng-portfolio .iconbox .text{position:relative;font-size:15px;font-weight:300;color:#fff;z-index:10;pointer-events:none}ng-hello{z-index:5;display:block;margin:0 auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:fixed;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);bottom:0;width:500px;height:125px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;overflow:hidden;opacity:0}ng-hello.backactive{width:600px;height:250px}ng-hello .fa{position:absolute;top:5px;right:10px;font-size:30px;cursor:pointer}ng-hello .fronttextcard{left:0;right:0;bottom:0;top:0;z-index:1;background-color:rgba(255,255,255,.8);margin:auto;text-align:center}ng-hello .fronttextcard.current{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}ng-hello .fronttextcard .title{line-height:125px;font-size:64px;font-weight:500;margin:0}@media (min-width:0)and (max-width:767px){ng-hello.backactive{width:initial;max-width:600px;height:360px}ng-hello{width:initial;max-width:500px}ng-hello .fronttextcard .title{font-size:50px}}ng-hello .backtextcard{display:block;-webkit-transform:translateZ(-1px) rotateX(180deg);transform:translateZ(-1px) rotateX(180deg);background-color:rgba(255,255,255,.7);text-align:center;left:0;right:0;top:0;bottom:0}ng-hello .backtextcard.current{-webkit-transform:rotateX(0);transform:rotateX(0)}ng-hello .backtextcard .toptext{font-size:30px;font-weight:400;margin-top:1rem}@media (min-width:0)and (max-width:767px){ng-hello .backtextcard .toptext{margin-top:1.5rem}}ng-hello .backtextcard .inputcontainer{font-size:20px;width:80%;margin:20px auto}ng-hello .backtextcard .inputcontainer input{border:none;width:40px;text-align:center}ng-hello .backtextcard .button{margin:15px auto;background-color:grey;display:block;width:200px;height:50px;line-height:50px;color:#fff;font-size:17px;font-weight:300;cursor:pointer}ng-navigation .bginfo,ng-navigation .name,ng-navigation li .detail{position:absolute;line-height:60px}ng-hello .backtextcard .trianglify{position:absolute;font-size:15px;bottom:5px;left:0;right:0;color:grey}ng-hello.navigator{position:fixed;width:100%;height:60px;top:0;-webkit-transform:none;-ms-transform:none;transform:none;background-color:rgba(255,255,255,.7)}@media (min-width:0)and (max-width:767px){ng-hello.navigator{width:100%;max-width:100%}}ng-hello.navigator .backtextcard,ng-hello.navigator .fronttextcard{opacity:0;pointer-events:none}ng-hello.navigator ng-navigation{-webkit-transition-delay:.5s;transition-delay:.5s;opacity:.9;pointer-events:initial}.header .logocircle,ng-navigation,ng-navigation li,ng-navigation li .fa{-webkit-transition:all .3s ease;transition:all .3s ease}ng-navigation{opacity:0;pointer-events:none;z-index:6;position:absolute;display:block;left:0;right:0;margin:auto;text-align:center;border-radius:3px}ng-navigation li{position:relative;display:inline-block;width:75px;height:60px;list-style-type:none;cursor:pointer;overflow:hidden}ng-navigation li.active{cursor:default;pointer-events:none;width:180px}@media (min-width:0)and (max-width:767px){ng-navigation li.active{width:60px}}ng-navigation li .fa{display:block;font-size:30px;line-height:60px;width:75px;text-align:center;top:0;left:0}@media (min-width:1920px){ng-navigation li .fa.fa-home{top:0;font-size:32px}ng-navigation li .fa.fa-envelope-o{top:-2px;font-size:32px}ng-navigation li .fa.fa-lightbulb-o{top:-1px}}@media (min-width:768px)and (max-width:1299px){ng-navigation li .fa{font-size:25px;width:60px}ng-navigation li{width:60px}}@media (min-width:0)and (max-width:767px){ng-navigation li .fa{font-size:25px;width:60px}ng-navigation li{width:60px}}ng-navigation li .detail{color:#fff;font-size:20px;font-weight:300;left:75px}ng-navigation .name{left:20px;font-size:20px}ng-navigation .bginfo{right:20px;cursor:pointer}ng-navigation .bginfo .bgrect{display:inline-block;width:80px;height:45px;margin:8px;border:1px solid #fff;color:#fff;line-height:45px;text-align:center;font-size:20px;font-weight:300}ng-navigation .bginfo .bgrect:nth-child(1){border-right:0;margin-right:0}ng-navigation .bginfo .bgrect:nth-child(2){border-left:0;margin-left:0}@-webkit-keyframes navigator{0%,100%{top:0}50%{top:-8px}}@keyframes navigator{0%,100%{top:0}50%{top:-8px}}.header{position:relative;width:100%;height:100vh}.header .circles{z-index:2;position:absolute;bottom:-137.5px;left:0;right:0;height:275px}.header .logocircle{border-radius:50%;display:block;position:absolute;left:0;margin:0 auto;width:100px;height:100px;top:87.5px}.header .logocircle:nth-child(1){-webkit-transition-delay:.15s;transition-delay:.15s;right:-50%}.header .logocircle:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s;right:-30%}.header .logocircle:nth-child(3){-webkit-transition-delay:.05s;transition-delay:.05s;right:30%}.header .logocircle:nth-child(4){-webkit-transition-delay:0s;transition-delay:0s;right:50%}@media (min-width:1300px)and (max-width:1919px){.header .logocircle:nth-child(1){right:-75%}.header .logocircle:nth-child(2){right:-45%}.header .logocircle:nth-child(3){right:45%}.header .logocircle:nth-child(4){right:75%}}@media (min-width:768px)and (max-width:1299px){.header .logocircle{width:75px;height:75px;top:100px}.header .logocircle:nth-child(1){right:-75%}.header .logocircle:nth-child(2){right:-45%}.header .logocircle:nth-child(3){right:45%}.header .logocircle:nth-child(4){right:75%}}@media (min-width:0)and (max-width:767px){ng-navigation .bginfo,ng-navigation .name{visibility:hidden}.header .logocircle{width:75px;height:75px;bottom:0;margin-top:80px}.header .logocircle:nth-child(1){right:-70%}.header .logocircle:nth-child(2){right:-23%}.header .logocircle:nth-child(3){right:24%}.header .logocircle:nth-child(4){right:71%}}.header .logocircle .logo{-webkit-transition:all .4s ease;transition:all .4s ease;color:#000;display:block;font-size:60px;width:94px;height:94px;margin-left:3px;margin-top:3px;border-radius:50%;-webkit-align-content:center;-ms-flex-line-pack:center;align-content:center;text-align:center;line-height:94px}@media (min-width:768px)and (max-width:1299px){.header .logocircle .logo{width:69px;height:69px;margin-left:3px;margin-top:3px;line-height:69px;font-size:40px}}@media (min-width:0)and (max-width:767px){.header .logocircle .logo{width:69px;height:69px;margin-left:3px;margin-top:3px;line-height:69px;font-size:40px}}.header .profileimg-container{-webkit-transition:all .4s ease;transition:all .4s ease;position:absolute;left:0;right:0;bottom:0;margin:0 auto;top:0;height:275px;width:275px;border:7px solid #fff;border-radius:50%;background-color:rgba(255,255,255,.5)}.header .profileimg-container:hover{background-color:rgba(255,255,255,.8)}@media (min-width:768px)and (max-width:1299px){.header .profileimg-container{top:37.5px;height:200px;width:200px;border:4px solid #fff}}@media (min-width:0)and (max-width:767px){.header .profileimg-container{top:40px;height:130px;width:130px;border:4px solid #fff}}.header .profileimg-container i{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;text-align:center;font-size:90px;opacity:0;line-height:275px}@media (min-width:0)and (max-width:767px){.header .profileimg-container i{line-height:130px;font-size:45px}}.header .profileimg-container .profileimg{-webkit-transition:all .4s ease;transition:all .4s ease;position:absolute;left:0;right:0;bottom:0;top:0;height:100%;width:100%;border-radius:50%;opacity:0}.header .profileimg-container .profileimg.shown,.header.navigator .circles .profileimg-container i{opacity:1}.header.navigator .circles .logocircle{-webkit-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0)}.header.navigator .circles .profileimg-container{-webkit-animation:navigator 4s infinite;animation:navigator 4s infinite;-webkit-transform:scale(.4,.4) translateY(-300px);-ms-transform:scale(.4,.4) translateY(-300px);transform:scale(.4,.4) translateY(-300px);cursor:pointer}@media (min-width:1920px){.header.navigator .circles .profileimg-container{-webkit-transform:scale(.3,.3) translateY(-300px);-ms-transform:scale(.3,.3) translateY(-300px);transform:scale(.3,.3) translateY(-300px)}}@media (min-width:0)and (max-width:767px){.header.navigator .circles .profileimg-container{-webkit-transform:scale(.4,.4) translateY(-50px);-ms-transform:scale(.4,.4) translateY(-50px);transform:scale(.4,.4) translateY(-50px)}}@media (min-width:768px)and (max-width:1299px){.header .profileimg-container i{line-height:200px;font-size:60px}.header.navigator .circles .profileimg-container{-webkit-transform:scale(.4,.4) translateY(-100px);-ms-transform:scale(.4,.4) translateY(-100px);transform:scale(.4,.4) translateY(-100px)}}.header.navigator .circles .profileimg-container .profileimg.shown{opacity:0}body{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;font-smooth:always}.angular-google-map-container{-webkit-transition:all .3s ease;transition:all .3s ease;display:block;height:0}.angular-google-map-container.activated{-webkit-transition:all .3s ease;transition:all .3s ease;height:400px}.darkcolor,.headercolor,.lightcolor,.ultradarkcolor,.ultralightcolor{-webkit-transition:color 1s ease;transition:color 1s ease}.bgcolor,.bgcolor-transparent,.darkbgcolor,.darkbgcolor-transparent,.ultradarkbgcolor,.ultradarkbgcolor-transparent{-webkit-transition:background-color 1s ease;transition:background-color 1s ease}.hoverdarker{-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.scrollfade{-webkit-transition:all .4s ease;transition:all .4s ease}.scrollfade.hidden{opacity:0;-webkit-transform:translateY(15px) scale(.9,.9);-ms-transform:translateY(15px) scale(.9,.9);transform:translateY(15px) scale(.9,.9)}.background{-webkit-transition:1s ease all;transition:1s ease all;z-index:0;position:fixed;height:100%;width:100%}.main,.main .contentrow,.main .info{position:relative}.main{z-index:1;width:100%;border-radius:3px}.main h2{font-size:45px;font-weight:300;padding:0;margin:1rem 0}@media (min-width:0)and (max-width:767px){.main h2{font-size:34px}}.main h1{color:#fff;text-align:center;font-size:60px;line-height:46px;padding-bottom:1rem;margin:0}@media (min-width:0)and (max-width:767px){.main h1{font-size:50px;line-height:30px}}.main .subheader-text{display:block;text-align:center;margin-bottom:20px;margin-top:5px;line-height:2.5rem}.main .contentrow{margin-bottom:0;overflow:hidden;padding:60px 15%}.main .contentrow.firstrow{padding-top:150px}@media (min-width:768px)and (max-width:1299px){.main .contentrow.firstrow{padding-top:100px}}@media (min-width:0)and (max-width:767px){.main .contentrow.firstrow{padding-top:120px}.main .contentrow.centerrow{padding-left:0;padding-right:0}}@media (min-width:1300px)and (max-width:1919px){.main .contentrow{padding-left:10%;padding-right:10%}}@media (min-width:768px)and (max-width:1299px){.main .contentrow{padding-left:5%;padding-right:5%}}@media (min-width:0)and (max-width:767px){.main .contentrow{padding-left:5%;padding-right:5%}}.main .info{padding-top:10px;padding-bottom:10px;background-color:rgba(255,255,255,.7);border-radius:2px;margin-bottom:5px}.main .info .icon{width:3.5rem;text-align:center;font-size:23px}.main .info .action{border-radius:2px;position:absolute;display:block;text-align:center;vertical-align:middle;width:4.5rem;top:0;bottom:0;right:0;padding:5px;font-size:26px;line-height:46px;margin:auto;cursor:pointer}@media (min-width:768px)and (max-width:1299px){.main .info .action{width:4rem;font-size:20px;line-height:40px}}@media (min-width:0)and (max-width:767px){.main .info .action{font-size:18px;line-height:38px}}.main .info .text{border-left:1px solid #ddd;padding-left:15px;font-size:26px;font-weight:300}@media (min-width:768px)and (max-width:1299px){.main .info .text{font-size:20px}}@media (min-width:0)and (max-width:767px){.main .info .text{font-size:16px}}.skills{text-align:center}.skills .fa{font-size:25px}.skills .categorydescription,.skills .categorytitle{color:#fff;font-weight:200}.skill{position:relative;display:block;color:#fff;background-color:rgba(0,0,0,.15);margin-bottom:10px;text-align:center;padding:0 .75rem 500px}.skill:last-child{margin-bottom:0}.skill .skills{position:relative;text-align:left;border-width:80%}@media (min-width:0)and (max-width:767px){.skill .skills{text-align:center}}.skill .skills h3{border:none;text-align:left;font-size:25px;font-weight:200;color:rgba(255,255,255,.8);margin:0;padding:0}@media (min-width:0)and (max-width:767px){.skill .skills h3{text-align:center}}.skill .skills .name{text-align:left;padding:.75rem .75rem .75rem 2.5rem;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;font-size:26px;font-weight:300}@media (min-width:0)and (max-width:767px){.skill .skills .name{padding-left:.75rem;text-align:center}}.skill .skills .name.border{border-bottom:1px solid rgba(255,255,255,.2);padding:0}.skill .skills .name.selected{background-color:rgba(0,0,0,.2);font-weight:400}.skill .skills .language{position:relative;padding:.75rem;font-weight:300;font-size:36px;border-bottom:1px solid rgba(255,255,255,.1)}.skill .skills .language:last-child{border:none}.skill .skills .language .langdesc{display:block;font-size:20px;font-weight:200;line-height:56px}.skill .skills .language ng-progress{position:absolute;display:inline-block;border-radius:1px;background-color:rgba(0,0,0,.2);height:30px;top:50%;bottom:0;width:100%;font-size:20px;border:1px solid rgba(255,255,255,.1);-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}@media (min-width:768px)and (max-width:1299px){.skill .skills .language ng-progress{position:relative}}@media (min-width:0)and (max-width:767px){.skill .skills .language{text-align:center}.skill .skills .language .langdesc{text-align:center;line-height:2.5rem}.skill .skills .language ng-progress{position:relative}}.skill .description{position:relative}.skill .description .skillprogress{position:absolute;top:0;left:0;display:block;width:100%;height:40px;border-top:rgba(255,255,255,.1);background-color:rgba(255,255,255,.15);font-size:26px;font-weight:200}.portfolio .item,.skill .codingskill{border-top:1px solid rgba(255,255,255,.2)}.backportfolio .backcontainer,.frontportfolio{display:inline-block}.skill .codingskill{position:relative;text-align:center;margin:10px;padding:0;vertical-align:center}.skill .codingskill .skilltitle{font-size:36px;font-weight:200;line-height:100px}.skill .leftlanguages{border-right:1px solid rgba(255,255,255,.1)}.skill .leftlanguages .codingskill{text-align:right}.skill .leftlanguages .codingskill .skillprogress{float:left}.skill .subtitle{font-size:36px;font-weight:300}.skill .framework-logo{width:200px;height:200px}.entrydescription{-webkit-transition-delay:.1s;transition-delay:.1s}.entrydescription p{margin:0}@media (min-width:1920px){.entrydescription .flow-text{font-size:23px;line-height:2.5rem}}@media (min-width:1300px)and (max-width:1919px){.entrydescription .flow-text{font-size:23px;line-height:2.5rem}}@media (min-width:768px)and (max-width:1299px){.entrydescription .flow-text{font-size:20px;line-height:2.2rem}}@media (min-width:0)and (max-width:767px){.entrydescription{padding-top:10px}}.entry{margin-top:1rem;padding:1rem}.entry.col{padding-left:0}.entry .entryname{font-size:26px}.entry .entrysub,.entry .entryyears{font-size:20px;font-weight:300}.entry .recommendationtitle{margin-top:10px;font-size:18px}.entry .recommendation{position:relative;font-size:20px;font-weight:300;padding:1rem;border-radius:3px;background-color:rgba(255,255,255,.5)}.entry .recommendation .description{padding-left:40px;padding-right:40px}.entry .recommendation .author{font-weight:400;font-size:18px;text-align:right;margin-right:50px}.entry .recommendation .fa{font-size:30px}.entry .recommendation .fa.fa-quote-right{position:absolute;right:10px;bottom:10px}.entry .recommendation .fa.fa-quote-left{position:absolute;left:10px;top:10px}.portfolio .item{position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;color:#fff;background-color:rgba(0,0,0,.3);overflow:hidden}.portfolio .item .title{position:absolute;text-align:center;font-size:32px;font-weight:200;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);top:-59px;left:0;right:0}.portfolio .item .title.hovered{-webkit-transition:all .3s ease;transition:all .3s ease;top:0}.portfolio .item img{width:100%;height:100%}.portfolio .item .description{font-size:20px;font-weight:200;margin:.5rem;color:rgba(255,255,255,.8)}.portfolio .item:hover{-webkit-transition:all .3s ease;transition:all .3s ease;background-color:rgba(0,0,0,.4)}#projectrow.visible .frontportfolio ng-portfolio{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}.frontportfolio{background-color:transparent;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:1;z-index:2}.frontportfolio.ng-hide{-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transition-delay:.3s;transition-delay:.3s;opacity:0;pointer-events:none;z-index:0}.frontportfolio ng-portfolio{opacity:0;-webkit-transform:translateY(15px) scale(.7,.7);-ms-transform:translateY(15px) scale(.7,.7);transform:translateY(15px) scale(.7,.7)}.backportfolio{-webkit-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transition-delay:.3s;transition-delay:.3s;position:absolute;top:0;left:0;right:0;bottom:0;padding:inherit;margin:inherit;opacity:1;z-index:5}.backportfolio.ng-hide{-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;z-index:0}.backportfolio .fa{font-size:50px}.backportfolio .fa.fa-times-circle{position:absolute;-webkit-transition:all .3s ease;transition:all .3s ease;top:10px;font-size:60px;line-height:60px;padding:5px;cursor:pointer}.backportfolio .fa.fa-times-circle:hover{-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}@media (min-width:0)and (max-width:767px){.backportfolio .fa.fa-times-circle{font-size:45px;line-height:45px;top:5px;left:5px}}.backportfolio .header-progress{text-align:center;font-size:25px;padding-bottom:10px;margin-top:-10px}.backportfolio .images .col:nth-child(1) img{-webkit-transition-delay:.15s;transition-delay:.15s}.backportfolio .images .col:nth-child(2) img{-webkit-transition-delay:.3s;transition-delay:.3s}.backportfolio .images .col:nth-child(3) img{-webkit-transition-delay:.45s;transition-delay:.45s}.backportfolio .images img{-webkit-transition:all .3s ease;transition:all .3s ease;padding:0;margin:1rem;box-shadow:0 4px 6px rgba(0,0,0,.2);border-radius:2px;opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}.backportfolio .images img.ng-hide{opacity:0;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}.backportfolio .images div{text-align:center}.backportfolio .website{height:300px;width:100%;margin-top:1rem;border:none}.backportfolio .smalldescription{font-size:15px;font-weight:300;padding-top:0}.backportfolio .subinfo{font-size:32px;border-radius:5px;padding-left:90px}.backportfolio .subinfo .fa{padding:.75rem}.backportfolio .portfolioitemtitle{display:block;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;position:relative;opacity:1;text-align:center;pointer-events:none}.backportfolio .portfoliosubtitle{-webkit-transition:all .3s ease;transition:all .3s ease;display:block;text-align:center;font-size:25px;font-weight:300;line-height:40px;border:2px solid #fff;max-width:200px;margin:auto;border-radius:3px}.backportfolio .portfoliosubtitle:hover{-webkit-transition:all .3s ease;transition:all .3s ease;background-color:#fff;color:#3c3c3c!important}.backportfolio .categoryinfo{font-size:18px;border-radius:2px;padding-top:.75rem}.backportfolio .projectdescription{color:#fff}@media (min-width:1920px){.backportfolio .projectdescription.flow-text{font-size:23px;line-height:2.5rem}}@media (min-width:1300px)and (max-width:1919px){.backportfolio .projectdescription.flow-text{font-size:23px;line-height:2.5rem}}@media (min-width:768px)and (max-width:1299px){.backportfolio .projectdescription.flow-text{font-size:20px;line-height:2.2rem}}.subrow{border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:2rem}.subrow:last-child{border:none;padding-bottom:0;margin-bottom:0}.form{-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;display:inline-block;border-radius:3px;color:#000;margin:0 auto;background-color:rgba(255,255,255,.9);font-size:32px;font-weight:300;text-align:center}.form .formcontents{padding:3rem 1rem;margin-bottom:1rem}.form .formcontents.ng-invalid .sendbutton{background-color:grey!important;color:#fff!important;cursor:default;pointer-events:none}.form .descriptionbox{color:#000;text-align:left;font-size:20px}.form input,.form textarea{-webkit-transition:all .3s ease;transition:all .3s ease;border:none;border-radius:2px;margin-bottom:10px}.form input.ng-pristine,.form textarea.ng-pristine{box-shadow:none}.form input:focus,.form input:valid,.form textarea:focus,.form textarea:valid{-webkit-transition:all .3s ease;transition:all .3s ease}.form input::-webkit-input-placeholder,.form textarea::-webkit-input-placeholder{font-weight:200;color:#fff}.form textarea{font-size:20px}.form .sendbutton{float:right;cursor:pointer;padding:.5rem 2rem}.form .confirmcontents{-webkit-transition:all .3s ease;transition:all .3s ease;color:#000;opacity:0;left:0;right:0;top:20px;bottom:0;position:absolute;pointer-events:none}.form .confirmcontents .done,.form .confirmcontents .failed{-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0}.form .confirmcontents .done.show,.form .confirmcontents .show.failed{opacity:1}.form .confirmcontents .done .confirmed,.form .confirmcontents .failed .confirmed{position:absolute;top:0;left:0;right:0;color:#2ecc71;font-size:45px;font-weight:400}.form .confirmcontents .done .text,.form .confirmcontents .failed .text{left:0;right:0;position:absolute;font-size:30px;bottom:10px}.form .confirmcontents .failed .confirmed{color:#c0392b}.form .confirmcontents .loading{-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition-delay:.2s;transition-delay:.2s;color:#2c3e50;position:absolute;top:50px;bottom:0;left:0;right:0;margin:auto;text-align:center}.form .confirmcontents .loading.hide{opacity:0}.form.confirm{-webkit-transition:all .3s ease;transition:all .3s ease}.form.confirm .formcontents{-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;pointer-events:none}.form.confirm .confirmcontents{-webkit-transition:all .3s ease;transition:all .3s ease;opacity:1}.quote span{text-align:center;font-size:20px;font-weight:200}@media (min-width:0)and (max-width:767px){.quote span{font-size:18px}}.quote span.author{font-weight:400}