body{font-family:'Open Sans', sans-serif;color:#f9f9f9;background:#010101}body.about-is-open{overflow:hidden}h1{font-weight:bold}h2,h3,h4,h5,h6{font-weight:800}#preloader{z-index:150;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#000;display:-webkit-box;display:-ms-flexbox;display:flex}#preloader p{margin:auto;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;color:#fff}@-webkit-keyframes spin{0%{letter-spacing:0.8px;opacity:1}95%{letter-spacing:20px;opacity:0}100%{letter-spacing:0.8px;opacity:1}}@keyframes spin{0%{letter-spacing:0.8px;opacity:1}95%{letter-spacing:20px;opacity:0}100%{letter-spacing:0.8px;opacity:1}}.lines{position:fixed;z-index:-1;top:0;left:0;right:0;bottom:0}.lines .line{border-right:1px solid rgba(255,255,255,0.15);z-index:0}a:hover,a:focus{text-decoration:none}.logo{font-size:25px;font-weight:800;-webkit-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);color:#fff;position:fixed;z-index:10;top:5%;line-height:14px;-webkit-transition:all 1.2s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 1.2s cubic-bezier(0.19, 1, 0.22, 1);transition:all 1.2s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;opacity:0;letter-spacing:-0.25px}.logo.logo-appearing{-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);transform:scale(1, 1)}.about-is-open .logo{display:none}a,a:hover{color:#f9f9f9}.btn{position:fixed;top:5%;right:100px;z-index:11}.btn:before{pointer-events:none;left:100%;content:"";position:absolute;z-index:1;top:-1px;vertical-align:middle;width:100px;height:2px;background:#fff;-webkit-transition:color 1s cubic-bezier(0.19, 1, 0.22, 1),width 0.8s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:color 1s cubic-bezier(0.19, 1, 0.22, 1),transform 0.7s cubic-bezier(0.19, 1, 0.22, 1),width 0.8s cubic-bezier(0.19, 1, 0.22, 1);transition:color 1s cubic-bezier(0.19, 1, 0.22, 1),transform 0.7s cubic-bezier(0.19, 1, 0.22, 1),width 0.8s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1)}.btn:after{left:100%;content:"";position:absolute;z-index:1;top:-1px;vertical-align:middle;width:100px;height:2px;background:#fff;-webkit-transition:color 1s cubic-bezier(0.19, 1, 0.22, 1),width 0.8s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:color 1s cubic-bezier(0.19, 1, 0.22, 1),transform 0.7s cubic-bezier(0.19, 1, 0.22, 1),width 0.8s cubic-bezier(0.19, 1, 0.22, 1);transition:color 1s cubic-bezier(0.19, 1, 0.22, 1),transform 0.7s cubic-bezier(0.19, 1, 0.22, 1),width 0.8s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.7s cubic-bezier(0.19, 1, 0.22, 1)}.btn.btn-about{padding:0;opacity:0.3;-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;-o-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s}.btn.btn-about:before{-webkit-transform:translate3d(15px, 8px, 0);transform:translate3d(15px, 8px, 0)}.btn.btn-about:after{-webkit-transform:translate3d(155px, 8px, 0);transform:translate3d(155px, 8px, 0)}.btn.btn-about:hover{opacity:1;-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}.btn.btn-about:hover:before{width:0;-webkit-transform:translate3d(-100px, 8px, 0);transform:translate3d(-100px, 8px, 0)}.btn.btn-about:hover:after{-webkit-transform:translate3d(15px, 8px, 0);transform:translate3d(15px, 8px, 0)}.btn .btn-overflow{overflow:hidden;height:15px;-webkit-transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1)}.btn h6{color:#fff;z-index:2;-webkit-transition:color 0.8s cubic-bezier(0.19, 1, 0.22, 1),-webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:color 0.8s cubic-bezier(0.19, 1, 0.22, 1),transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);transition:color 0.8s cubic-bezier(0.19, 1, 0.22, 1),transform 0.8s cubic-bezier(0.77, 0, 0.175, 1),-webkit-transform 0.8s cubic-bezier(0.77, 0, 0.175, 1)}.btn .btn-overflow-active h6{-webkit-transform:translate3d(0px, -25px, 0);transform:translate3d(0px, -25px, 0)}.link-about{cursor:pointer}.title1-appearing{-webkit-transition:1.2s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:1.2s cubic-bezier(0.19, 1, 0.22, 1);transition:1.2s cubic-bezier(0.19, 1, 0.22, 1);letter-spacing:-6px;opacity:0}.title2-appearing{-webkit-transition:1.2s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:1.2s cubic-bezier(0.19, 1, 0.22, 1);transition:1.2s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s;letter-spacing:0;opacity:0}.title1,.title2,.logo-appearing{opacity:1}.title-disappear{opacity:0;letter-spacing:2px}.pre-about{width:100%;height:100%;background:white;position:fixed;z-index:11;left:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:hidden;-webkit-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}.pre-about.pre-about-active{visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1)}.about{width:100%;height:100%;background:#0c0c0c;position:fixed;z-index:11;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:hidden;-webkit-transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;overflow:hidden}.about>div{width:100%;height:100%;overflow-y:scroll;overflow-x:hidden}.about .row{margin-right:0;margin-left:0}.about.about-active{visibility:visible;-webkit-transform:translate3d(-15px, 0, 0);transform:translate3d(-15px, 0, 0);-webkit-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);-o-transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.8s cubic-bezier(0.77, 0, 0.175, 1)}.about .about-title{margin-top:5rem}.about .about-me a:hover{text-decoration:line-through}.about .about-me img{height:50px;margin-right:10px}header{height:100vh}header h1{font-size:4rem}header .scroll{position:absolute;height:100px;bottom:20px;color:#4d4d4d;-webkit-transition:all 1.2s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 1.2s cubic-bezier(0.19, 1, 0.22, 1);transition:all 1.2s cubic-bezier(0.19, 1, 0.22, 1);width:100%;text-align:center}header .scroll span{position:absolute;top:0;left:50%;width:30px;height:50px;margin-left:-15px;border:2px solid #4d4d4d;border-radius:50px}header .scroll span:before{position:absolute;top:10px;left:50%;content:'';width:6px;height:6px;margin-left:-3px;background-color:#4d4d4d;border-radius:100%;-webkit-animation:sdb10 2s infinite;animation:sdb10 2s infinite}header .scroll.scroll-disappear{opacity:0;visibility:hidden}@-webkit-keyframes sdb10{0%{-webkit-transform:translate(0, 0);opacity:0}40%{opacity:1}80%{-webkit-transform:translate(0, 20px);opacity:0}100%{opacity:0}}@keyframes sdb10{0%{transform:translate(0, 0);opacity:0}40%{opacity:1}80%{transform:translate(0, 20px);opacity:0}100%{opacity:0}}section{opacity:.3}section:hover{opacity:1}.project.project1{margin-top:200px !important}.project .project-number{position:absolute;left:-10px;font-size:2rem;font-weight:300}.project .project-title{font-size:3rem}@media (min-width: 576px){header h1{font-family:'Nosifer', cursive;font-size:5rem}}@media (min-width: 768px){header h1{font-size:6rem}.project-text{padding-left:0}}@media (min-width: 992px){header h1{font-size:9rem}.project-text{padding-left:0}}@media (min-width: 1200px){header h1{font-size:13rem}.projects{width:100%;height:100%;top:0;bottom:0;right:0;left:0;z-index:-2;-webkit-transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1);-o-transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1);position:fixed;background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:top center}.projects.project1-active{background-image:url(../images/portfolio/bardejov.jpg);opacity:0}.projects.project2-active{background-image:url(../images/portfolio/podlahy.jpg);opacity:0}.projects.project3-active{background-image:url(../images/portfolio/onlyne.jpg);opacity:0}.projects.project4-active{background-image:url(../images/portfolio/scoutt.jpg);opacity:0}.projects.project5-active{background-image:url(../images/portfolio/sused.jpg);opacity:0}.projects.project6-active{background-image:url(../images/portfolio/kubica.jpg);opacity:0}.projects.project7-active{background-image:url(../images/portfolio/istroklima.jpg);opacity:0}.projects.project8-active{background-image:url(../images/portfolio/pro-ing.jpg);opacity:0}.projects.project9-active{background-image:url(../images/portfolio/zariadim.jpg);opacity:0}.projects.project10-active{background-image:url(../images/portfolio/zariadim1.jpg);opacity:0}.projects.project11-active{background-image:url(../images/portfolio/zariadim2.jpg);opacity:0}.projects.project12-active{background-image:url(../images/portfolio/high5.jpg);opacity:0}.projects.project13-active{background-image:url(../images/portfolio/eblok.jpg);opacity:0}.projects.project14-active{background-image:url(../images/portfolio/bosp.jpg);opacity:0}.projects.project15-active{background-image:url(../images/portfolio/bd.jpg);opacity:0}.projects.project16-active{background-image:url(../images/portfolio/postova-banka.jpg);opacity:0}.projects.project17-active{background-image:url(../images/portfolio/thema.jpg);opacity:0}.project1:hover ~ .project1-active,.project2:hover ~ .project2-active,.project3:hover ~ .project3-active,.project4:hover ~ .project4-active,.project5:hover ~ .project5-active,.project6:hover ~ .project6-active,.project7:hover ~ .project7-active,.project8:hover ~ .project8-active,.project9:hover ~ .project9-active,.project10:hover ~ .project10-active,.project11:hover ~ .project11-active,.project12:hover ~ .project12-active,.project13:hover ~ .project13-active,.project14:hover ~ .project14-active,.project15:hover ~ .project15-active,.project16:hover ~ .project16-active,.project17:hover ~ .project17-active{opacity:.5}}@media (max-width: 1199px){.about-me img:not(:last-of-type){margin-bottom:10px}}@media (max-width: 991px){.title1-appearing{letter-spacing:0}}@media (max-width: 767px){.project .project-number{left:5px}}@media (max-width: 575px){.project .project-number{position:relative}.btn{right:65px}.btn:after,.btn:before{width:50px}}
/*# sourceMappingURL=style.css.map */