@font-face{font-family:'fontello';src:url(../fonts/fontello.ttf) format("ttf"),url(../fonts/fontello.woff) format("woff"),url(../fonts/fontello.woff2) format("woff2");font-weight:400;font-style:normal}body{margin:0;min-width:1240px;font-family:'Open Sans',Arial,sans-serif;font-size:17px;font-weight:400;color:#000;line-height:18px;background-color:#fff}.visually-hidden:not(:focus):not(:active),input[type="checkbox"].visually-hidden,input[type="radio"].visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;text-transform:none;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}img{max-width:100%;height:auto}a{text-decoration:none}.btn{display:block;color:#fff;font-weight:700;text-align:center;background-color:#81b3d2}.btn:hover{background-color:#669ec0}.btn:active{color:rgba(255,255,255,0.3);background-color:#5496bd}.container{margin:0 auto;padding:0 20px;width:1200px}.main-header{position:fixed;top:0;left:0;z-index:10;width:100%;color:#fff;text-transform:uppercase;background-color:#32425c}.navigation-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;list-style:none}.navigation-item a{display:block;padding:15px;color:#fff}.navigation-item a:hover{background-color:#293449}.navigation-item a:active{color:rgba(255,255,255,0.5);background-color:#293449}.info{margin-bottom:40px;padding-top:100px;padding-bottom:40px;font-size:36px;font-weight:300;line-height:46px;background-color:#f4f7f9}.info p{margin:0}.info .container{display:-webkit-box;display:-ms-flexbox;display:flex}.info .image{width:250px}.image img{vertical-align:top;border-radius:20px}.info-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:30px;width:920px}.info-wrapper p{margin-bottom:35px}.info-wrapper .info-name{margin-bottom:0}.info-name span{font-weight:400}.profession{font-style:italic}.ability{color:#32425c;font-size:26px;line-height:32px}.ability-link{color:#000;font-weight:400;text-decoration:underline}.ability-link:hover{color:#81b3d2}.ability-link:active{color:rgba(129,179,210,0.7)}.works-title{position:relative;margin:0;margin-bottom:40px;font-size:40px;font-weight:400;line-height:50px;text-align:center}.works-title::before{content:'';position:absolute;bottom:-10px;left:50%;margin-left:-70px;height:2px;width:140px;background-color:#000}.works-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;margin-left:-30px;margin-bottom:20px;padding:0;list-style:none}.works-item{position:relative;margin-left:30px;margin-bottom:20px;-webkit-box-shadow:0 0 5px 0 #000;box-shadow:0 0 5px 0 #000}.works-item:hover{-webkit-box-shadow:0 0 10px 0 #000;box-shadow:0 0 10px 0 #000}.works-item p{margin:0}.works-image img{display:block}.works-link{position:absolute;top:0;left:0;display:none;height:100%;width:100%;background-color:rgba(0,0,0,0.2)}.works-link a{margin:auto;padding:10px 30px;color:#fff;font-weight:700;line-height:30px;text-transform:uppercase;background-color:rgba(50,66,92,0.8);border:1px solid #fff;border-radius:10px}.works-link a:hover{background-color:#293449}.works-link a:active{color:rgba(255,255,255,0.5)}.works-item:hover .works-link{display:-webkit-box;display:-ms-flexbox;display:flex}.skills{background-color:#f2f6f8}.main-footer{background-color:#293449}.skills-title{position:relative;margin:0;margin-bottom:40px;padding-top:20px;font-size:40px;font-weight:400;line-height:50px;text-align:center}.skills-title::before{content:'';position:absolute;bottom:-10px;left:50%;margin-left:-70px;height:2px;width:140px;background-color:#000}.skills-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;padding-bottom:40px;list-style:none}.skills-item{position:relative;width:300px;margin-left:240px;padding:10px 20px;padding-left:40px;line-height:21px}.skills-item::before{content:'';position:absolute;left:0;top:9px;height:23px;width:23px;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #000;border-radius:2px}.skills-item::after{content:'';position:absolute;left:6px;top:10px;height:12px;width:20px;-webkit-box-shadow:inset 5px -5px 0 0 #000000,inset 6px -6px 0 0 #f2f6f8,1px 1px 0 0 #f2f6f8;box-shadow:inset 5px -5px 0 0 #000000,inset 6px -6px 0 0 #f2f6f8,1px 1px 0 0 #f2f6f8;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.contacts-title{margin:0;margin-bottom:20px;padding-top:40px;color:#fff;font-size:26px;font-weight:400;line-height:32px;text-align:center}.contacts-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;padding-bottom:30px;font-size:14px;line-height:25px;list-style:none}.contacts-item{position:relative;margin:0 auto;margin-bottom:10px;padding-left:30px}.contacts-telefon{padding-left:23px}.contacts-item::before{position:absolute;left:0;top:0;color:#fff;font-family:"fontello";font-size:25px;font-style:normal;font-weight:400}.contacts-telefon::before{content:'\e800'}.contacts-skype::before{content:'\e803'}.contacts-github::before{content:'\e805'}.contacts-mail::before{content:'\f0e0'}.contacts-telefon:hover::before{color:#ec2828}.contacts-mail:hover::before{color:#eccd28}.contacts-skype:hover::before{color:#09c}.contacts-github:hover::before{color:#000;text-shadow:0 0 2px #fff}.contacts-item a{color:#fff}.contacts-item:hover a{color:rgba(255,255,255,0.8)}.contacts-item:active a{color:rgba(255,255,255,0.4)}