:root{--color-primary: #000444;--color-accent-yellow: #fff40e;--color-accent-green: #5abb00;--color-accent-blue: #38d2f1;--color-accent-orange: #ffaf00;--color-text: #555;--color-text-light: #888;--color-bg: #f7f9fa;--color-white: #fff;--color-border: #ccc;--font-family: "PT Sans Narrow", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow-y:scroll}body{font:16px/1.5 var(--font-family);background:var(--color-bg) url(/static/images/back.png) repeat-x -200px -230px;min-height:100vh;color:var(--color-text);display:flex;flex-direction:column;padding-bottom:15px}a{color:var(--color-primary);text-decoration:underline;transition:color .2s}a:hover{opacity:.7;text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto}.page{flex:1;display:flex;flex-direction:column}.page__container{width:940px;max-width:100%;margin:0 auto;padding:0 20px 40px;flex:1}.header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:25px;align-items:center}@media (min-width: 768px){.header{grid-template-columns:230px 1fr 250px}}.logo{display:flex;align-items:center;height:80px;text-decoration:none;position:relative}.logo__cube{display:block;width:80px;height:80px;background:url(/static/logo-square.svg) center no-repeat;background-size:contain;position:absolute;left:0;top:0;transition:transform .3s ease}.logo__accent{display:block;width:80px;height:80px;background:url(/static/logo-accent.svg) center no-repeat;background-size:contain;position:absolute;left:0;top:0;pointer-events:none}.logo__text{font-size:48px;line-height:80px;color:var(--color-text);padding-left:90px;transition:color .2s}.logo:hover{opacity:1}.logo:hover .logo__text{color:#333}@media (min-width: 768px){.logo{margin-left:55px}}.nav__list{display:flex;flex-wrap:wrap}.nav__item{padding:0 15px}.nav__link{font-size:16px;color:var(--color-primary);text-decoration:none}.nav__link:hover{opacity:.7}.nav__link--active{color:var(--color-accent-green)}@media (min-width: 768px){.nav__list{flex-direction:column;align-items:flex-end}.nav__item{padding:0;text-align:right}.nav__item:first-child{padding-bottom:5px;border-bottom:1px solid var(--color-border);margin-bottom:5px}.nav__item:first-child .nav__link{display:inline-block;transform:translate(-20px)}.nav__item:last-child .nav__link{display:inline-block;transform:translate(20px)}}.contact-info{text-align:right}.contact-info__email,.contact-info__phone{display:block;font-size:16px}.contact-info__phone{font-size:24px;color:var(--color-text-light)}.contact-info__phone-number{color:var(--color-primary)}.lang-switch{margin-top:15px;display:flex;align-items:center;justify-content:flex-end;gap:5px}.lang-switch__link{font-size:14px;text-transform:uppercase;text-decoration:none;color:var(--color-text-light);transition:color .2s}.lang-switch__link:hover{opacity:.7}.lang-switch__link--active{color:var(--color-primary);font-weight:700}.lang-switch__divider{color:var(--color-text-light)}.promo{margin:60px 0 30px}.promo__row{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}@media (min-width: 768px){.promo__row{flex-direction:row;justify-content:space-between;align-items:flex-start}.promo__service--solutions{margin-top:25px}}.promo__title{font-size:24px;font-weight:700;padding:5px 10px;border-left:3px solid var(--color-accent-yellow);line-height:24px;position:relative;margin-left:-10px;color:var(--color-text)}.promo__title:before{content:"";display:block;width:3px;height:3px;background:var(--color-accent-yellow);margin-left:-13px;position:absolute;bottom:-5px}.promo__title--green{border-color:var(--color-accent-green)}.promo__title--green:before{background:var(--color-accent-green)}.promo__title--blue{border-color:var(--color-accent-blue)}.promo__title--blue:before{background:var(--color-accent-blue)}.promo__list{padding:15px 0 15px 20px;font-size:16px}.promo__list li{margin-bottom:5px}.slider{position:relative;display:flex;gap:10px;margin-top:50px;min-height:280px}.slider__nav{display:none}.slider__container{flex:1;position:relative;min-height:200px}.slider__item{padding:10px;box-sizing:border-box}.slider__figure{margin:0}@media (max-width: 767px){.slider{flex-direction:column}.slider__container{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;min-height:auto}.slider__item{position:static!important;opacity:1!important;visibility:visible!important;margin:0!important;transform:none!important}}@media (min-width: 768px){.slider__nav{display:flex;flex-direction:column;justify-content:center;gap:0;padding-top:60px}.slider__prev,.slider__next{background:none;border:none;cursor:pointer;font-size:55px;line-height:1;color:var(--color-text-light);padding:0;transition:color .2s}.slider__prev:hover,.slider__next:hover{opacity:.7}.slider__container{min-height:280px}.slider__item{position:absolute;left:0;top:0;width:25%;visibility:hidden;opacity:0;transition:all .5s ease-in-out}.slider__item--active{margin-left:0;margin-top:0;visibility:visible;opacity:1}.slider__item--next{margin-left:25%;margin-top:-30px;visibility:visible;opacity:1}.slider__item--after{margin-left:50%;margin-top:-60px;visibility:visible;opacity:1}.slider__item--last{margin-left:75%;margin-top:-90px;visibility:visible;opacity:1}}.project-card{display:block;text-decoration:none;position:relative}.project-card__thumb{position:relative;border:1px solid #e6e7e8;border-bottom-color:#dcddde;overflow:hidden}.project-card__thumb:before,.project-card__thumb:after{content:"";position:absolute;display:block;z-index:-1;bottom:8px;left:10px;width:50%;height:20%;max-width:300px;box-shadow:0 8px 8px #0003;transform:skew(-15deg) rotate(-4deg);transition:opacity .3s}.project-card__thumb:after{left:auto;right:10px;transform:skew(15deg) rotate(4deg)}.project-card:hover .project-card__thumb:before,.project-card:hover .project-card__thumb:after{opacity:0}.project-card__image{display:block;width:100%;height:auto}.project-card__link{display:block;margin-top:5px;font-size:14px;color:var(--color-text-light)}.project-card__title{display:block;margin-top:10px;text-align:center;color:var(--color-primary)}.project-card:hover .project-card__title{opacity:.7}.project-card__year{position:absolute;top:5px;right:5px;background:#0009;color:#fff;font-size:12px;padding:2px 6px;border-radius:3px}.intro{margin-bottom:80px}.intro__title{font-size:24px;font-weight:700;line-height:24px;color:var(--color-text);padding:5px 7px;border-left:3px solid var(--color-accent-yellow);margin-left:-10px;margin-bottom:15px}.intro__text{line-height:1.8}.projects__header{margin-bottom:30px}.projects__title{font-size:24px;font-weight:700;padding:5px 7px;border-left:3px solid var(--color-accent-yellow);margin-left:-10px}.projects__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:80px}@media (max-width: 767px){.projects__grid{grid-template-columns:repeat(2,1fr);gap:15px}}.main{margin-top:40px}.project{margin-bottom:80px}.project__content{display:grid;gap:30px}@media (min-width: 768px){.project__content{grid-template-columns:2fr 1fr}}.project__images{display:flex;flex-direction:column;gap:20px}.project__figure{width:100%;padding-top:37px;background:url(/static/images/mac_700_top_right.png) top right no-repeat,url(/static/images/mac_700_top_left.png) top left no-repeat;border:1px solid rgb(204,204,204);border-radius:4px}.project__image{width:100%;padding-bottom:11px;background:url(/static/images/mac_700_bottom.png) bottom right repeat-x}.project__info{display:flex;flex-direction:column;gap:25px}@media (min-width: 768px){.project__info{padding-left:24px;border-left:1px solid #ddd}}.project__title{font-size:24px;font-weight:700;color:var(--color-text)}.project__year{display:inline-block;background:var(--color-accent-green);color:#fff;font-size:14px;padding:3px 10px;border-radius:3px;margin-top:10px}.project__task-label{font-weight:700}.project__url{font-size:18px;color:#2f8cfa;cursor:pointer}.project__back-link{font-size:14px}.contacts{display:flex;gap:40px;align-items:flex-start}.contacts__content{flex:1}.contacts__header{margin-bottom:20px}.contacts__title{font-size:24px;font-weight:700;padding:5px 7px;border-left:3px solid var(--color-accent-yellow);margin-left:-10px}.person{margin:20px 0}.person__name{font-size:20px}.person__role{font-size:14px;color:var(--color-text-light)}.contacts__phone{font-size:26px;margin:15px 0}.contacts__phone-prefix{color:var(--color-text-light)}.contacts__text{margin:15px 0;line-height:1.8}.contacts__item{margin:10px 0;font-size:18px}.linkedin-widget{flex-shrink:0;margin-top:50px}.linkedin-widget .badge-base__link.LI-simple-link{display:none}.linkedin-widget iframe{width:251px!important}.footer{position:fixed;bottom:0;left:0;right:0;height:15px;background:#f1f5f7 url(/static/images/footer_bg.png) 0 0 repeat-x;box-shadow:inset 0 1px 1px #0000004d;z-index:100}.error-page{text-align:center;padding:80px 20px}.error-page__title{font-size:120px;color:var(--color-text-light)}.error-page__text{font-size:24px;margin-bottom:30px}@media (max-width: 767px){.header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:10px 20px;align-items:center}.header__logo{grid-column:1;grid-row:1}.logo{height:50px;margin:0}.logo__cube,.logo__accent{width:50px;height:50px;background-size:contain}.logo__text{font-size:32px;line-height:50px;padding-left:60px}.header__nav{grid-column:2;grid-row:1}.nav__list{flex-direction:column;align-items:flex-end;gap:2px}.nav__item{padding:0}.nav__link{font-size:16px}.header__contact{grid-column:1/-1;grid-row:2;display:flex;justify-content:flex-start;align-items:center;gap:15px;flex-wrap:wrap}.contact-info{text-align:left;margin-top:0}.contact-info__email,.contact-info__phone{font-size:16px;display:inline}.contact-info__phone{font-size:16px}.lang-switch{margin-top:0;margin-left:auto}.promo{margin-top:30px}.contacts{flex-direction:column}.linkedin-widget{margin-top:0}}