@font-face{font-family:'Roboto Slab';src:local('Roboto Slab Regular'),local('RobotoSlab-Regular'),url(../fonts/robotoslabregular.woff2) format('woff2'),url(../fonts/robotoslabregular.woff) format('woff'),url(../fonts/robotoslabregular.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Roboto Slab';src:local('Roboto Slab Bold'),local('RobotoSlab-Bold'),url(../fonts/robotoslabbold.woff2) format('woff2'),url(../fonts/robotoslabbold.woff) format('woff'),url(../fonts/robotoslabbold.ttf) format('truetype');font-weight:700;font-style:normal}@font-face{font-family:'Montserrat';src:local('Montserrat Bold'),local('Montserrat-Bold'),url(../fonts/montserratbold.woff2) format('woff2'),url(montserratbold.woff) format('woff'),url(../fonts/montserratbold.ttf) format('truetype');font-weight:700;font-style:normal}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}@keyframes opacity{0%,to{opacity:0}50%{opacity:1}}@keyframes change{0%,12.66%,to{transform:translate3d(0,0,0)}16.66%,29.32%,83.3%,95.96%{transform:translate3d(0,-25%,0)}33.32%,45.98%,66.64%,79.3%{transform:translate3d(0,-50%,0)}49.98%,62.64%{transform:translate3d(0,-75%,0)}}@keyframes city{0%{background-position:-1000px 100%,120% 30%,120% 15%,0 0}to{background-position:0 100%,-200% 10%,-50% 15%,0 0}}@keyframes portfolio-items{0%{opacity:0}to{opacity:1}}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font-family:'Roboto Slab',serif;font-size:14px;font-style:400;line-height:26px;color:#000;background-color:#fff}header,nav,section{display:block}h1{margin:.67em 0;font-size:42px;font-style:700;line-height:32px;text-transform:uppercase}a{background-color:transparent;-webkit-text-decoration-skip:objects}img{border-style:none;max-width:100%;height:auto}button,input{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;overflow:visible}button{text-transform:none;-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted ButtonText}[type=checkbox]{box-sizing:border-box;padding:0}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@font-face{font-family:'FontAwesome';src:url(../fonts/fontawesome-webfont.eot?v=4.7.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-github:before{content:"\f09b"}.fa-linkedin:before{content:"\f0e1"}.fa-angle-double-up:before{content:"\f102"}.fa-desktop:before{content:"\f108"}.fa-code:before{content:"\f121"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-vk:before{content:"\f189"}.fa-wordpress:before{content:"\f19a"}.fa-telegram:before{content:"\f2c6"}.animated{animation-duration:1s;animation-fill-mode:both}.flash{animation-name:flash}.fadeInRight{animation-name:fadeInRight}.fadeInUp{animation-name:fadeInUp}.slideInLeft{animation-name:slideInLeft}.slideInRight{animation-name:slideInRight}h2{font-size:32px;font-style:400;line-height:38px;position:relative;overflow:hidden;text-transform:uppercase}h2:after,h2:before{position:relative;display:inline-block;width:100%;height:3px;content:'';vertical-align:middle;border-radius:15px;background-color:#333}h2:before{left:-14px;margin-left:-100%}h2:after{right:-14px;margin-right:-100%}h3,h4{font-size:20px;font-style:700;line-height:24px}h4{font-style:400;line-height:32px;color:#212121}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;border:0}.btn,.btn:active,.btn:hover{text-decoration:none}.btn{font-weight:700;text-transform:uppercase;text-align:center;border:1px solid rgba(0,0,0,.2);padding:14px 40px;box-shadow:inset 0 0 20px transparent;outline:1px solid;outline-color:rgba(255,255,255,.5);outline-offset:0;transition:all 2050ms cubic-bezier(.19,1,.22,1);color:#fff;background-color:#212121}.btn:hover{color:#222;background-color:#fff;border:1px solid;box-shadow:inset 0 0 20px rgba(255,255,255,.1),0 0 20px rgba(255,255,255,.2);outline-color:transparent;outline-offset:15px}.btn:active{background-color:#ddd;border:1px solid #aaa;color:#000}.page-header{position:fixed;width:100%;z-index:2;padding-top:20px;border-bottom:1px solid rgba(22,160,133,.15);background-color:#fff}.page-header__language{z-index:1;position:absolute;top:27px;right:15px;border-radius:50%;opacity:.5}.page-header__language:hover{opacity:.8}.page-header__content{width:200px;position:relative;overflow:hidden;font-style:700;font-family:'Montserrat',sans-serif;font-size:24px;line-height:32px;color:#333;letter-spacing:3px;text-shadow:-.8px 0 1px #1ef2f1,.8px 0 1px #f6050a}.page-header__content__container{overflow:hidden;height:47.5px;padding:0 40px 0 0}.page-header__content__container:before{content:'[';left:0}.page-header__content__container:after{content:']';right:0}.page-header__content__container:after,.page-header__content__container:before{position:absolute;top:0;color:#16a085;font-size:42px;line-height:40px;animation-name:opacity;animation-duration:2.5s;animation-iteration-count:infinite}.page-header__content__container__list{margin-top:0;text-align:right;list-style:none;animation-name:change;animation-duration:10s;animation-iteration-count:infinite}.page-header__content__container__list__item{line-height:40px;margin:0}.home-section{animation:city 90s linear infinite;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width=\'100\' height=\'20\' viewBox=\'0 0 100 20\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z\' fill=\'%2316a085\' fill-opacity=\'0.15\' fill-rule=\'evenodd\'/%3E%3C/svg%3E")}.home-section__container-fluid{padding:20px 20px 80px;width:auto}.home-section__title{margin-bottom:-15px;padding-top:100px;padding-right:70px}.about__skills h2,.home-section__desc{margin-bottom:40px}.about{width:auto;padding:30px 0;text-align:center}.about__me p{padding:10px 30px;margin-bottom:50px}.about__skills{margin-top:70px}.about__langs{display:flex;flex-direction:row;flex-wrap:nowrap}.about__item{width:33.3%}.about__item img{margin-bottom:10px}.about__item h3{margin-top:0}.about__item .about__js{margin-top:8px;margin-bottom:0}.fa-html5{margin-right:20px;margin-bottom:30px}.fa-wordpress{font-size:35px;margin-bottom:20px}.service__content{width:auto;padding-top:10px;padding-bottom:20px;text-align:center;background-color:#fff}.service__content h2{padding-top:30px}.service__items{display:flex;flex-direction:row;flex-wrap:nowrap}.service__item{width:50%;padding:0 20px 20px}.portfolio{padding:10px 0 20px;text-align:center;width:auto}.slide{display:none}.showing{display:flex;flex-direction:row;padding-bottom:15px;justify-content:center;flex-wrap:wrap;animation:portfolio-items .8s ease-in 1}.portfolio__item{display:inline-block;overflow:hidden;width:100%;height:190px;margin-right:35px;margin-bottom:30px;margin-left:0;text-decoration:none;border:0;outline:0;background:#111}.portfolio__item p{font-family:'Montserrat',sans-serif;margin-top:82.5px;text-align:center;letter-spacing:1px;text-transform:uppercase;color:#eee;text-shadow:-.01px 0 1px #1ef2f1,.01px 0 1px #f6050a}.portfolio__item p span{font-size:22px}.portfolio__controls{display:inline-block;float:left;width:50%;height:50px;margin-bottom:60px;cursor:pointer;border:1px solid #eee;outline:0;background-color:#fff}.portfolio__controls:active,.portfolio__controls:hover{background-color:#eee}.portfolio__controls__left{border-right:0 solid #eee}.waiting{padding:20px 15px 0;text-align:center;background:#000 url(../img/waiting.jpg) no-repeat 30% top;background-size:cover}.waiting h3{color:#fff;font-weight:400;font-size:34px;line-height:36px;padding-bottom:60px}.waiting__counter{color:#fff;letter-spacing:.1em;overflow:visible;font-size:100px;line-height:100px;text-align:center;margin:30px auto;display:block}.contact{padding:10px 0 0;text-align:center;width:auto}.contact__network{display:-ms-grid;display:grid;padding-top:0;padding-bottom:0;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:200px;grid-template-rows:200px}.contact__network a{border-bottom:1px solid #333;font-size:70px;padding-top:55px;padding-bottom:65px;color:#333}.contact__network a:hover{text-decoration:none;background:#fff;background:radial-gradient(ellipse at center,#fff 0%,#ccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc', GradientType=1)}.page-footer{background-color:#222;color:#fff}.page-footer__container-fluid{width:auto;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.page-footer__container-fluid div{width:33.3%;padding:50px 0}.page-footer__copy{font-family:'Montserrat',sans-serif;letter-spacing:1px;text-shadow:-.6px 0 1px #1ef2f1,.6px 0 1px #f6050a;text-align:center;margin-top:10px;color:#eee}.page-footer__up{text-align:right}.page-footer__up .fa-angle-double-up{cursor:pointer;text-align:center;font-size:25px;line-height:50px;width:50px;height:50px;border-radius:25px;color:#222;background-color:#fff;border:1px solid #fff}@media (min-width:768px){.page-header__language{top:27.5px}.page-header__content{margin:0 5vw}#hamburger,.service__content h2:after,.service__content h2:before{display:none}.main-nav{margin:0;padding-bottom:20px}.main-nav__wrapper{position:absolute;top:17.5px;right:8%;display:flex;justify-content:space-around}.main-nav__items{color:#fff;display:flex;flex-grow:1;flex-wrap:wrap}.main-nav__item{list-style-type:none;margin-right:15px}.main-nav__item:last-child{margin-right:0}.active{border-bottom:2px solid #333}.main-nav__item a{padding:25px 0 4px;text-decoration:none;color:#000}.main-nav__item a[href]:hover{color:#333;border-bottom:2px solid #333}.main-nav__item a[href]:active{color:#666}.home-section__container-fluid{width:88%;max-width:960px;margin:0 auto;padding-top:50px;padding-bottom:160px}.home-section__desc{margin-bottom:60px}.about{width:88%;max-width:960px;margin:0 auto}.about__me p{padding:10px 150px}.about__item{margin-top:10px;margin-bottom:10px}.about__item .about__js{margin-top:-3px;margin-bottom:12px}.service__content{max-width:960px}.service{padding:170px 40px 40px;background:#fff url(../img/Untitled-2.jpg) no-repeat top center;background-size:100%}.service__content{width:auto;padding-top:10px;padding-bottom:40px;margin:20px;text-align:center;background-color:#fff;box-shadow:0 12px 78px -2px rgba(51,51,51,.5)}.portfolio{width:88%;max-width:960px;margin:0 auto;position:relative}.portfolio__item{width:190px;margin-right:20px;margin-left:0}.portfolio__item,.portfolio__item span{transition:all .3s ease-in-out}.portfolio__item span:hover,.portfolio__item:hover{border-radius:50%}.portfolio__controls{position:absolute;top:175px;width:60px;height:60px;border:0 solid #eee}.portfolio__controls .fa{font-size:40px}.portfolio__controls,.portfolio__controls:active,.portfolio__controls:hover{background-color:transparent}.portfolio__controls:active .fa,.portfolio__controls:hover .fa{font-size:50px}.portfolio__controls__left{left:-20px}.portfolio__controls__right{right:-20px}@keyframes portfolio__item{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}to{transform:perspective(400px) rotateX(0deg);opacity:1}}.portfolio__item{animation-name:portfolio__item;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}.contact{width:88%;max-width:960px;margin:0 auto;padding:10px 0 30px}.contact__network{padding-top:30px;padding-bottom:50px;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.contact__network a{border-bottom:0 solid #333}.contact__network a:nth-child(2n){border-left:1px solid #333}.contact__network a:nth-child(n+3){border-top:1px solid #333}.page-footer__container-fluid{width:88%;max-width:960px;margin:0 auto}}@media (min-width:768px) and (min-width:768px){.service__content{width:88%;max-width:960px;margin:0 auto}}@media (min-width:1200px){.page-header__content{margin:0 15vw}.main-nav__wrapper{right:15%}.main-nav__item{margin-right:22px}.service{padding-top:260px;background:#fff url(../img/scaled-at-200/img@2x.jpg) no-repeat top center;background-size:100%}.portfolio__item{margin-right:40px}.portfolio__controls__left{left:0}.portfolio__controls__right{right:0}}@media (max-width:767px){.page-header{position:static}.page-header__content{width:190px;margin:0 auto 20px}.page-header__content__container{padding:0 40px 0 0}.main-nav{position:relative;width:auto}.main-nav__items{margin:0;padding:0;list-style:none;font-weight:700}.main-nav__item a{display:block;padding:16px 25px;color:#000;text-decoration:none;background-color:#efefef;border-top:1px solid #e1e1e1;border-bottom:1px solid #eee}.main-nav__item a:hover{color:#000;background-color:#ccc;border-top:1px solid #bbb;border-bottom:1px solid #bbb}#hamburger{display:none}.main-nav__wrapper{display:none;transition-duration:.2s;transition-delay:.2s}.menuicon{position:absolute;top:5px;left:10px;display:block;cursor:pointer;height:21px;width:25px}.menuicon span,.menuicon span::after,.menuicon span::before{display:block;width:30px;height:5px;background-color:#222}.menuicon span{top:-51px;left:10px;position:relative;transition-delay:.2s}.menuicon span::after,.menuicon span::before{content:'';position:absolute;transition-duration:.2s;transition-delay:.2s}.menuicon span::before{margin-top:-8px}.menuicon span::after{margin-top:8px}#hamburger:checked~.main-nav__wrapper{display:block}#hamburger:checked~.menuicon span{background-color:transparent}#hamburger:checked~.menuicon span::after,#hamburger:checked~.menuicon span::before{margin-top:0}#hamburger:checked~.menuicon span::before{transform:rotate(45deg)}#hamburger:checked~.menuicon span::after{transform:rotate(-45deg)}.home-section__title{padding-top:20px}.about{padding-bottom:0}.about__langs{flex-wrap:wrap}.about__item{width:100%;margin-top:10px}.service{padding:0;background-color:#fff}.service h2{padding-bottom:15px}.service__items{flex-wrap:wrap}.service__item{width:100%}.page-footer__up .fa-angle-double-up{margin-right:20px}}