html{font-size:15px}body{font-family:'Montserrat',sans-serif;font-size:1rem;color:#717072;margin:0}body.no-scroll{overflow:hidden}h1,h2,h3,h4,h5,h6{margin:0}p{margin:0 0 0 .1rem}*,*:before,*:after{box-sizing:border-box}.container{width:100%;max-width:1170px;padding-left:1rem;padding-right:1rem;margin:0 auto}.header{padding:1.2rem 0}.header__inner{display:flex;justify-content:space-between;align-items:center}.user{display:flex}.user__avatar{width:57px;height:57px}.user__avatar img{border-radius:50%}.user__content{padding-left:9px}.user__name{font-size:1.06rem;line-height:1.2;color:#2b2a2c;font-weight:700;margin-bottom:3px}.user__prof{font-size:.8rem;color:rgba(43,42,44,0.7)}.nav{display:flex;height:100%;align-items:center}.nav__link{font-size:.93rem;color:#2b2a2c;font-weight:700;margin-left:2rem;text-decoration:none;text-transform:uppercase;position:relative}.nav__link:after{content:"";width:0;height:2px;background-color:#2b2a2c;position:absolute;bottom:-5px;left:0;z-index:1;transition:width .2s linear}.nav__link:hover:not(.nav__link--btn):after{width:100%}.nav__link--btn{padding:.66rem 2rem;border:2px solid #2b2a2c;border-radius:20px;transition:backgrround-color .2s linear,color .2s linear}.nav__link--btn:hover{background-color:#2b2a2c;color:#ffffffff}.intro__inner{padding-top:100px;display:flex;border-bottom:1px solid rgba(113,112,114,0.3);padding-bottom:120px;background:url("../images/intro/intro_bg.png") right bottom no-repeat;position:relative}.intro__content{width:50%}.intro__subtitle{font-size:2.13rem;color:#2b2a2c;font-weight:200}.intro__title{margin-bottom:5px;font-size:3rem;color:#2b2a2c;font-weight:700}.intro__text{font-size:1.2rem;color:rgba(43,42,44,0.7);margin-bottom:25px}.intro__photo{position:absolute;bottom:0;right:110px;z-index:1}.social{display:flex;margin-bottom:42px}.social__link{text-decoration:none;margin-right:10px;transition:transform .2s linear}.social__link:hover{transform:translateY(-5px)}.btn{display:inline-block;vertical-align:top;padding:0;min-width:170px;font-size:1.06rem;color:#2b2a2c;text-transform:uppercase;text-decoration:none;font-family:inherit;line-height:1.1;cursor:pointer;background:none;border:1px solid #717072;border-radius:1.8em;padding:1.05em 1.7em;text-align:center;transition:background-color .2s linear,color .2s linear,box-shadow .2s linear,border-color .2s linear}.btn:focus{outline:none}.btn:hover{background-color:#2b2a2c;box-shadow:2px 2px 10px rgba(0,0,0,0.24);color:#ffffffff;border-color:#2b2a2c}.btn+.btn{margin-left:1rem}.btn--sm{padding:.7em 1.2em;min-width:0;font-size:.94rem;font-weight:700;border-width:2px}.btn--thin{min-width:145px;font-size:.8rem}.works{margin:2.8rem 0}.works__nav{display:flex;justify-content:center;margin-bottom:1.4rem}.works__nav-link{margin:0 1.2rem;font-size:.8rem;color:rgba(43,42,44,0.7);text-decoration:none}.works__nav-link:hover{text-decoration:underline}.portfolio{display:flex;flex-wrap:wrap;margin:0 -1rem 2.8rem}.portfolio__col{flex-basis:33.333333%;padding:1rem}.work{box-shadow:0 0 4px rgba(0,0,0,0.25);border-radius:10px;overflow:hidden;transition:box-shadow .2s linear}.work:hover{box-shadow:0 0 25px rgba(0,0,0,0.25)}.work__image{display:block;max-width:100%;height:auto}.work__content{padding:1rem .8rem}.work__cat{font-size:.8rem;color:#2b2a2c;text-transform:uppercase;margin-bottom:.5rem}.work__title{display:flex;justify-content:space-between;font-size:1.6rem;color:#000;text-transform:uppercase;font-weight:700}.about{margin:8.4rem 0}.about__inner{display:flex;max-width:1090px}.about__content,.about__photo{width:50%}.about__photo{position:relative}.about__photo img{position:relative;z-index:2;bottom:0}.about__photo:before{content:"";width:413px;height:413px;background-color:#efefef;position:absolute;left:1rem;bottom:.3rem;z-index:1}.about__content{padding-left:3.2rem;margin-top:2rem}.about__title{font-size:3rem;color:#2b2a2c;font-weight:700;text-transform:uppercase}.about__bigtitle{font-size:6.1rem;color:rgba(43,42,44,0.15);font-weight:700;text-transform:uppercase;line-height:1.1;margin-bottom:1.4rem;position:relative;left:-10px}.about__text{font-size:.8rem;color:#717072;line-height:2;font-weight:300;padding:0 1rem;margin-bottom:2.8rem}.reviews{padding:4.6rem 0;background:#332f30 url("../images/reviews/reviews__bg.png") center no-repeat;position:relative}.reviews__item{width:100%;max-width:55rem;margin:0 auto}.reviews__text{font-size:.94rem;line-height:2.2;color:#ffffffff;text-align:center}.reviews__photo{display:block;margin:0 auto .6rem;width:103px;height:103px;border-radius:50%;border:4px solid #efefef}.reviews__author{text-align:center;width:100%;position:absolute;top:100%;left:0;z-index:1;margin-top:-52px}.reviews__name{margin-bottom:.3rem;font-size:1.06rem;color:#2b2a2c;font-weight:700}.reviews__company{font-size:.94rem;font-style:italic;font-weight:300;color:#717072;margin-bottom:.6rem}.reviews__star{width:13px;height:13px}.reviews__star--unactive{opacity:.3}.news{margin-top:14rem;margin-bottom:8rem}.news__header{text-align:center;margin-bottom:3.6rem}.news__title{font-size:3rem;color:#2b2a2c;text-transform:uppercase;font-weight:700;margin-bottom:.3rem}.news__text{color:#8d8d8e;font-weight:300;font-size:1.2rem}.news__footer{text-align:right}.news__link{font-size:.94rem;color:#717072}.news__link:hover{text-decoration:none}.articles{display:flex;flex-wrap:wrap;margin:0 -1rem}.articles__col{width:33.33333%;padding:0 1rem}.articles__item{margin-bottom:2rem}.articles__header{position:relative;margin-bottom:1.35rem}.articles__content{margin-bottom:2rem}.articles__date{display:flex;align-items:center;justify-content:center;width:77px;height:77px;background-color:#2b2a2c;font-size:1.06rem;color:#ffffffff;text-align:center;line-height:1.4;position:absolute;top:0;left:0;z-index:1}.articles__photo{display:block;max-width:100%;height:auto}.articles__title{margin-bottom:.6rem;font-size:1.2rem;color:#2b2a2c;font-weight:700;text-transform:uppercase}.articles__title a{color:inherit;text-decoration:none}.articles__title a:hover{text-decoration:underline}.articles__cat{margin-bottom:1.5rem;font-size:.8rem;color:#2b2a2c;text-transform:uppercase}.articles__text{font-size:.8rem;line-height:2;color:#2b2a2c;font-weight:300}.footer{padding:1rem 0;background-color:#2b2a2c}.footer__inner{display:flex;justify-content:space-between}.footer__credits{display:flex;align-items:center}.footer__copyright{padding-right:.8rem;margin-right:1rem;font-size:.94rem;color:#bbbdcc;border-right:1px solid rgba(113,112,114,0.35)}.footer__social{display:flex;align-items:center}.footer__social a{margin-right:1.2rem;text-decoration:none}.footer__nav{align-items:center;display:flex;font-size:.94rem}.footer__nav-link{margin-left:1.5rem;color:#bbbbcc;text-decoration:none}.footer__nav-link:hover{text-decoration:underline}.footer__nav-link--btn{border-radius:20px;border:1px solid #8d8d8e;padding:.6rem 1.4rem}.footer__nav-link--btn:hover{text-decoration:none;background-color:#bbbdcc;color:#2b2a2c;border-color:#bbbbcc}.modal{width:100%;height:100%;padding:0 1rem;background-color:rgba(6,15,49,0.9);position:fixed;top:0;left:0;z-index:1000;overflow:auto;opacity:.1;display:none}.modal.show{display:flex;opacity:1}.modal__dialog{width:100%;max-width:1200px;margin:auto;background-color:#fff;position:relative;transform:rotateX(90deg);transition:transform .3s linear}.modal__dialog--sm{max-width:900px}.modal__close{width:34px;height:34px;padding:0;background:none;border:0;cursor:pointer;outline:none;position:absolute;top:.9rem;right:.9rem;z-index:1;transition:transform .3s linear}.modal__close:hover{transform:rotate(180deg)}.modal__content{padding:5rem 1rem}.modal__title{font-size:3rem;text-transform:uppercase;color:#2b2a2c;font-weight:700;text-align:center;margin-bottom:3.6rem}.modal-work{display:flex}.modal-work__preview{width:65%;position:relative;overflow:hidden}.modal-work__photo{position:absolute;top:50%;left:50%;z-index:1;transform:translate3d(-50%, -50%, 0)}.modal-work__content{width:35%;padding:3.4rem 6.6rem 1rem 1.73rem;position:relative}.modal-work__header{margin-bottom:2.2rem}.modal-work__title{margin-bottom:.2rem;font-size:2.12rem;color:#2b2a2c;font-weight:700;text-transform:uppercase}.modal-work__info{font-size:1.2rem;color:#717072;text-transform:uppercase}.modal-work__info-divider{margin:0 1rem}.modal-work__client{margin-bottom:2.2rem}.modal-work__client-title{margin-bottom:.2rem;font-size:1.06rem;color:#2b2a2c;font-weight:700}.modal-work__client-company{font-size:.94rem;font-style:italic;color:#717072}.modal-work__text{margin-bottom:8.66rem;font-size:.8rem;color:#717072;line-height:2;font-weight:300}.modal-work__foter{display:flex;justify-content:space-between;width:100%;position:absolute;bottom:0;left:0;z-index:1;padding:0 1.8rem 1rem}.modal-work__btn{font-size:.94rem;font-family:inherit;color:#2b2a2c;text-transform:uppercase;background:none;border:0;padding:0;cursor:pointer;outline:none}.timeline{margin:4.2rem auto;width:100%;max-width:768px;display:flex;position:relative}.timeline:before{content:"";display:block;width:1px;height:100%;background-color:#2b2a2c;position:absolute;top:0;left:50%;z-index:1}.timeline__col{width:50%}.timeline__col--left{text-align:right;padding-right:3.2rem}.timeline__col--right{padding-left:3.2rem}.timeline__title{margin-bottom:2.6rem;font-size:1.2rem;color:#2b2a2c;text-transform:uppercase;font-weight:700}.timeline__item{margin-bottom:2.6rem}.timeline__item:last-child{margin-bottom:0}.timeline__date{display:block;text-decoration:underline;font-size:.94rem;color:#2b2a2c;margin-bottom:.8rem}.tmeline__suptitle{font-size:1.06rem;color:#2b2a2c;font-weight:700}.timeline__position{font-size:.94rem;color:#2b2a2c;font-style:italic}.timeline__text{font-size:.8rem;line-height:1.5rem;color:#717072;font-weight:300;margin-top:.8rem}.progress-bar{margin-bottom:2.6rem}.progress-bar__item{display:flex;align-items:center;margin-bottom:.3rem;justify-content:space-between}progress-bar__title{font-size:.94rem;font-weight:300}.progress-bar__right{padding-right:4.2rem}.progress-bar__bar{width:139px;height:6px;background-color:#efefef}.progress-bar__progress{height:100%;background-color:#717072;transition:width .2s linear}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.img{display:block;max-width:100%;height:auto}.hide{display:none}