@font-face{font-family:light;src:url(../fonts/wotfard/wotfard-light-webfont.eot);src:url(../fonts/wotfard/wotfard-light-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/wotfard/wotfard-light-webfont.woff2) format('woff2'),url(../fonts/wotfard/wotfard-light-webfont.woff) format('woff'),url(../fonts/wotfard/wotfard-light-webfont.ttf) format('truetype');font-weight:200;font-style:normal}@font-face{font-family:regular;src:url(../fonts/wotfard/wotfard-regular-webfont.eot);src:url(../fonts/wotfard/wotfard-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/wotfard/wotfard-regular-webfont.woff2) format('woff2'),url(../fonts/wotfard/wotfard-regular-webfont.woff) format('woff'),url(../fonts/wotfard/wotfard-regular-webfont.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:semi;src:url(../fonts/wotfard/wotfard-semibolditalic-webfont.eot);src:url(../fonts/wotfard/wotfard-semibolditalic-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/wotfard/wotfard-semibolditalic-webfont.woff2) format('woff2'),url(../fonts/wotfard/wotfard-semibolditalic-webfont.woff) format('woff'),url(../fonts/wotfard/wotfard-semibolditalic-webfont.ttf) format('truetype');font-weight:600;font-style:normal}@font-face{font-family:bold;src:url(../fonts/wotfard/wotfard-bold-webfont.eot);src:url(../fonts/wotfard/wotfard-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/wotfard/wotfard-bold-webfont.woff2) format('woff2'),url(../fonts/wotfard/wotfard-bold-webfont.woff) format('woff'),url(../fonts/wotfard/wotfard-bold-webfont.ttf) format('truetype');font-weight:700;font-style:normal}@font-face{font-family:ico;src:url(../fonts/icons/icons.eot);src:url(../fonts/icons/icons?#iefix) format('embedded-opentype'),url(../fonts/icons/icons.woff) format('woff'),url(../fonts/icons/icons.ttf) format('truetype'),url(../fonts/icons/icons.svg) format('svg');font-weight:400;font-style:normal}@font-face{font-family:logo;src:url(../fonts/icons/logo.eot);src:url(../fonts/icons/logo?#iefix) format('embedded-opentype'),url(../fonts/icons/logo.woff) format('woff'),url(../fonts/icons/logo.ttf) format('truetype'),url(../fonts/icons/logo.svg) format('svg');font-weight:400;font-style:normal}@font-face{font-family:nav;src:url(../fonts/nav/nav.eot);src:url(../fonts/nav/nav?#iefix) format('embedded-opentype'),url(../fonts/nav/nav.woff) format('woff'),url(../fonts/nav/nav.ttf) format('truetype'),url(../fonts/nav/nav.svg) format('svg');font-weight:400;font-style:normal}@font-face{font-family:mat;src:url(../fonts/material/material.eot);src:url(../fonts/material/material?#iefix) format('embedded-opentype'),url(../fonts/material/material.woff) format('woff'),url(../fonts/material/material.ttf) format('truetype'),url(../fonts/material/material.svg) format('svg');font-weight:400;font-style:normal}.ico{font-family:ico}.logo{font-family:logo}.nav{font-family:nav}.shapes{font-family:shapes}.light{font-family:light,Lucida Grande,Verdana,Arial,sans-serif}.regular{font-family:regular,Lucida Grande,Verdana,Arial,sans-serif}.semi{font-family:semi,Lucida Grande,Verdana,Arial,sans-serif}.bold{font-family:bold,Lucida Grande,Verdana,Arial,sans-serif}.material{font-family:mat,Lucida Grande,Verdana,Arial,sans-serif}.transitionText{transition:color .5s}.transition{transition:all .1s}.transitionSlow{transition:all 1s}.border{border-radius:2px}.border0{border-radius:0}.border5{border-radius:5px}.border10{border-radius:10px}.border25{border-radius:25px}.border1px{border:1px solid #fff}.border1pxdark{border:1px solid #313340}.border1pxgreen{border:1px solid #61e2d2}.icon{margin:0 0 40px 10px;padding:25px;font-family:ico;display:block;font-size:100px;line-height:120px;color:#313340;height:120px;width:120px;border-radius:100%;text-align:center;vertical-align:top}.icon.webdesign::before{content:"\0055"}.icon.portfolio::before{content:"\0059"}.icon.mail::before{content:"\0043"}.icon.info::before{content:"\0058"}.icon.responsive::before{content:"\0049"}.icon.search::before{content:"\0055"}.icon.opti::before{content:"\0056"}.icon.feather::before{content:"\0057"}.size{padding:0 5px 0 0;font-family:ico;display:inline-block;text-align:center;vertical-align:top}.spec{margin:0 10px 0 0}.spec.design::before{padding:0 5px 0 0;font-family:ico;display:inline-block;text-align:center;vertical-align:top;content:"\0054"}.spec.dev::before{padding:0 5px 0 0;font-family:ico;display:inline-block;text-align:center;vertical-align:top;content:"\0048"}.spec.css::before{padding:0 5px 0 0;font-family:ico;display:inline-block;text-align:center;vertical-align:top;content:"\004d"}.spec.html::before{padding:0 5px 0 0;font-family:ico;display:inline-block;text-align:center;vertical-align:top;content:"\004c"}.spec.rwd::before{padding:0 5px 0 0;font-family:ico;display:inline-block;text-align:center;vertical-align:top;content:"\0048"}.spec.jquery::before{padding:0 5px 0 0;font-family:ico;display:inline-block;text-align:center;vertical-align:top;content:"\004e"}.spec.id::before{padding:0 5px 0 0;font-family:ico;display:inline-block;text-align:center;vertical-align:top;content:"\0050"}.spec.ps::before{padding:0 5px 0 0;font-family:ico;display:inline-block;text-align:center;vertical-align:top;content:"\0051"}.spec.ai::before{padding:0 5px 0 0;font-family:ico;display:inline-block;text-align:center;vertical-align:top;content:"\0052"}.spec.fl::before{padding:0 5px 0 0;font-family:ico;display:inline-block;text-align:center;vertical-align:top;content:"\0053"}.spec.less::before{padding:0 5px 0 0;font-family:ico;display:inline-block;text-align:center;vertical-align:top;content:"\005a"}.spec.axure::before{padding:0 5px 0 0;font-family:ico;display:inline-block;text-align:center;vertical-align:top;content:"\0059"}.spec.lang::before{padding:0 5px 0 0;display:inline-block;text-align:center;vertical-align:top;content:"\f173";font-family:mat,Lucida Grande,Verdana,Arial,sans-serif}*{margin:0;padding:0;font-weight:400}body{font-size:18px;line-height:1.5;background-color:#313340;font-family:regular,Lucida Grande,Verdana,Arial,sans-serif;-moz-animation:fade 1s;-webkit-animation:fade 1s;animation:fade 1s;transition:all .1s}body>div{background-color:#ebeff2}h1,h2,h3,h4,h5{margin:0 0 30px}h1{font-size:36px;line-height:1.2;font-family:light,Lucida Grande,Verdana,Arial,sans-serif}h2{font-size:36px;line-height:1.2;font-family:bold,Lucida Grande,Verdana,Arial,sans-serif}h2 span{display:block;font-size:20px;font-family:light,Lucida Grande,Verdana,Arial,sans-serif;text-transform:lowercase}h2.name{display:block;width:30%;margin-left:25%}h3{font-size:25px;font-family:regular,Lucida Grande,Verdana,Arial,sans-serif}h4,h5{font-size:18px;font-family:regular,Lucida Grande,Verdana,Arial,sans-serif}hr{margin:80px 0;border:0;border-bottom:solid 1px none}p{margin:0 0 20px}p.big{margin:0 0 60px;font-size:22px;font-family:light,Lucida Grande,Verdana,Arial,sans-serif}p.ruler{margin:0 0 60px;border-left:solid 2px #475ffd;padding-left:2.5%}p.center{text-align:center}strong{font-family:bold,Lucida Grande,Verdana,Arial,sans-serif}a{color:#313340;transition:all .1s}a:hover{color:#475ffd}a.cta{margin:30px 30px 0 0;display:inline-block;color:#313340;text-decoration:none;text-align:center;transition:all .1s}a.cta.screenshots:hover,a.cta:hover{color:#475ffd}a.cta.screenshots:hover:before{padding:0 5px}a.cta.screenshots::before{content:"\f17f";vertical-align:middle;font-size:24px;padding:0 10px 0 0;font-family:mat,Lucida Grande,Verdana,Arial,sans-serif;transition:all .1s}a.cta.visit:hover:before{padding:0 5px}a.cta.visit::before{padding:0 10px 0 0;content:"\f2ee";vertical-align:middle;font-size:24px;font-family:mat,Lucida Grande,Verdana,Arial,sans-serif;transition:all .1s}a.cta.download{padding:10px 30px;background:#475ffd;color:#fff;border-radius:2px}a.cta.download:hover{background:#303f9f}a.chat{position:fixed;bottom:5%;left:calc(6%);width:auto;height:50px;padding:0 15px;display:block;z-index:998;transition:color .5s;text-decoration:none;background:#fff;border-radius:50px;text-align:center;font-family:regular,Lucida Grande,Verdana,Arial,sans-serif;opacity:.5}a.chat::before{content:"\f15a";font-size:24px;line-height:50px;width:50px;font-family:mat,Lucida Grande,Verdana,Arial,sans-serif}a.chat span{padding:15px 5px 15px 20px;display:none;line-height:20px;vertical-align:top;font-size:16px}a.chat:hover{opacity:1;box-shadow:0 0 5px rgba(49,51,64,.2)}a.chat:hover span{display:inline-block}a.top{position:fixed;bottom:5%;right:calc(6%);width:50px;height:50px;display:block;z-index:998;opacity:.5;transition:color .5s;text-decoration:none;background:#fff;border-radius:50px;text-align:center}a.top:before{content:"\f2fc";font-size:44px;line-height:50px;font-family:mat,Lucida Grande,Verdana,Arial,sans-serif}a.top:hover{opacity:1;box-shadow:0 0 5px rgba(49,51,64,.2)}footer,header,nav,section{width:100%;position:relative}footer>div,header>div,nav>div,section>div{margin:0 auto;padding:80px 5%;width:100%;max-width:1900px;overflow:hidden;box-sizing:border-box}footer>div.nopadding,header>div.nopadding,nav>div.nopadding,section>div.nopadding{padding:0}footer>div.paddingbottom,header>div.paddingbottom,nav>div.paddingbottom,section>div.paddingbottom{padding-bottom:0}footer>div.center,header>div.center,nav>div.center,section>div.center{text-align:center}footer>ul,header>ul,nav>ul,section>ul{margin:0 auto;padding:10px 3%;width:100%;max-width:1900px;box-sizing:border-box}main{margin:0 auto;display:inline-block;box-sizing:border-box;text-align:left;width:50%}main img{max-width:100%}main#info{margin:0;min-height:40vh}main p{text-align:left}main span.title{min-width:150px;display:inline-block;text-transform:uppercase;font-size:10px;vertical-align:top}main ul.some{margin:30px 0 0;list-style:none}main ul.some.menu{margin:30px 0 0}main ul.some.menu li,main ul.some.menu li a{margin:0 0 5px}main ul.some li{margin:0 20px 0 0;padding:5px;display:inline-block}main ul.some li span{padding:0 0 5px;display:block}main ul.some li a{margin:0;display:block;text-decoration:none;color:#313340;font-size:16px;line-height:20px;vertical-align:top}main ul.some li a:hover{color:#475ffd}main ul.some li a.email{margin:0 0 10px}main ul.some li a.email::before{padding:0 10px 0 0;content:"\f15a";font-size:24px;font-family:mat,Lucida Grande,Verdana,Arial,sans-serif}main ul.some li a.fb{margin:0 0 10px}main ul.some li a.fb::before{padding:0 10px 0 0;content:"\0044";font-size:20px;font-family:ico}main ul.some li a.in{margin:0 0 10px}main ul.some li a.in::before{padding:0 10px 0 0;content:"\0045";font-size:20px;font-family:ico}main ul.some li a.gl{margin:0 0 10px}main ul.some li a.gl::before{padding:0 10px 0 0;content:"\0046";font-size:20px;font-family:ico}aside{margin:0 5% 0 0;width:20%;text-align:left;display:inline-block;vertical-align:top;box-sizing:border-box;font-size:16px}aside.minature{float:left}aside.minature img{margin:0 0 30px;max-height:80px;max-width:150px;width:auto}aside p img{margin:10px 30px 10px 0;height:30px}aside p img.img{height:120px}aside ul{margin:20px 0;list-style:none}aside ul.menu{margin:30px 0 0}aside ul.menu li,aside ul.menu li a{margin:0 0 5px}aside ul li{margin:0;padding:5px;border-radius:2px}aside ul li span{padding:0 0 5px;display:block}aside ul li a{margin:0;display:block;text-decoration:none;color:#313340}aside ul li a:hover{color:#475ffd}aside ul li a.fb{margin:0 0 10px}aside ul li a.fb::before{padding:0 10px 0 0;content:"\0044";vertical-align:middle;font-size:20px;font-family:ico}aside ul li a.in{margin:0 0 10px}aside ul li a.in::before{padding:0 10px 0 0;content:"\0045";vertical-align:middle;font-size:20px;font-family:ico}aside ul li a.gl{margin:0 0 10px}aside ul li a.gl::before{padding:0 10px 0 0;content:"\0046";vertical-align:middle;font-size:20px;font-family:ico}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#313340;z-index:20000}#status{width:150px;height:150px;position:absolute;left:50%;top:50%;background-image:url(../svg/loader.svg);background-repeat:no-repeat;background-position:center;background-size:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}nav{color:#313340;z-index:999;width:100%;left:0;top:0;position:fixed}nav ul{position:relative}nav ul.center{text-align:left}nav ul li{display:inline-block}nav ul li.right,nav ul li.some{float:right;display:inline-block}nav ul li.context{position:relative}nav ul li.context:hover>a{background:#313340;color:#fff}nav ul li.context:hover ul{display:block!important}nav ul li.context ul{display:none;padding:5px 10px;margin:0;width:300px;position:absolute;top:33px;left:0;background:#313340;font-size:14px;overflow:hidden;box-sizing:border-box}nav ul li.context ul li{padding:0;margin:0;box-sizing:border-box;width:100%;border-bottom:solid 1px #1b1c23;color:#fff}nav ul li.context ul li span{padding:10px 0;font-family:bold,Lucida Grande,Verdana,Arial,sans-serif;display:block;color:#475ffd}nav ul li.context ul li:last-child{border-bottom:0}nav ul li.context ul li a{display:block;margin:0;padding:10px 0;color:#fff;box-sizing:border-box;transition:all 1s}nav ul li.context ul li a:hover{color:#475ffd}nav ul li.context ul li a:hover:before{padding:0 5px 0 0;content:"\f301";vertical-align:top;font-family:mat,Lucida Grande,Verdana,Arial,sans-serif}nav ul li a{padding:20px 10px;line-height:20px;display:inline-block;color:#313340;text-decoration:none;transition:color .5s;font-family:light,Lucida Grande,Verdana,Arial,sans-serif}nav ul li a:hover{background:0 0}nav ul li a.selected{color:#475ffd}nav ul li a.selected:hover{color:#303f9f;background:0 0}nav ul li a.home{font-weight:400;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-family:logo}nav ul li a.home .home{width:50px;height:38px;line-height:38px;top:0}nav ul li a.home .home::before{font-size:44px;top:10px;content:"\0042";height:38px;line-height:38px}nav ul li a.home:hover{text-decoration:none}nav ul li a.start::before{content:"\f175";vertical-align:top;font-size:24px;font-family:mat,Lucida Grande,Verdana,Arial,sans-serif}nav ul li a.up::before{content:"\f252";vertical-align:top;font-family:mat,Lucida Grande,Verdana,Arial,sans-serif}nav ul li a.menu{padding:10px;cursor:pointer;text-align:center;width:20px}nav ul li a.menu::before{content:"\f313";vertical-align:top;font-family:mat,Lucida Grande,Verdana,Arial,sans-serif;font-size:24px}nav ul li a.menu.selected-close{background:#313340;color:#fff}nav ul li a.menu.selected-close:before{content:"\f136"}nav ul li a.menu:hover,nav ul li a.menu:hover.selected{background:#313340}nav ul li a.back{cursor:pointer}nav ul li a.back::before{margin:0 0 0 2.5px;content:"\f2ea";vertical-align:top;font-family:mat,Lucida Grande,Verdana,Arial,sans-serif;font-size:24px;line-height:16px;transition:all .1s}nav ul li a.back:hover:before{margin:0 2.5px 0 0}nav ul li a.contact::before{content:"\f15a";vertical-align:top;font-family:mat,Lucida Grande,Verdana,Arial,sans-serif;font-size:24px}nav ul li a.fb::before{content:"\004a";vertical-align:top;font-family:nav;font-size:18px}nav ul li a.in::before{content:"\004b";vertical-align:top;font-family:nav;font-size:18px}nav ul li a.gl::before{content:"\004c";vertical-align:top;font-family:nav;font-size:18px}nav ul li a.lang{font-family:semi,Lucida Grande,Verdana,Arial,sans-serif}.background,.sticky{background-color:#fff;box-shadow:0 0 2px rgba(49,51,64,.2)}.sticky .home{width:50px;height:38px;line-height:38px;top:0}.sticky .home.selected:hover{background:#fff}.sticky .home a{background-color:#fff}.sticky .home::before{font-size:44px;top:10px;content:"\0042";height:38px;line-height:38px}.logo .home{width:50px;height:38px;line-height:38px;top:0}.logo .home::before{font-size:44px;top:10px;content:"\0042";height:38px;line-height:38px}header{color:#313340;background:url(../images/header-foto.jpg) 50% 50%/cover no-repeat fixed #ebeff2;position:relative}header>div{display:block;height:100vh;min-height:60%;position:relative;text-align:center}header>div.project{background-attachment:scroll;background-size:auto 100%;background-position:50% 50%;background-repeat:no-repeat}header>div a.cta{margin:20px 0 0;color:#313340;border:2px solid #313340}header>div a.cta:hover{background:#475ffd;border:2px solid #475ffd;color:#fff}header>div a.about{position:absolute;bottom:10%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;text-decoration:none;height:50px;width:50px;z-index:99}header>div a.about::after{margin-left:20px;content:"\f2f9";font-size:80px;line-height:50px;font-family:mat,Lucida Grande,Verdana,Arial,sans-serif}header>div::before{font-size:100px;height:100px;line-height:100px;vertical-align:top;min-width:100px;display:block;content:"\0042";font-family:logo;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}header>div::before .home{width:50px;height:38px;line-height:38px;top:0}header>div::before .home::before{font-size:44px;top:10px;content:"\0042";height:38px;line-height:38px}header>div h1{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-family:light,Lucida Grande,Verdana,Arial,sans-serif;width:50%}header>div h1 strong{font-family:semi,Lucida Grande,Verdana,Arial,sans-serif}section{background:#e1e7eb}section#name{background:url(../images/header.jpg) 50% 50%/cover no-repeat fixed #e1e7eb;position:relative}section#name>div{margin:0 auto;padding:80px 5% 0}section.photo{background-image:url(../images/artur.jpg);background-position:80% 100%;background-repeat:no-repeat;background-size:400px;position:relative}section.margin{padding-top:50px}section.sub{padding-top:90px;background-color:#e1e7eb}section:nth-child(2n+0){background:#ebeff2}section:nth-child(2n+0) a.more{background:#e1e7eb}section>div.swiper-container{max-width:100%;background:#e1e7eb}section>div.swiper-container img{border:5px solid #fff;border-radius:2px}section>div.swiper-container.swiper-slide{background:red;width:50%}section a.more{position:absolute;bottom:-25px;left:50%;display:block;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:1;text-decoration:none;text-align:center;background:#ebeff2;height:50px;width:50px;border-radius:50px;z-index:99}section a.more::after{display:block;content:"\f2f9";font-size:44px;line-height:50px;font-family:mat,Lucida Grande,Verdana,Arial,sans-serif;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}section figure{text-align:center;margin:0;padding:0}section figure img{width:90%;max-width:1000px;margin:0;padding:0;display:inline-block;border:10px solid #fff;box-shadow:0 0 25px #ccc}section figure.browser{box-shadow:0 0 25px #ccc;max-height:60vh;overflow-y:scroll}section figure.small{text-align:left}section figure.small img{box-shadow:none;max-width:80px}section.dark{background:url(../images/section.jpg) 50% 50% repeat-x fixed #313340;color:#fff;background-size:cover;position:relative;text-align:center}section.dark a{color:#fff}section.dark a:hover{color:#475ffd}section.dark a.cta{margin:60px 0 0;color:#fff;border:2px solid #fff}section.dark a.cta:hover{background:#fff;color:#313340}section.dark .icon{color:#61e2d2}section.dark p span{margin:0;padding:0}section.dark p span::before{margin:0}section.dark figure{margin:30px 0;width:100%;max-width:800px}section.dark figure img{width:100%;height:auto}section h1.space,section h2.space{margin:0 0 30px}section h1.ak:before,section h2.ak:before{margin:0 0 20px;content:"\0042";font-family:logo;display:block;font-size:80px}section h1.ak:before .home,section h2.ak:before .home{width:50px;height:38px;line-height:38px;top:0}section h1.ak:before .home::before,section h2.ak:before .home::before{font-size:44px;top:10px;content:"\0042";height:38px;line-height:38px}section blockquote{margin:0 0 10px;padding:20px;background-color:#fff;display:block;border:10px solid #fff;overflow:hidden}section blockquote h1{font-size:20px;border-left:0}section blockquote h2{font-size:16px;margin:0 0 20px;font-family:light,Lucida Grande,Verdana,Arial,sans-serif}section article.experience{position:relative}section article.experience>div{margin:0 auto;display:inline-block;box-sizing:border-box;text-align:left;width:70%;min-width:200px}section article.experience>div h3{margin:0 0 40px 240px;font-family:bold,Lucida Grande,Verdana,Arial,sans-serif}section article.experience>div p{margin:0 0 40px 240px}section article.experience>div p.divider{padding:0 0 40px;border-bottom:solid 1px #ccc}section article.experience>div p b{position:absolute;left:0;display:block;width:200px;text-align:right}section article.experience>div p b span{padding:10px;background:#475ffd;color:#fff;right:0}section article.experience>div p b span::after{border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #475ffd;display:inline-block;content:"";position:absolute;top:50%;right:-10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}section article.experience aside{position:absolute;margin-top:-40px;top:50%;width:20%;min-width:100px;max-width:150px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}section ul.skills{list-style:none;vertical-align:top;-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;page-break-inside:avoid;column-break-inside:avoid;-o-column-break-inside:avoid;-ms-column-break-inside:avoid}section ul.skills li{position:relative;margin:0 0 20px;display:inline-block;min-width:250px;max-width:100%;width:100%;background:#e1e7eb;padding:20px;border-radius:5px;box-sizing:border-box}section ul.skills li p{margin:0;position:relative;display:block}section ul.skills li p.stars{margin:0;display:block;text-align:right;position:absolute;top:15px;right:10px}section ul.skills li p.stars span{margin:0 5px 0 0;display:inline-block;width:10px;height:10px;border-radius:100%;background-color:#475ffd}section ul.skills li p.stars span.gray{background-color:#ccc}section ul#portfolio{margin:0;padding:20px 40px 40px;list-style:none;text-align:center}section ul#portfolio li{margin:1%;padding:0;width:30%;min-width:220px;display:inline-block;vertical-align:top;text-align:left;transition:all .1s;box-sizing:border-box;background:#fff;border:1px solid #e1e7eb}section ul#portfolio li.big{width:62%}section ul#portfolio li h3{font-size:20px;margin:0;font-family:bold,Lucida Grande,Verdana,Arial,sans-serif}section ul#portfolio li a{margin:0;padding:0;color:#fff;display:block;text-decoration:none;height:100%}section ul#portfolio li a main{width:100%;text-align:left;vertical-align:bottom;display:inline-block;float:left;overflow:hidden;background:#313340;height:350px;position:relative}section ul#portfolio li a main img{border:0;width:auto;max-width:1200px;min-width:auto;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}section ul#portfolio li a aside{margin:0;padding:20px;width:100%;height:150px;color:#313340;text-align:center;vertical-align:middle;transition:all .1s;background:#fff;display:inline-block;float:left;border-top:solid 1px #e1e7eb;position:relative}section ul#portfolio li a aside p{margin:0;position:absolute;display:block;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}section ul#portfolio li a aside span{background:#61e2d2;color:#313340;padding:5px 20px;height:30px;line-height:30px;border-radius:25px;font-size:20px;font-family:regular,Lucida Grande,Verdana,Arial,sans-serif;position:absolute;top:-20px;left:50%;vertical-align:middle;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}section ul#portfolio li:hover{color:#61e2d2;box-shadow:0 10px 30px #e1e7eb;bottom:1px;-webkit-transform:scale(1.03);-ms-transform:scale(1.03);-moz-transform:scale(1.03);transform:scale(1.03)}.wrap{position:relative}.wrap div.blocked{background-color:#ebeff2;position:absolute;top:0;width:100%;height:100%;display:block;z-index:5;opacity:.98;box-sizing:border-box}.swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}form{margin:60px 0 0;text-align:left}form label{padding:0 0 5px;display:block;font-family:bold,Lucida Grande,Verdana,Arial,sans-serif}form input,form textarea{margin:0 0 20px;padding:10px;display:block;width:100%;max-width:100%;min-width:100%;border:0;background:#fff;font-family:regular,Lucida Grande,Verdana,Arial,sans-serif;box-sizing:border-box;font-size:16px;outline:0}form textarea{margin:0 0 20px;width:100%;max-width:100%;min-width:100%;height:150px;box-sizing:border-box;font-size:16px;outline:0}form button{margin:10px 10px 0 0;padding:10px 35px;display:inline-block;border:2px solid #313340;min-width:200px;color:#313340;font-size:16px;text-transform:uppercase;text-decoration:none;text-align:center;transition:all .1s;font-family:regular,Lucida Grande,Verdana,Arial,sans-serif;background:0 0}form button:hover{background-color:#313340;border:2px solid #313340;color:#475ffd}form button.reset:hover{border:2px solid #475ffd;background:#475ffd;color:#313340}footer div{padding:40px 40px 80px;color:#fff;text-align:center;font-size:14px}footer div a{color:#fff;text-decoration:none}footer div a:hover{text-decoration:underline}.bounce{-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;margin-left:-40px;transition:all .1s}.bounceOnce{-moz-animation:bounce 2s;-webkit-animation:bounce 2s;animation:bounce 2s;transition:all .1s}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-15px)}}@keyframes bounceOnce{0%{transform:translateY(0)}}.color{-moz-animation:color 2s infinite;-webkit-animation:color 2s infinite;animation:color 2s infinite;margin-left:-40px;transition:all .1s}@keyframes color{0%,20%,50%{color:#313340}10%{color:#475ffd}70%{color:#61e2d2}}.fade{-moz-animation:fade 1s;-webkit-animation:fade 1s;animation:fade 1s;transition:all .1s}@keyframes fade{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{opacity:1}}@media only screen and (max-width:1309px){section ul.skills{-webkit-column-count:3;-moz-column-count:3;column-count:3}header>div h1{font-size:34px}section ul#portfolio li,section ul#portfolio li.big{width:100%;max-width:600px}section ul#portfolio li a main{margin:0}section article.experience div{width:100%}section article.experience div h3,section article.experience div p{margin:0 0 20px}section article.experience div p b{left:0;position:relative;display:block;height:50px;text-align:left;width:200px;margin-bottom:20px}section article.experience div p b span{width:auto;display:inline-block}section article.experience div p b span::after{border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #475ffd;width:0;top:42px;left:20px;-webkit-transform:translateY(0);transform:translateY(0)}section article.experience aside{position:absolute;top:60px;right:0;text-align:right}section article.experience aside img{height:40px}}@media only screen and (max-width:979px){h1,h2{margin:0;font-size:30px}h3,h4,h5{font-size:18px}hr{margin:30px 0}p.big{margin:0 0 30px;font-size:20px}p.ruler{margin:0 0 30px}footer>div,header>div,nav>div,section>div{padding:30px 5%;min-width:280px}footer>ul,header>ul,nav>ul,section>ul{min-width:280px}header>div h1{font-size:30px}section.photo{background-image:none}section h1,section h2{margin:0 0 30px}section main{margin:0 0 20px;width:100%}section main#info{margin:0 0 20px;min-height:auto}section aside{margin:0;width:100%}section aside.minature{padding:30px 0 0;border-top:solid 1px #ccc}section aside.minature img{height:60px;float:right}section article.experience div p b span::after{top:35px!important}section ul#portfolio{padding:0 20px 40px}section ul.skills{-webkit-column-count:2;-moz-column-count:2;column-count:2}}@media only screen and (max-width:767px){body{font-size:14px}h1,h2{margin:0;font-size:20px}h2 span,h3,h4,h5{font-size:16px}a.cta{margin:10px 10px 0 0}a.cta.screenshots,a.cta.visit{font-size:14px}p.big{font-size:16px}form button{display:block;margin:10px 0 0;width:100%}header>div::before{font-size:80px;height:80px;line-height:80px}header>div h1{font-size:20px}header>div a.about::after{font-size:60px}nav li.sub a{display:none}nav li.context{position:relative}nav li.context:hover>a{background:#313340;color:#fff}nav li.context:hover ul{display:block!important}nav li.context ul{display:none;padding:5px 10px;margin:0;max-width:250px;position:absolute;left:0;background:#313340;overflow:hidden;box-sizing:border-box}nav li.context ul li{padding:0;margin:0;box-sizing:border-box;width:100%;border-bottom:solid 1px #1b1c23}nav li.context ul li:last-child{border-bottom:0}nav li.context ul li a{display:block;margin:0;padding:10px 0;color:#fff;box-sizing:border-box;transition:all 1s}nav li.context ul li a:hover{color:#475ffd}nav li.context ul li a:hover:before{padding:0 5px 0 0;content:"\f301";vertical-align:top;font-family:mat,Lucida Grande,Verdana,Arial,sans-serif}section h1,section h2{margin:0 0 20px}section.margin{margin-top:40px}section ul.skills{-webkit-column-count:2;-moz-column-count:2;column-count:2}section ul.skills p.stars span{margin:0 2px 0 0}section ul#portfolio li a main{height:200px;font-size:14px}section ul#portfolio li a aside span{font-size:16px;line-height:20px;height:20px;padding:5px 15px;top:-15px}}@media only screen and (max-width:579px){section ul.skills{-webkit-column-count:1;-moz-column-count:1;column-count:1}section ul#portfolio li{margin:0 0 20px}section ul#portfolio li a main{height:150px}section ul#portfolio li a main img{height:auto;width:140%}section ul#portfolio li a aside{height:auto;min-height:180px}section ul#portfolio li a aside span{max-width:150px}section main ul.some li{margin:0 0 5px;display:block}section aside{font-size:14px}section aside.minature img{height:40px}nav ul{text-align:center!important}nav ul li.some{display:none}nav ul li.right{float:none}nav ul li a.home{display:none}nav ul li a.contact{display:inline-block!important}nav ul li.context ul{margin:0;position:fixed;text-align:left!important;top:60px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}nav ul li.context ul li a,nav ul li.context ul li span{padding:5px 0}header>div.project{background-size:180% auto}header>div h1{font-size:20px;width:80%}header a.about::after{font-size:50px}}