@charset "UTF-8";.col{display:inline-block}.cell{width:437px;display:inline-block;margin-bottom:87px;margin-right:33px;position:relative}.cell__header--name{text-transform:uppercase;font-size:24px;font-weight:400}*{box-sizing:border-box}body{font-family:"Roboto";font-size:16px;margin:0;padding:0;color:#4c4c4c;width:1349px;margin:0 auto;background-color:#f3f3f3}.about,.skills,.edu,.exp,.projects,.posts,.prices,.feedback,.main-footer{float:right;width:1135px;border-left:1px solid #a7a7a7;border-right:1px solid #a7a7a7}.marker{color:#3971ff}.description{line-height:30px;display:block;letter-spacing:.1px}a{text-decoration:none}.btn{font-weight:500;text-transform:uppercase;color:#4c4c4c;outline:none;display:block;line-height:30px;position:relative;letter-spacing:.1px;display:inline-block}.btn:hover{color:#3971ff}.btn::after{content:"";position:absolute;width:50px;border-bottom:2px solid #3971ff;left:0;bottom:-7px;-webkit-transition:all 1s ease;transition:all 1s ease}.btn:hover::after{width:188%}.main-wrapper{float:right;width:1135px}.wrapper{padding:90px 0 100px 95px;overflow:hidden;margin:0 auto}h2{margin:0;margin-bottom:117px;text-transform:uppercase;font-weight:600;font-size:30px;font-family:"Exo 2";position:relative}h2::after{content:"";position:absolute;width:66px;border-bottom:2px solid #3971ff;left:0;bottom:-23px;-webkit-transition:all 1s ease;transition:all 1s ease}h2::before{content:"";position:absolute;bottom:-24px;left:66px;width:3px;height:3px;border:1px solid #3971ff;border-radius:50%}p{margin:0}.main-nav{float:left;width:214px;padding:55px 30px;height:100%;position:fixed}.main-nav h3{text-transform:uppercase;color:#333;font-weight:400;font-family:"Exo 2";font-size:24px;margin:0 0 12px}.main-nav .about__profession{text-transform:none;border:none;font-size:16px;font-weight:300;padding:0;line-height:30px;margin-bottom:20px;letter-spacing:normal}.navlist{text-transform:uppercase;font-family:"Exo 2",Arial sans-serif}.navlist ul{list-style:none;padding:0;margin:0}.navlist li{position:relative}.navlist li::after{position:absolute;content:"";border-top:1px solid #a7a7a7;top:0;width:100%;left:0}.navlist li:first-child::after{border:none}.navlist a{opacity:.5;cursor:pointer;max-width:155px;padding:19px 0 18px 20px;display:inline-block;color:inherit}.navlist a::before{content:"";position:absolute;background-color:#3971ff;width:13px;height:2px;left:0;top:53%}.navlist .active{opacity:1;-webkit-transform:translateX(13px);transform:translateX(13px)}.navlist .active::before{content:" ";-webkit-transform:scaleX(2) translateX(-3px);transform:scaleX(2) translateX(-3px)}.about{width:1135px;background:url(../img/profile-image.png) 89px 149px no-repeat,url(../img/profile-image.png) 435px 149px no-repeat;background-color:#eaebed}.about .description{margin-bottom:34px}.about--wrapper{padding:100px 127px 114px 475px}.about__head{font-family:"Exo 2";font-weight:400;line-height:40px;font-size:30px;text-transform:uppercase}.about__head--name{font-size:48px;display:block;margin-bottom:25px;padding-top:1px;letter-spacing:-.2px}.about__profession{display:inline-block;margin-bottom:41px;padding:10px 16px 9px 18px;border:1px solid #4c4c4c;border-left:none;border-right:none;text-transform:uppercase;letter-spacing:2.1px}.about__links .btn:not(:last-of-type){margin-right:90px}.skills{background-color:#fff}.skills .col{margin-right:26px}.skills .wrapper{padding-bottom:58px}.skills__item{width:445px;text-transform:uppercase;margin-bottom:43px;line-height:27px}.skills__item--prog{display:inline-block;margin-bottom:16px}.skills__item--persent{display:inline-block;float:right}.skills__item--progress-bar{display:block;width:445px;height:5px;background-color:#b0c6ff;position:relative;margin-bottom:10px}.skills__item--progress-bar::after{content:"";position:absolute;width:405px;height:5px;background-color:#3971ff;left:0;bottom:0}.skills__item--progress-bar::before{content:"";position:absolute;height:5px;width:9px;z-index:1;background-color:#b0c6ff;-webkit-transform:skewX(-40deg);transform:skewX(-40deg);left:401px;bottom:0}.edu{background-color:#f3f3f3}.edu .wrapper{padding-bottom:8px}.cell__number{position:absolute;top:3px;left:-2px;font-size:30px;line-height:30px}.cell__number:hover{color:#3971ff}.cell__header{display:inline-block;padding-left:61px;text-transform:uppercase;margin-bottom:33px;letter-spacing:.3px}.cell__header--name{margin:0;margin-bottom:9px;font-weight:400}.cell__header--name:hover{color:#3971ff}.cell__header--descr span{display:block;line-height:30px;letter-spacing:.2px}.cell__text{margin:0;line-height:30px;letter-spacing:.1px}.exp{background-color:#fff}.exp .wrapper{padding-bottom:9px}.exp .cell__header{margin-bottom:32px}.projects{background-color:#f3f3f3}.projects h2{margin:-1px 0 110px 1px}.projects .wrapper{padding-left:95px;padding-bottom:10px}.projects .cell{position:relative;background:url(../img/portfolio-image.png) no-repeat left top;width:440px;margin-right:30px;margin-bottom:85px}.projects .cell .cell__header--name{padding-top:358px;padding-left:1px;letter-spacing:.2px;margin-bottom:11px}.projects .cell .cell-text{padding-left:1px;line-height:30px}.projects .row{margin-left:0}.projects .cell:hover{background:none}.projects .cell:hover::after{content:"+";position:absolute;font-family:"Exo 2",Arial,sans-serif;font-size:142px;font-weight:100;text-transform:uppercase;color:#3971ff;width:60px;height:56px;top:65px;left:184px}.projects .cell:hover::before{content:"";position:absolute;background-color:#f3f3f3;box-shadow:0 2px;top:5px;width:445px;height:300px;box-shadow:0 10px 10px #cacaca}.posts{background-color:#fff}.posts .wrapper{position:relative}.posts h2{margin-bottom:91px}.posts label{cursor:pointer;display:inline-block;position:relative;padding:0 24px}.posts label:last-child{padding-right:0}.posts input[type=radio]{display:none}.posts .cell__header--name{letter-spacing:.3px;margin-bottom:17px}.posts .cell__header--descr{letter-spacing:.8px;margin-bottom:39px}.posts .btn{text-transform:capitalize}.posts .cell-text{width:537px;margin-bottom:35px!important}.post__slides--content{padding-top:25px}.posts__slider{width:600%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.post__slides{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:1s;transition-duration:1s}.post__slides img{width:350px;height:300px;margin-right:30px}.post__slides .cell-text{margin-bottom:50px;font-weight:400;line-height:30px}.slider__control{text-align:center;border-bottom:1px solid #000;width:670px;margin:0 0 65px 119px;padding:25px 25px 26px}.slider__control-side{position:relative}.slider__control-side label{position:absolute;display:none;top:62px;width:50px;height:50px;margin-top:-15px;cursor:pointer;padding:0;font-size:24px;border:2px solid #4c4c4c;border-radius:50%}.slider__control-side label i{position:absolute;top:10px;left:18px}.slider__control-side label:hover{opacity:1;color:#3971ff;border-color:#3971ff}#slider11:checked ~ .slider__control-side label:nth-of-type(6),#slider12:checked ~ .slider__control-side label:nth-of-type(1),#slider13:checked ~ .slider__control-side label:nth-of-type(2),#slider14:checked ~ .slider__control-side label:nth-of-type(3),#slider15:checked ~ .slider__control-side label:nth-of-type(4),#slider16:checked ~ .slider__control-side label:nth-of-type(5){left:25px;display:block}#slider11:checked ~ .slider__control-side label:nth-of-type(2),#slider12:checked ~ .slider__control-side label:nth-of-type(3),#slider13:checked ~ .slider__control-side label:nth-of-type(4),#slider14:checked ~ .slider__control-side label:nth-of-type(5),#slider15:checked ~ .slider__control-side label:nth-of-type(6),#slider16:checked ~ .slider__control-side label:nth-of-type(1){right:143px;-webkit-transform:rotate(180deg);transform:rotate(180deg);display:block}#slider16:checked ~ .posts__slider > .post__slides{-webkit-transform:translateX(-500%);transform:translateX(-500%)}#slider15:checked ~ .posts__slider > .post__slides{-webkit-transform:translateX(-400%);transform:translateX(-400%)}#slider14:checked ~ .posts__slider > .post__slides{-webkit-transform:translateX(-300%);transform:translateX(-300%)}#slider13:checked ~ .posts__slider > .post__slides{-webkit-transform:translateX(-200%);transform:translateX(-200%)}#slider12:checked ~ .posts__slider > .post__slides{-webkit-transform:translateX(-100%);transform:translateX(-100%)}#slider11:checked ~ .posts__slider > .post__slides{-webkit-transform:translateX(0);transform:translateX(0)}#slider11:checked ~ .slider__control > label[for=slider11]{color:#3971ff}#slider11:checked ~ .slider__control > label[for=slider11]::after{content:"";position:absolute;bottom:-26px;left:0;width:99px;border-bottom:1px solid #3971ff}#slider11:checked ~ .slider__control > label[for=slider11]::before{content:"";position:absolute;bottom:-25px;left:45%;border:5px solid transparent;border-bottom-color:#3971ff;border-top:0}#slider12:checked ~ .slider__control > label[for=slider12]{color:#3971ff}#slider12:checked ~ .slider__control > label[for=slider12]::after{content:"";position:absolute;bottom:-26px;left:0;width:99px;border-bottom:1px solid #3971ff}#slider12:checked ~ .slider__control > label[for=slider12]::before{content:"";position:absolute;bottom:-25px;left:45%;border:5px solid transparent;border-bottom-color:#3971ff;border-top:0}#slider13:checked ~ .slider__control > label[for=slider13]{color:#3971ff}#slider13:checked ~ .slider__control > label[for=slider13]::after{content:"";position:absolute;bottom:-26px;left:0;width:99px;border-bottom:1px solid #3971ff}#slider13:checked ~ .slider__control > label[for=slider13]::before{content:"";position:absolute;bottom:-25px;left:45%;border:5px solid transparent;border-bottom-color:#3971ff;border-top:0}#slider14:checked ~ .slider__control > label[for=slider14]{color:#3971ff}#slider14:checked ~ .slider__control > label[for=slider14]::after{content:"";position:absolute;bottom:-26px;left:0;width:99px;border-bottom:1px solid #3971ff}#slider14:checked ~ .slider__control > label[for=slider14]::before{content:"";position:absolute;bottom:-25px;left:43%;border:5px solid transparent;border-bottom-color:#3971ff;border-top:0}#slider15:checked ~ .slider__control > label[for=slider15]{color:#3971ff}#slider15:checked ~ .slider__control > label[for=slider15]::after{content:"";position:absolute;bottom:-26px;left:0;width:99px;border-bottom:1px solid #3971ff}#slider15:checked ~ .slider__control > label[for=slider15]::before{content:"";position:absolute;bottom:-25px;left:40%;border:5px solid transparent;border-bottom-color:#3971ff;border-top:0}#slider16:checked ~ .slider__control > label[for=slider16]{color:#3971ff}#slider16:checked ~ .slider__control > label[for=slider16]::after{content:"";position:absolute;bottom:-26px;left:0;width:99px;border-bottom:1px solid #3971ff}#slider16:checked ~ .slider__control > label[for=slider16]::before{content:"";position:absolute;bottom:-25px;left:55%;border:5px solid transparent;border-bottom-color:#3971ff;border-top:0}.prices{background-color:#f3f3f3}.prices .wrapper{padding-top:100px}.prices .cell{width:445px;background-color:#fff;padding:33px 30px 57px 27px;margin-right:30px;margin-bottom:0}.prices .cell:last-of-type{margin-right:0}.prices .cell:hover{box-shadow:0 7px 5px #aaa}.prices .price{color:#3971ff;font-weight:900}.prices .cell__header--name{margin-bottom:36px;letter-spacing:.19px}.prices .cell-text{margin-bottom:16px;line-height:30px;letter-spacing:.19px}.prices .btn{text-transform:capitalize;margin-left:145px}.prices__parameters .prices__parameters--item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:23px 25px;border-bottom:1px solid #a7a7a7;text-transform:uppercase;position:relative;margin:0 -28px}.prices__parameters .prices__parameters--item:last-child{border:none;margin-bottom:8px}.feedback{background-image:url(../img/background.png)}.feedback .wrapper{padding-bottom:42px}.feedback h2{margin-bottom:98px}.feedback .posts__slider{width:300%}.feedback .post__slides{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;padding:0 118px 0 0}.feedback .post__slides .cell__header--name{margin-bottom:15px}.feedback .post__slides .cell__header--descr{margin-bottom:42px}.feedback .post__slides .cell__header--descr a{color:#3971ff}.feedback .post__slides .cell-text{letter-spacing:.6px}.feedback input[type=radio]{display:none}.feedback .slider__control{border-bottom:none;margin-bottom:1px;padding-bottom:0}.feedback .slider__control label{display:inline-block;width:120px;height:150px;background:url(../img/image-2.png) no-repeat center;cursor:pointer;position:relative}#slider21:checked ~ posts__slider > post__slides{-webkit-transform:translateX(0);transform:translateX(0)}#slider22:checked ~ .posts__slider > .post__slides{-webkit-transform:translateX(-100%);transform:translateX(-100%)}#slider23:checked ~ .posts__slider > .post__slides{-webkit-transform:translateX(-200%);transform:translateX(-200%)}#slider21:checked ~ .slider__control > label[for=slider21]{color:#3971ff;background-image:url(../img/image-active.png);background-position:center}#slider22:checked ~ .slider__control > label[for=slider22]{color:#3971ff;background-image:url(../img/image-active.png);background-position:center}#slider23:checked ~ .slider__control > label[for=slider23]{color:#3971ff;background-image:url(../img/image-active.png);background-position:center}.main-footer{background-color:#f3f3f3}.main-footer h2{margin-bottom:140px}.main-footer .contacts{padding-right:127px}.main-footer .contacts .cell-text{line-height:30px}.main-footer .location{margin-bottom:112px}.main-footer .location .cell__header--name{position:relative;padding-left:76px;margin-bottom:13px}.main-footer .location .cell__header--name::after{position:absolute;content:"";background-image:url(../img/location.png);top:-15px;left:3px;width:40px;height:40px}.main-footer .location .cell-text{width:254px}.main-footer .contact{margin-bottom:88px}.main-footer .contact .cell__header--name{position:relative;padding-left:74px;margin-bottom:12px}.main-footer .contact .cell__header--name::after{position:absolute;content:"";background-image:url(../img/contact.png);top:-21px;left:3px;width:40px;height:46px}.main-footer .btn{text-transform:capitalize;outline:none;border:none;padding:0;background-color:inherit;font-size:inherit;-ms-flex-item-align:start;align-self:flex-start;margin-left:-5px;letter-spacing:-.1px}.main-footer .btn::after{left:3px}.main-footer form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:540px;margin-top:-20px}.main-footer form input{outline:none;border:none;padding:0;background-color:inherit;height:21px;width:100%;font-family:inherit;font-size:14px;border-bottom:1px solid #a7a7a7;margin-bottom:38px}.main-footer form input:focus{border-bottom:1px solid #3971ff}.main-footer form input[type=email]{margin-bottom:45px}.main-footer form input#interested{margin-bottom:46px}.main-footer form .fa-angle-down{position:absolute;top:0;right:31px;font-size:20px;color:#3971ff}.main-footer form label{color:#a7a7a7;position:relative}.main-footer form label:hover{color:#4c4c4c}.main-footer form textarea{display:block;outline:none;font-size:14px;font-family:inherit;background-color:inherit;border:none;border-bottom:1px solid #a7a7a7;resize:none;width:100%;margin-bottom:41px}.main-footer form textarea:focus{border-bottom:1px solid #3971ff}#msg{height:98px}.social{margin-left:-2px}.social a{font-size:30px;color:#4c4c4c;margin-right:39px;display:inline-block;vertical-align:middle}.social a:hover{color:#3971ff}.social a:nth-child(2){margin-right:35px}.social a:nth-child(3){margin-right:32px;vertical-align:top}.main-footer__wrap{display:-webkit-box;display:-ms-flexbox;display:flex}