.furnas-portfolio {
  width: 100%; }
  .furnas-portfolio__title-container {
    color: #333333; }
    @media (max-width: 599px) {
      .furnas-portfolio__title-container {
        margin-top: 70px !important; } }
  .furnas-portfolio__task-block {
    width: 50%;
    color: #333333; }
    @media (max-width: 599px) {
      .furnas-portfolio__task-block {
        width: auto;
        order: 2; } }
  .furnas-portfolio__task-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .furnas-portfolio__task-image-block {
        width: auto;
        margin: 0 auto 64px auto; } }
  .furnas-portfolio__task-image-img {
    width: 569px; }
    @media (max-width: 599px) {
      .furnas-portfolio__task-image-img {
        width: 228px; } }
  .furnas-portfolio__paragraph {
    margin-bottom: 16px; }
  .furnas-portfolio__old-colors-block {
    width: 50%; }
    @media (max-width: 599px) {
      .furnas-portfolio__old-colors-block {
        width: auto;
        order: 2;
        margin-top: 40px; } }
  .furnas-portfolio__old-version-block {
    width: 50%; }
    @media (max-width: 599px) {
      .furnas-portfolio__old-version-block {
        width: auto; } }
  .furnas-portfolio__old-version-container {
    padding-top: 270px;
    padding-bottom: 187px;
    color: #333333; }
    @media (max-width: 599px) {
      .furnas-portfolio__old-version-container {
        padding-top: 88px;
        padding-bottom: 64px; } }
  .furnas-portfolio__design-block {
    background: #3AC7FF; }
  .furnas-portfolio__design-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .furnas-portfolio__design-image-block {
        width: auto;
        order: 2;
        margin: auto; } }
  .furnas-portfolio__design-text-block {
    width: 50%;
    margin-top: 290px;
    color: #fff; }
    @media (max-width: 599px) {
      .furnas-portfolio__design-text-block {
        width: auto;
        margin-top: 64px; } }
  .furnas-portfolio__design-image {
    width: 302px;
    margin: 112px 0; }
    @media (max-width: 599px) {
      .furnas-portfolio__design-image {
        width: 180px;
        margin: 64px auto; } }
  .furnas-portfolio__idea-block {
    background: #3AC7FF; }
  .furnas-portfolio__idea-image-block {
    width: 50%;
    display: flex;
    justify-content: center; }
    @media (max-width: 599px) {
      .furnas-portfolio__idea-image-block {
        width: auto;
        margin: auto; } }
  .furnas-portfolio__idea-text-block {
    width: 50%;
    margin-top: 150px;
    color: #fff; }
    @media (max-width: 599px) {
      .furnas-portfolio__idea-text-block {
        width: auto;
        margin-top: 64px; } }
  .furnas-portfolio__idea-image {
    width: 313px;
    margin: 112px 0; }
    @media (max-width: 599px) {
      .furnas-portfolio__idea-image {
        width: 270px;
        margin: 64px auto; } }
  .furnas-portfolio__structure-block {
    width: 50%;
    margin-top: 323px;
    color: #333333; }
    @media (max-width: 599px) {
      .furnas-portfolio__structure-block {
        width: auto;
        margin: 64px auto; } }
  .furnas-portfolio__structure-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .furnas-portfolio__structure-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .furnas-portfolio__structure-image-img {
    width: 336px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .furnas-portfolio__structure-image-img {
        width: 272px;
        padding: 0; } }
  .furnas-portfolio__mood-block {
    width: 50%;
    color: #333333; }
    @media (max-width: 599px) {
      .furnas-portfolio__mood-block {
        width: auto; } }
  .furnas-portfolio__colors-block {
    width: 50%;
    border-left: 1px solid rgba(95, 74, 102, 0.6);
    padding-left: 160px;
    box-sizing: border-box;
    margin-left: 160px;
    color: #333333; }
    @media (max-width: 599px) {
      .furnas-portfolio__colors-block {
        padding-left: 0;
        border: 0;
        margin: 0;
        margin-top: 40px; } }
  .furnas-portfolio__mood-block-container {
    padding: 150px 0 300px; }
    @media (max-width: 599px) {
      .furnas-portfolio__mood-block-container {
        padding: 64px 0; } }
  .furnas-portfolio__mac-img {
    width: 780px;
    margin: 364px 0; }
    @media (max-width: 599px) {
      .furnas-portfolio__mac-img {
        width: 274px;
        margin: 246px 0; } }
  .furnas-portfolio__mac-picture {
    margin: auto; }
  .furnas-portfolio__plan-img {
    width: 250px;
    margin-bottom: 374px; }
    @media (max-width: 599px) {
      .furnas-portfolio__plan-img {
        width: 274px;
        margin: 120px 0; } }
  .furnas-portfolio__plan-picture {
    margin: auto; }
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms; }

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms; }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s; }

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s; }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s; }

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s; }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s; }

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s; }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s; }

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s; }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s; }

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s; }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s; }

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s; }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s; }

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s; }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s; }

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s; }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s; }

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s; }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s; }

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s; }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s; }

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s; }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s; }

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s; }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s; }

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s; }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s; }

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s; }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s; }

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s; }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s; }

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s; }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s; }

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s; }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s; }

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s; }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s; }

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s; }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s; }

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s; }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s; }

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s; }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s; }

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s; }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s; }

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s; }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s; }

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s; }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s; }

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s; }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s; }

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s; }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s; }

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s; }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s; }

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s; }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s; }

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s; }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s; }

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s; }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s; }

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s; }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s; }

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s; }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s; }

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s; }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s; }

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s; }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s; }

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s; }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s; }

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s; }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s; }

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s; }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s; }

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s; }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s; }

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s; }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s; }

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s; }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s; }

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s; }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s; }

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s; }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s; }

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s; }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s; }

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s; }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s; }

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s; }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s; }

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s; }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s; }

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s; }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s; }

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s; }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s; }

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s; }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s; }

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s; }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s; }

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s; }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s; }

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s; }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s; }

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s; }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s; }

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s; }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s; }

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s; }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s; }

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s; }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s; }

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s; }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s; }

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s; }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s; }

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s; }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease; }

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in; }

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out; }

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out; }

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity,transform; }

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0); }

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0); }

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0); }

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0); }

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0); }

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0); }

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0); }

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0); }

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0); }

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity,transform; }

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1); }

[data-aos=zoom-in] {
  transform: scale(0.6); }

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6); }

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6); }

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6); }

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6); }

[data-aos=zoom-out] {
  transform: scale(1.2); }

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2); }

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2); }

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2); }

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2); }

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform; }

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0); }

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0); }

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0); }

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0); }

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0); }

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform; }

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg); }

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0); }

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg); }

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0); }

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg); }

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0); }

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg); }

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0); }
.home {
  height: 100%;
  width: 100%; }
  @media (min-width: 600px) {
    .home__team-screen {
      background-image: linear-gradient(-180deg, rgba(149, 237, 255, 0.1) 0%, rgba(91, 213, 255, 0.11) 100%); } }
  .home__options-screen {
    background: #F5F5F5; }
  .home__price-screen {
    background: #FFE8B2; }
  .home__do-screen {
    background: #F5F5F5; }
  .home__portfolio-screen {
    background: #E4E9F4; }
  .home__blog-screen {
    background: #E4E9F4; }
  .home__money-screen {
    background: #E0EFF5; }
  .home__dislike-screen {
    background: #F5FAFC; }
  @media (min-width: 600px) {
    .home__revolution-screen {
      background-image: linear-gradient(-180deg, rgba(149, 237, 255, 0.1) 0%, rgba(91, 213, 255, 0.11) 100%); } }
  .home__blue-divider {
    height: 24px;
    width: 100%;
    background-image: linear-gradient(-190deg, rgba(183, 253, 255, 0.35) 0%, #3AC7FF 100%); }
    @media (max-width: 599px) {
      .home__blue-divider {
        display: none; } }
  .home__pink-divider {
    width: 100%;
    height: 24px;
    background-image: linear-gradient(-163deg, rgba(249, 187, 224, 0.35) 0%, #F97DC7 100%); }
    @media (max-width: 599px) {
      .home__pink-divider {
        display: none; } }
  .home__shadow {
    box-shadow: 0 40px 20px 0 rgba(0, 0, 0, 0.22);
    position: absolute;
    width: 100%;
    height: 185px;
    margin-top: -185px; }
    @media (max-width: 599px) {
      .home__shadow {
        display: none; } }
.header {
  position: fixed;
  height: 59px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  width: calc(100% - 32px);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  background: #E0EFF5;
  z-index: 1002; }
  .header_portfolio-mode {
    background: #FFFFFF; }
  @media (min-width: 600px) {
    .header {
      height: 72px;
      width: calc(100% - 64px);
      padding: 0 32px; } }
  @media (min-width: 900px) {
    .header {
      height: 72px;
      width: calc(100% - 32px);
      padding: 0 16px;
      box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.22); } }
  .header__menu-container {
    display: flex;
    flex-direction: row; }
  @media (min-width: 600px) {
    .header_contact-popup-shown {
      position: fixed; } }
  .header__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 944px; }
  .header_header-without-shadow {
    box-shadow: none; }
  .header__title {
    font-family: "Literata", serif;
    font-size: 18px;
    line-height: 16px; }
    @media (min-width: 600px) {
      .header__title {
        font-size: 18px;
        line-height: 22px; } }
  .header__logo-image {
    background: url(9c5a762bb77dff599c285ea255356e23.png) no-repeat;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-size: contain !important; }
    @media (max-width: 599px) {
      .header__logo-image {
        background: url(9c5a762bb77dff599c285ea255356e23.png) no-repeat;
        width: 18px;
        height: 18px; } }
    @media (max-width: 599px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 599px) and (min-resolution: 192dpi) {
      .header__logo-image {
        background: url(9c5a762bb77dff599c285ea255356e23.png) no-repeat; } }
  .header__title-with-logo {
    display: flex;
    flex-direction: row;
    cursor: pointer; }
  .header__close-contact-popup-button {
    background: url(30868cf16e7f8a633842c6c6dbeebe82.png) no-repeat;
    width: 16px;
    height: 16px;
    background-size: contain;
    cursor: pointer; }
  .header__menu-title {
    margin-left: 48px;
    display: none; }
    @media (min-width: 900px) {
      .header__menu-title {
        display: block; } }
  .header__button {
    display: none; }
    @media (min-width: 900px) {
      .header__button {
        display: block; } }
  .header__hamburger {
    display: block;
    background: url(6b9f8271c91a96d59a6aed6afa068e24.png) no-repeat;
    width: 24px;
    height: 17px;
    background-size: contain; }
    @media (min-width: 900px) {
      .header__hamburger {
        display: none; } }
.button {
  font-family: "Open Sans", sans-serif;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  border-radius: 6px;
  border: none; }
  .button_default {
    border: 1px solid #FF78A0;
    color: #ffffff;
    padding: 9px 44px;
    background-color: #FF78A0;
    font-size: 15px;
    line-height: 21px;
    height: 43px;
    font-weight: 600; }
  .button_big-pink {
    border: 1px solid #2B7A9E;
    background-color: transparent;
    color: #2B7A9E;
    min-width: 180px;
    padding: 12px 24px;
    line-height: 16px;
    font-size: 17px; }
    @media (min-width: 600px) {
      .button_big-pink {
        padding: 19px 24px; } }
  .button_big-pink-full {
    border: 1px solid #2B7A9E;
    color: #FFFFFF;
    min-width: 180px;
    padding: 14px 24px;
    line-height: 16px;
    font-size: 17px;
    font-weight: 600;
    background-color: #2B7A9E; }
    @media (min-width: 600px) {
      .button_big-pink-full {
        padding: 19px 24px;
        background-color: #2B7A9E; } }
.medium-text {
  font-weight: 400; }
  @media (min-width: 600px) {
    .medium-text {
      font-weight: 400; } }
.universal-link {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: #333333;
  border-bottom: 1px solid #FF65B8;
  text-decoration: none;
  cursor: pointer;
  padding: 2px 0;
  font-weight: 400; }
  .universal-link_no-style {
    border: none;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    line-height: inherit;
    font-weight: inherit; }
  .universal-link_white-style {
    color: white;
    border: none; }
.picture__img {
  width: 100%;
  object-fit: contain; }
.mobile-menu__hamburger {
  display: block;
  background: url(6b9f8271c91a96d59a6aed6afa068e24.png) no-repeat;
  width: 24px;
  height: 17px;
  background-size: contain; }
  @media (min-width: 900px) {
    .mobile-menu__hamburger {
      display: none; } }

.mobile-menu__content {
  max-height: 100vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px; }

.mobile-menu__close-image {
  width: 16px;
  height: 16px;
  position: fixed;
  right: 2px;
  top: 2px; }

.mobile-menu__close-image_portfolio-mode {
  right: 20px;
  top: 22px; }

.mobile-menu__close-image-img {
  width: 16px;
  height: 16px; }

.mobile-menu__title {
  font-family: "Literata", serif;
  font-size: 18px;
  line-height: 16px; }
  @media (min-width: 600px) {
    .mobile-menu__title {
      font-size: 18px;
      line-height: 22px; } }

.mobile-menu__logo-image {
  background: url(9c5a762bb77dff599c285ea255356e23.png) no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-size: contain !important; }
  @media (max-width: 599px) {
    .mobile-menu__logo-image {
      background: url(9c5a762bb77dff599c285ea255356e23.png) no-repeat;
      width: 18px;
      height: 18px;
      position: absolute;
      margin-left: -23px; } }
  @media (max-width: 599px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 599px) and (min-resolution: 192dpi) {
    .mobile-menu__logo-image {
      background: url(9c5a762bb77dff599c285ea255356e23.png) no-repeat; } }

.mobile-menu__title-with-logo {
  display: flex;
  flex-direction: row;
  cursor: pointer;
  margin-bottom: 32px; }

.mobile-menu__item {
  text-align: center;
  margin-bottom: 24px;
  opacity: 0.6; }

.mobile-menu__contact-button {
  margin-top: 8px; }
.popup {
  position: fixed;
  top: -19px;
  height: 100vh;
  background: #ffffff;
  width: 100vw;
  z-index: 1001;
  left: -16px; }
  @media (min-width: 600px) {
    .popup {
      top: -22px;
      left: -32px; } }
  .popup__portfolio-mode {
    top: 0;
    left: 0; }
.block-text {
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  line-height: 27px;
  color: #131416; }
  @media (max-width: 599px) {
    .block-text {
      font-size: 16px;
      line-height: 24px; } }
.section-title {
  font-family: "Literata", serif;
  font-size: 32px;
  font-weight: 500;
  margin: 0;
  color: #333333; }
  @media (min-width: 600px) {
    .section-title {
      font-size: 40px;
      line-height: 50px; } }
.input {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  background: #FFFFFF;
  border: 1px solid #A5AEB1;
  color: #333333;
  border-radius: 6px;
  width: 288px;
  padding: 12px 16px;
  outline: none;
  box-sizing: border-box;
  box-shadow: none;
  -webkit-appearance: none; }
  @media (min-width: 600px) {
    .input {
      padding: 16px; } }
  .input::placeholder {
    color: #A5AEB1; }
  .input_invalid {
    border-color: #f95ab9;
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px; }

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }
  40%, 60% {
    transform: translate3d(4px, 0, 0); } }
.radio {
  display: flex;
  flex-direction: row; }
  .radio__item {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    margin-right: 24px; }
    @media (max-width: 599px) {
      .radio__item {
        margin-bottom: 16px; } }
  .radio__circle {
    width: 15px;
    height: 15px;
    border: 1px solid #2B7A9E;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 11px;
    border-radius: 50px; }
  .radio__name {
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    color: #131416; }
  .radio__item_selected .radio__name {
    color: #2B7A9E; }
  .radio__item_selected .radio__point {
    width: 11px;
    height: 11px;
    background: #2B7A9E;
    border-radius: 50px; }
.title {
  font-family: "Literata", serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 46px;
  color: #131416;
  line-height: 64px; }
  @media (max-width: 599px) {
    .title {
      font-size: 40px; } }
.link {
  font-size: 16px;
  line-height: 18px;
  color: #10BBFF;
  border-bottom: 1px solid #10BBFF;
  text-decoration: none;
  cursor: pointer;
  padding: 2px 0;
  font-weight: 400; }
.footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0 16px;
  width: calc(100% - 32px);
  background: #E0EFF5;
  height: 200px; }
  .footer_portfolio-mode {
    background: #FFFFFF; }
  @media (max-width: 599px) {
    .footer {
      height: auto; } }
  @media (min-width: 600px) {
    .footer {
      padding: 0 32px;
      width: calc(100% - 64px); } }
  @media (min-width: 900px) {
    .footer {
      width: calc(100% - 32px);
      padding: 0 16px; } }
  .footer__container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: 936px;
    padding-top: 48px; }
    @media (max-width: 599px) {
      .footer__container {
        flex-direction: column; } }
  .footer__title {
    color: #333333;
    font-size: 24px;
    font-family: "Literata", serif;
    margin-bottom: 24px; }
  .footer__contacts-block {
    width: 30%; }
    @media (max-width: 599px) {
      .footer__contacts-block {
        width: auto; } }
  .footer__links-block {
    width: 30%; }
    @media (max-width: 599px) {
      .footer__links-block {
        width: auto;
        margin-top: 32px; } }
    @media (min-width: 600px) {
      .footer__links-block {
        width: 36%; } }
    @media (min-width: 900px) {
      .footer__links-block {
        width: 30%; } }
  .footer__social-block {
    width: 30%; }
    @media (max-width: 599px) {
      .footer__social-block {
        width: auto; } }
  .footer__link {
    color: #333333 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    border-color: #333333 !important;
    margin-bottom: 16px;
    display: inline-block;
    font-family: "Open Sans", sans-serif; }
.learn {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  background: url(98fe0c4551f9e09f138e4a79a9fd3e9b.png) calc(100% + 480px) -450px no-repeat; }
  @media (min-width: 600px) {
    .learn {
      background: url(98fe0c4551f9e09f138e4a79a9fd3e9b.png) calc(100% + 300px) -350px no-repeat; } }
  @media (min-width: 900px) {
    .learn {
      background: url(98fe0c4551f9e09f138e4a79a9fd3e9b.png) calc(100% + 300px) -350px no-repeat; } }
  @media (min-width: 1200px) {
    .learn {
      background: url(98fe0c4551f9e09f138e4a79a9fd3e9b.png) calc(100% + 200px) -300px no-repeat; } }
  .learn__container {
    width: 600px;
    padding-top: 88px;
    padding-bottom: 52px; }
    @media (max-width: 599px) {
      .learn__container {
        width: auto;
        padding: 48px 24px; } }
  .learn__title {
    margin-bottom: 8px; }
  .learn__subtitle {
    margin-bottom: 48px; }
  .learn__article-link {
    margin-bottom: 24px; }
.subtitle {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  letter-spacing: 1.5px;
  font-weight: 300; }
  @media (max-width: 599px) {
    .subtitle {
      font-size: 18px; } }
  .subtitle_theme-dark {
    color: #FFFFFF; }
  .subtitle_theme-light {
    color: #333333; }
  @media (min-width: 600px) {
    .subtitle {
      font-family: "Literata", serif; } }
.article-link {
  font-family: "Open Sans", sans-serif;
  line-height: 18px;
  cursor: pointer; }
  .article-link_big {
    font-size: 18px;
    line-height: 24px; }
  .article-link_small {
    font-size: 14px; }
  .article-link__a {
    text-decoration: none; }
  .article-link_theme-dark .article-link__a {
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF; }
  .article-link_theme-light .article-link__a {
    color: #333333;
    border-bottom: 1px solid #333333; }
.learn-article {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  background: url(98fe0c4551f9e09f138e4a79a9fd3e9b.png) calc(100% + 480px) -450px no-repeat; }
  @media (min-width: 600px) {
    .learn-article {
      background: url(98fe0c4551f9e09f138e4a79a9fd3e9b.png) calc(100% + 350px) -350px no-repeat; } }
  @media (min-width: 900px) {
    .learn-article {
      background: url(98fe0c4551f9e09f138e4a79a9fd3e9b.png) calc(100% + 300px) -350px no-repeat; } }
  @media (min-width: 1200px) {
    .learn-article {
      background: url(98fe0c4551f9e09f138e4a79a9fd3e9b.png) calc(100% + 200px) -300px no-repeat; } }
  .learn-article__container {
    width: 600px;
    padding-top: 88px;
    padding-bottom: 52px; }
    @media (max-width: 599px) {
      .learn-article__container {
        width: auto;
        padding: 48px 24px; } }
  .learn-article__title {
    margin-bottom: 8px; }
  .learn-article__subtitle {
    margin-bottom: 48px; }
  .learn-article__article-link {
    margin-bottom: 24px; }
  .learn-article__article-title {
    margin-bottom: 16px; }
  .learn-article__learn-link {
    margin-top: 48px; }
.block-title {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500; }
  @media (min-width: 600px) {
    .block-title {
      font-family: "Literata", serif;
      font-weight: 400; } }
  .block-title_theme-dark {
    color: #333333; }
  .block-title_theme-light {
    color: #333333; }
.policy {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .policy__content {
    max-width: 936px;
    margin-top: 150px;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 32px;
    margin-left: 16px;
    margin-right: 16px;
    width: calc(100% - 32px); }
    @media (min-width: 900px) {
      .policy__content {
        margin-left: 0;
        margin-right: 0;
        width: 100%; } }
    .policy__content b {
      display: block;
      margin-bottom: 8px; }
    .policy__content p {
      margin-bottom: 32px; }
.share-master {
  height: 100%;
  width: 100%; }
  .share-master__content {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .share-master__title {
    margin-top: 128px;
    margin-bottom: 32px;
    text-align: center;
    width: 100%;
    font-family: "Literata", serif;
    font-size: 40px;
    font-weight: 400; }
  .share-master__picture {
    width: 479px;
    height: 214px;
    border: 1px solid #979797;
    margin: auto;
    display: block;
    margin-bottom: 32px; }
  .share-master__instruction-title {
    margin-top: 120px;
    margin-bottom: 32px;
    text-align: center;
    width: 100%;
    font-family: "Literata", serif;
    font-size: 40px;
    font-weight: 400; }
.finansist-portfolio {
  width: 100%; }
  .finansist-portfolio__title-container {
    color: #333333; }
    @media (max-width: 599px) {
      .finansist-portfolio__title-container {
        margin-top: 70px !important; } }
  .finansist-portfolio__task-block {
    width: 50%;
    margin-top: 150px;
    color: #333333; }
    @media (max-width: 599px) {
      .finansist-portfolio__task-block {
        width: auto;
        margin: 64px 0; } }
  .finansist-portfolio__task-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .finansist-portfolio__task-image-block {
        width: auto;
        margin: 0 auto 64px auto;
        order: 2; } }
  .finansist-portfolio__task-image-img {
    width: 831px; }
    @media (max-width: 599px) {
      .finansist-portfolio__task-image-img {
        width: 100vw;
        margin-left: -24px; } }
  .finansist-portfolio__laptop-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .finansist-portfolio__laptop-image-block {
        width: auto;
        margin: 0 auto 64px auto; } }
  .finansist-portfolio__laptop-image-img {
    width: 336px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .finansist-portfolio__laptop-image-img {
        width: 272px;
        padding: 0; } }
  .finansist-portfolio__paragraph {
    margin-bottom: 16px; }
  .finansist-portfolio__old-colors-block {
    width: 50%; }
    @media (max-width: 599px) {
      .finansist-portfolio__old-colors-block {
        width: auto;
        order: 2;
        margin-top: 40px; } }
  .finansist-portfolio__old-version-block {
    width: 50%; }
    @media (max-width: 599px) {
      .finansist-portfolio__old-version-block {
        width: auto; } }
  .finansist-portfolio__old-version-container {
    padding-top: 270px;
    padding-bottom: 187px;
    color: #333333; }
    @media (max-width: 599px) {
      .finansist-portfolio__old-version-container {
        padding-top: 88px;
        padding-bottom: 64px; } }
  .finansist-portfolio__design-block {
    background: #3AC7FF; }
  .finansist-portfolio__design-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .finansist-portfolio__design-image-block {
        width: auto;
        order: 2;
        margin: auto; } }
  .finansist-portfolio__design-text-block {
    width: 50%;
    margin-top: 290px;
    color: #fff; }
    @media (max-width: 599px) {
      .finansist-portfolio__design-text-block {
        width: auto;
        margin-top: 64px; } }
  .finansist-portfolio__design-image {
    width: 302px;
    margin: 112px 0; }
    @media (max-width: 599px) {
      .finansist-portfolio__design-image {
        width: 180px;
        margin: 64px auto; } }
  .finansist-portfolio__goal-block {
    background: #E5F4FF;
    display: flex; }
  .finansist-portfolio__goal-mob {
    background: #E5F4FF;
    padding: 64px 0; }
    @media (min-width: 600px) {
      .finansist-portfolio__goal-mob {
        display: none; } }
  .finansist-portfolio__goal-img {
    width: 780px;
    margin: 50px 0; }
    @media (max-width: 599px) {
      .finansist-portfolio__goal-img {
        width: 274px;
        margin: 246px 0; } }
  .finansist-portfolio__goal-picture {
    margin: auto; }
    @media (max-width: 599px) {
      .finansist-portfolio__goal-picture {
        display: none; } }
  .finansist-portfolio__idea-image-block {
    width: 50%;
    display: flex;
    justify-content: center; }
    @media (max-width: 599px) {
      .finansist-portfolio__idea-image-block {
        width: auto;
        margin: auto; } }
  .finansist-portfolio__idea-text-block {
    width: 50%;
    margin-top: 150px;
    color: #fff; }
    @media (max-width: 599px) {
      .finansist-portfolio__idea-text-block {
        width: auto;
        margin-top: 64px; } }
  .finansist-portfolio__idea-image {
    width: 313px;
    margin: 112px 0; }
    @media (max-width: 599px) {
      .finansist-portfolio__idea-image {
        width: 270px;
        margin: 64px auto; } }
  .finansist-portfolio__tablet-block {
    background: #F5F5F7; }
  .finansist-portfolio__laptop-block {
    background: #F5F5F7; }
  .finansist-portfolio__laptop-text-block {
    width: 50%;
    margin-top: 236px;
    color: #333333; }
    @media (max-width: 599px) {
      .finansist-portfolio__laptop-text-block {
        width: auto;
        margin: 64px auto; } }
  .finansist-portfolio__tablet-text-block {
    width: 50%;
    margin-top: 323px;
    color: #333333; }
    @media (max-width: 599px) {
      .finansist-portfolio__tablet-text-block {
        width: auto;
        margin: 64px auto; } }
  .finansist-portfolio__tablet-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .finansist-portfolio__tablet-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .finansist-portfolio__tablet-image-img {
    width: 336px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .finansist-portfolio__tablet-image-img {
        width: 272px;
        padding: 0; } }
  .finansist-portfolio__mood-block {
    width: 50%;
    color: #333333; }
    @media (max-width: 599px) {
      .finansist-portfolio__mood-block {
        width: auto; } }
  .finansist-portfolio__colors-block {
    width: 50%;
    border-left: 1px solid rgba(95, 74, 102, 0.6);
    padding-left: 160px;
    box-sizing: border-box;
    margin-left: 160px;
    color: #333333; }
    @media (max-width: 599px) {
      .finansist-portfolio__colors-block {
        padding-left: 0;
        border: 0;
        margin: 0;
        margin-top: 40px; } }
  .finansist-portfolio__mood-block-container {
    padding: 150px 0 300px; }
    @media (max-width: 599px) {
      .finansist-portfolio__mood-block-container {
        padding: 64px 0; } }
  .finansist-portfolio__main-img {
    width: 780px;
    margin: 0px 0 128px; }
    @media (max-width: 599px) {
      .finansist-portfolio__main-img {
        width: 274px;
        margin: 0 0 156px 0; } }
  .finansist-portfolio__main-picture {
    margin: auto; }
  .finansist-portfolio__mac-img {
    width: 780px;
    margin: 0px 0 128px; }
    @media (max-width: 599px) {
      .finansist-portfolio__mac-img {
        width: 274px;
        margin: 0 0 64px; } }
  .finansist-portfolio__big-tablet-picture {
    margin: auto; }
  .finansist-portfolio__big-tablet-img {
    width: 780px;
    margin: 0px 0 128px; }
    @media (max-width: 599px) {
      .finansist-portfolio__big-tablet-img {
        width: 274px;
        margin: 110px 0; } }
  .finansist-portfolio__team-picture {
    margin: auto; }
  .finansist-portfolio__team-img {
    width: 780px;
    margin: 0px 0 128px; }
    @media (max-width: 599px) {
      .finansist-portfolio__team-img {
        width: 274px;
        margin: 110px 0; } }
  .finansist-portfolio__mac-picture {
    margin: auto; }
  .finansist-portfolio__plan-img {
    width: 250px;
    margin-bottom: 374px; }
    @media (max-width: 599px) {
      .finansist-portfolio__plan-img {
        width: 274px;
        margin: 120px 0; } }
  .finansist-portfolio__plan-picture {
    margin: auto; }
  .finansist-portfolio__arrows-text-block {
    width: 50%;
    margin-top: 156px;
    color: #333333; }
    @media (max-width: 599px) {
      .finansist-portfolio__arrows-text-block {
        width: auto;
        margin: 64px auto; } }
  .finansist-portfolio__arrows-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .finansist-portfolio__arrows-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .finansist-portfolio__arrows-image-img {
    width: 336px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .finansist-portfolio__arrows-image-img {
        width: 272px;
        padding: 0; } }
.abstract-portfolio-page {
  height: 100%;
  width: 100%;
  max-width: 100vw;
  overflow: hidden; }
  .abstract-portfolio-page__content {
    position: relative; }
  .abstract-portfolio-page__blank {
    width: 100vw;
    height: 100vh;
    background-color: rgba(51, 51, 51, 0.31);
    z-index: 1;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 100vh;
    transition: 0.5s ease-out; }
  .abstract-portfolio-page__blank_shown {
    top: 0; }
  .abstract-portfolio-page__next-work {
    background: #ffffff;
    padding: 64px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    @media (max-width: 599px) {
      .abstract-portfolio-page__next-work {
        width: 288px;
        box-sizing: border-box;
        padding: 32px; } }
  .abstract-portfolio-page__next-title {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 !important; }
    @media (max-width: 599px) {
      .abstract-portfolio-page__next-title {
        font-size: 32px; } }
    @media (max-width: 599px) {
      .abstract-portfolio-page__next-title .portfolio-title__additional-text {
        display: block;
        margin-top: 0;
        position: static;
        margin-bottom: 16px;
        font-size: 16px;
        color: #152228;
        font-weight: 400; } }
  .abstract-portfolio-page__image {
    width: 300px; }
    @media (max-width: 599px) {
      .abstract-portfolio-page__image {
        width: 230px; } }
  .abstract-portfolio-page__image-img {
    width: 300px;
    margin: 48px auto 16px; }
    @media (max-width: 599px) {
      .abstract-portfolio-page__image-img {
        width: 230px; } }
  .abstract-portfolio-page__image-img_tea-shop {
    margin: 0 auto; }
  .abstract-portfolio-page__next-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 300px; }
    @media (max-width: 599px) {
      .abstract-portfolio-page__next-row {
        width: 172px; } }
  .abstract-portfolio-page__right-arrow-img {
    width: 15px;
    margin-top: 14px; }
    @media (max-width: 599px) {
      .abstract-portfolio-page__right-arrow-img {
        width: 10px; } }
  .abstract-portfolio-page__continue {
    color: #2B7A9E; }
    @media (max-width: 599px) {
      .abstract-portfolio-page__continue {
        font-size: 24px; } }
.tea-portfolio {
  width: 100%; }
  .tea-portfolio__main-screen {
    background: #52A3C9;
    padding-bottom: 90px; }
  .tea-portfolio__title-container {
    color: #FFFFFF; }
    @media (max-width: 599px) {
      .tea-portfolio__title-container {
        margin-top: 70px !important; } }
  .tea-portfolio__title {
    color: #FFFFFF !important;
    padding-bottom: 34px; }
  .tea-portfolio__paragraph {
    margin-bottom: 16px; }
  .tea-portfolio__idea-text-block {
    color: #333333;
    margin: auto;
    margin-bottom: 124px;
    max-width: 620px; }
    @media (max-width: 599px) {
      .tea-portfolio__idea-text-block {
        order: 2;
        margin-bottom: 88px; } }
  .tea-portfolio__idea-image-block {
    width: 780px;
    margin: auto; }
    @media (max-width: 599px) {
      .tea-portfolio__idea-image-block {
        width: 274px;
        margin-bottom: 112px;
        margin-top: 72px; } }
  .tea-portfolio__idea-container {
    flex-direction: column !important; }
  .tea-portfolio__prepare-block {
    width: 50%;
    margin-top: 210px;
    color: #333333; }
    @media (max-width: 599px) {
      .tea-portfolio__prepare-block {
        width: auto;
        margin: 64px auto; } }
  .tea-portfolio__prepare-image-block {
    width: 50%;
    display: flex; }
    @media (max-width: 599px) {
      .tea-portfolio__prepare-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .tea-portfolio__prepare-picture {
    margin: auto; }
  .tea-portfolio__prepare-image-img {
    width: 460px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .tea-portfolio__prepare-image-img {
        width: 256px;
        padding: 0; } }
  .tea-portfolio__prepare-text {
    max-width: 380px; }
  .tea-portfolio__form-block {
    background: #65E0BD; }
  .tea-portfolio__form-image-block {
    width: 50%;
    display: flex;
    justify-content: center; }
    @media (max-width: 599px) {
      .tea-portfolio__form-image-block {
        width: auto;
        margin: auto; } }
  .tea-portfolio__form-text-block {
    width: 50%;
    margin-top: 150px;
    color: #fff; }
    @media (max-width: 599px) {
      .tea-portfolio__form-text-block {
        width: auto;
        margin-bottom: 64px;
        margin-top: 0; } }
  .tea-portfolio__form-image {
    width: 569px;
    margin: 112px 0 -4px -200px; }
    @media (max-width: 599px) {
      .tea-portfolio__form-image {
        width: 260px;
        margin: 64px auto; } }
  .tea-portfolio__form-text {
    max-width: 300px; }
  .tea-portfolio__documents-block {
    width: 50%;
    margin-top: 323px;
    color: #333333; }
    @media (max-width: 599px) {
      .tea-portfolio__documents-block {
        width: auto;
        margin: 64px auto; } }
  .tea-portfolio__documents-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .tea-portfolio__documents-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .tea-portfolio__documents-image-img {
    width: 480px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .tea-portfolio__documents-image-img {
        width: 256px;
        padding: 0; } }
  .tea-portfolio__documents-text {
    max-width: 380px; }
  .tea-portfolio__mood-block-container {
    padding: 150px 0 300px; }
    @media (max-width: 599px) {
      .tea-portfolio__mood-block-container {
        padding: 64px 0; } }
  .tea-portfolio__mood-block {
    width: 50%;
    color: #333333; }
    @media (max-width: 599px) {
      .tea-portfolio__mood-block {
        width: auto; } }
  .tea-portfolio__colors-block {
    width: 50%;
    border-left: 1px solid rgba(95, 74, 102, 0.6);
    padding-left: 160px;
    box-sizing: border-box;
    margin-left: 160px;
    color: #333333; }
    @media (max-width: 599px) {
      .tea-portfolio__colors-block {
        padding-left: 0;
        border: 0;
        margin: 0;
        margin-top: 40px; } }
  .tea-portfolio__task-block {
    width: 50%;
    margin-top: 323px;
    color: #333333; }
    @media (max-width: 599px) {
      .tea-portfolio__task-block {
        width: auto;
        margin: 64px auto; } }
  .tea-portfolio__task-image-block {
    width: 50%;
    display: flex; }
    @media (max-width: 599px) {
      .tea-portfolio__task-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .tea-portfolio__task-image-img {
    width: 230px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .tea-portfolio__task-image-img {
        width: 256px;
        padding: 0; } }
  .tea-portfolio__task-text {
    max-width: 380px; }
  .tea-portfolio__structure-block {
    width: 50%;
    margin-top: 323px;
    color: #ffffff; }
    @media (max-width: 599px) {
      .tea-portfolio__structure-block {
        width: auto;
        margin: 64px auto; } }
  .tea-portfolio__structure-image-block {
    width: 50%;
    display: flex; }
    @media (max-width: 599px) {
      .tea-portfolio__structure-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .tea-portfolio__structure-image-img {
    width: 380px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .tea-portfolio__structure-image-img {
        width: 280px;
        padding: 0; } }
  .tea-portfolio__structure-text {
    max-width: 380px; }
  .tea-portfolio__structure-container {
    background: #C25681; }
  .tea-portfolio__result-container {
    background: #E7F2F6; }
    @media (max-width: 599px) {
      .tea-portfolio__result-container {
        width: 100%;
        margin: 64px 0; } }
  .tea-portfolio__result-image-img {
    width: 380px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .tea-portfolio__result-image-img {
        width: 284px;
        padding: 0; } }
  .tea-portfolio__big-tablet-picture {
    margin: auto; }
  .tea-portfolio__big-tablet-img {
    width: 780px;
    margin: 215px 0; }
    @media (max-width: 599px) {
      .tea-portfolio__big-tablet-img {
        width: 274px;
        margin: 110px 0; } }
.visa-portfolio {
  width: 100%; }
  .visa-portfolio__title-container {
    color: #333333; }
    @media (max-width: 599px) {
      .visa-portfolio__title-container {
        margin-top: 70px !important; } }
  .visa-portfolio__paragraph {
    margin-bottom: 16px; }
  .visa-portfolio__idea-text-block {
    color: #333333;
    margin: auto;
    margin-bottom: 124px;
    max-width: 620px; }
    @media (max-width: 599px) {
      .visa-portfolio__idea-text-block {
        order: 2;
        margin-bottom: 88px; } }
  .visa-portfolio__idea-image-block {
    width: 780px;
    margin: auto; }
    @media (max-width: 599px) {
      .visa-portfolio__idea-image-block {
        width: 274px;
        margin-bottom: 112px;
        margin-top: 72px; } }
  .visa-portfolio__idea-container {
    flex-direction: column !important; }
  .visa-portfolio__prepare-block {
    width: 50%;
    margin-top: 323px;
    color: #333333; }
    @media (max-width: 599px) {
      .visa-portfolio__prepare-block {
        width: auto;
        margin: 0 auto 64px; } }
  .visa-portfolio__prepare-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .visa-portfolio__prepare-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .visa-portfolio__prepare-image-img {
    width: 480px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .visa-portfolio__prepare-image-img {
        width: 256px;
        padding: 0; } }
  .visa-portfolio__prepare-text {
    max-width: 380px; }
  .visa-portfolio__form-block {
    background: #65E0BD; }
  .visa-portfolio__form-image-block {
    width: 50%;
    display: flex;
    justify-content: center; }
    @media (max-width: 599px) {
      .visa-portfolio__form-image-block {
        width: auto;
        margin: auto; } }
  .visa-portfolio__form-text-block {
    width: 50%;
    margin-top: 150px;
    color: #fff; }
    @media (max-width: 599px) {
      .visa-portfolio__form-text-block {
        width: auto;
        margin-bottom: 64px;
        margin-top: 0; } }
  .visa-portfolio__form-image {
    width: 569px;
    margin: 112px 0 -4px -200px; }
    @media (max-width: 599px) {
      .visa-portfolio__form-image {
        width: 260px;
        margin: 64px auto; } }
  .visa-portfolio__form-text {
    max-width: 300px; }
  .visa-portfolio__documents-block {
    width: 50%;
    margin-top: 323px;
    color: #333333; }
    @media (max-width: 599px) {
      .visa-portfolio__documents-block {
        width: auto;
        margin: 64px auto; } }
  .visa-portfolio__documents-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .visa-portfolio__documents-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .visa-portfolio__documents-image-img {
    width: 480px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .visa-portfolio__documents-image-img {
        width: 256px;
        padding: 0; } }
  .visa-portfolio__documents-text {
    max-width: 380px; }
body, html {
  min-height: 100%;
  padding: 0;
  margin: 0;
  display: flex; }

h1, h2, p {
  padding: 0;
  margin: 0; }

a {
  text-decoration: none; }

body {
  flex-grow: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  font-smoothing: antialiased; }

#root {
  min-height: 100%;
  min-width: 100%;
  display: flex; }

@media (max-width: 599px) {
  #vk_community_messages {
    display: none; } }
.smikwell-portfolio {
  width: 100%; }
  .smikwell-portfolio__title-container {
    color: #333333; }
    @media (max-width: 599px) {
      .smikwell-portfolio__title-container {
        margin-top: 70px !important; } }
  .smikwell-portfolio__paragraph {
    margin-bottom: 16px; }
  .smikwell-portfolio__task-text-block {
    color: #333333;
    margin: auto;
    margin-bottom: 124px; }
    @media (max-width: 599px) {
      .smikwell-portfolio__task-text-block {
        order: 2;
        margin-bottom: 88px; } }
  .smikwell-portfolio__task-image-block {
    width: 780px;
    margin: auto; }
    @media (max-width: 599px) {
      .smikwell-portfolio__task-image-block {
        width: 274px;
        margin-bottom: 112px;
        margin-top: 72px; } }
  .smikwell-portfolio__task-container {
    flex-direction: column !important; }
  .smikwell-portfolio__idea-block {
    width: 50%;
    margin-top: 260px;
    color: #333333; }
    @media (max-width: 599px) {
      .smikwell-portfolio__idea-block {
        width: auto;
        margin: 0 auto 64px; } }
  .smikwell-portfolio__idea-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .smikwell-portfolio__idea-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .smikwell-portfolio__idea-image-img {
    width: 300px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .smikwell-portfolio__idea-image-img {
        width: 180px;
        padding: 0; } }
  .smikwell-portfolio__design-block {
    background: #E97070; }
  .smikwell-portfolio__design-image-block {
    width: 50%;
    display: flex;
    justify-content: center; }
    @media (max-width: 599px) {
      .smikwell-portfolio__design-image-block {
        width: auto;
        margin: auto; } }
  .smikwell-portfolio__design-text-block {
    width: 50%;
    margin-top: 150px;
    color: #fff; }
    @media (max-width: 599px) {
      .smikwell-portfolio__design-text-block {
        width: auto;
        margin-top: 64px; } }
  .smikwell-portfolio__design-image {
    width: 569px;
    margin: 112px 0 -4px; }
    @media (max-width: 599px) {
      .smikwell-portfolio__design-image {
        width: 260px;
        margin: 64px auto; } }
  .smikwell-portfolio__design-text {
    max-width: 300px; }
  .smikwell-portfolio__instagram-block {
    width: 50%;
    margin-top: 260px;
    color: #333333; }
    @media (max-width: 599px) {
      .smikwell-portfolio__instagram-block {
        width: auto;
        margin: 64px auto 64px; } }
  .smikwell-portfolio__instagram-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .smikwell-portfolio__instagram-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .smikwell-portfolio__instagram-image-img {
    width: 300px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .smikwell-portfolio__instagram-image-img {
        width: 180px;
        padding: 0; } }
.work-portfolio {
  width: 100%; }
  .work-portfolio__title {
    color: #fff; }
    @media (max-width: 599px) {
      .work-portfolio__title {
        margin-top: 70px !important; } }
  .work-portfolio__main-screen {
    background: #5B4164; }
  .work-portfolio__main-picture {
    max-width: 832px;
    align-self: center;
    margin: auto; }
    @media (max-width: 599px) {
      .work-portfolio__main-picture {
        width: 100%;
        max-width: 274px; } }
  .work-portfolio__idea-block {
    color: #fff;
    width: 50%;
    margin-top: 165px;
    margin-bottom: 260px; }
    @media (max-width: 599px) {
      .work-portfolio__idea-block {
        width: auto;
        margin: 95px 0 64px; } }
  .work-portfolio__structure-block {
    color: #fff;
    width: 50%;
    margin-left: 50%;
    padding-bottom: 170px; }
    @media (max-width: 599px) {
      .work-portfolio__structure-block {
        width: auto;
        margin-left: 0; } }
  .work-portfolio__design-block {
    width: 50%;
    color: #5F4A66; }
    @media (max-width: 599px) {
      .work-portfolio__design-block {
        width: auto; } }
  .work-portfolio__colors-block {
    width: 50%;
    border-left: 1px solid rgba(95, 74, 102, 0.6);
    padding-left: 160px;
    box-sizing: border-box;
    margin-left: 160px;
    color: #5F4A66; }
    @media (max-width: 599px) {
      .work-portfolio__colors-block {
        padding-left: 0;
        border: 0;
        margin: 0;
        margin-top: 40px; } }
  .work-portfolio__iphone-block {
    background: #5B4164;
    padding: 66px 0; }
    @media (max-width: 599px) {
      .work-portfolio__iphone-block {
        padding-top: 0; } }
  .work-portfolio__iphone-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .work-portfolio__iphone-image-block {
        width: auto;
        margin: auto;
        order: 2; } }
  .work-portfolio__iphone-img {
    width: 302px; }
    @media (max-width: 599px) {
      .work-portfolio__iphone-img {
        width: 180px; } }
  .work-portfolio__iphone-text-block {
    width: 50%;
    margin-top: 145px;
    color: #fff; }
    @media (max-width: 599px) {
      .work-portfolio__iphone-text-block {
        width: auto;
        margin-top: 64px; } }
  .work-portfolio__result-block {
    background: #5B4164;
    color: #fff;
    padding: 179px 0 252px; }
    @media (max-width: 599px) {
      .work-portfolio__result-block {
        padding: 64px 0; } }
  .work-portfolio__design-block-container {
    padding: 335px 0 300px; }
    @media (max-width: 599px) {
      .work-portfolio__design-block-container {
        padding: 64px 0; } }
  .work-portfolio__mac-img {
    width: 780px;
    margin: 364px 0; }
    @media (max-width: 599px) {
      .work-portfolio__mac-img {
        width: 274px;
        margin: 246px 0; } }
  .work-portfolio__mac-picture {
    margin: auto; }
  .work-portfolio__result {
    margin: auto; }
  .work-portfolio__paragraph {
    margin-bottom: 16px; }
@charset "UTF-8";
.livenhouse-portfolio {
  width: 100%; }
  @media (max-width: 599px) {
    .livenhouse-portfolio__title-container {
      margin-top: 70px !important; } }
  .livenhouse-portfolio__main-title {
    padding-bottom: 34px; }
  .livenhouse-portfolio__paragraph {
    margin-bottom: 16px; }
  .livenhouse-portfolio__main-image-block {
    margin: auto;
    padding-bottom: 264px; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__main-image-block {
        margin: 0 auto;
        padding-bottom: 64px; } }
  .livenhouse-portfolio__main-container {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto; }
  .livenhouse-portfolio__main-screen {
    width: 100%; }
  .livenhouse-portfolio__background-image-img {
    width: 100%; }
  @media (max-width: 599px) {
    .livenhouse-portfolio__main-image-img {
      width: 320px; } }
  .livenhouse-portfolio__task-text-block {
    width: 50%;
    margin-top: 260px;
    color: white; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__task-text-block {
        width: auto;
        margin: 64px auto; } }
  .livenhouse-portfolio__task-image-block {
    width: 50%;
    display: flex;
    justify-content: center; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__task-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .livenhouse-portfolio__task-image-img {
    width: 230px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__task-image-img {
        padding: 0; } }
  .livenhouse-portfolio__task-screen {
    width: 100%;
    background: linear-gradient(166.82deg, #1F2023 22.37%, #352B4A 83.95%, #4E4762 106.4%); }
  .livenhouse-portfolio__task-container {
    flex-direction: row !important; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__task-container {
        flex-direction: column !important;
        margin-top: 70px !important; } }
  .livenhouse-portfolio__idea-block {
    width: 50%;
    margin-top: 260px;
    color: #333333; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__idea-block {
        width: auto;
        margin: 0 auto 64px; } }
  .livenhouse-portfolio__idea-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__idea-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .livenhouse-portfolio__idea-image-img {
    width: 300px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__idea-image-img {
        width: 180px;
        padding: 0; } }
  .livenhouse-portfolio__design-text-block {
    width: 70%;
    margin: 323px 0px;
    color: #333333; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__design-text-block {
        width: auto;
        margin: 64px auto 0 auto; } }
  .livenhouse-portfolio__colors-block {
    width: 30%;
    padding-left: 80px;
    margin: 323px 0px;
    color: #333333; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__colors-block {
        width: auto;
        padding: 0;
        margin: 64px 0; } }
  .livenhouse-portfolio__photo-container {
    flex-direction: column; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__photo-container {
        margin: 0; } }
  .livenhouse-portfolio__photo-picture {
    width: 100%; }
  .livenhouse-portfolio__photo-image-img {
    width: 100%; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__photo-image-img {
        width: 100%; } }
  .livenhouse-portfolio__photo-text-block {
    position: absolute;
    align-self: flex-end;
    width: 320px;
    margin: 120px 0px;
    padding: 40px 20px 40px 60px;
    color: white;
    background: #4D0FF7;
    border-radius: 20px 0px 0px 20px;
    right: 0; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__photo-text-block {
        position: relative;
        width: auto;
        padding: 64px 24px;
        margin: 0;
        align-self: auto;
        border-radius: 0;
        right: auto; } }
  .livenhouse-portfolio__faсts-container {
    flex-direction: column;
    align-items: center;
    padding-bottom: 128px; }
  .livenhouse-portfolio__faсts-text-block {
    width: 420px;
    padding: 140px 60px 40px 60px; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__faсts-text-block {
        width: auto;
        padding: 64px 0; } }
  .livenhouse-portfolio__faсts-image-block {
    width: 700px; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__faсts-image-block {
        width: auto; } }
  .livenhouse-portfolio__faсts-image-img {
    width: 700px; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__faсts-image-img {
        width: 320px; } }
  .livenhouse-portfolio__simplification-text-block {
    width: 50%;
    margin-top: 320px; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__simplification-text-block {
        width: auto;
        margin: 64px auto 64px; } }
  .livenhouse-portfolio__simplification-image-block {
    width: 50%;
    display: flex;
    justify-content: center;
    margin-top: 160px; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__simplification-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  @media (max-width: 599px) {
    .livenhouse-portfolio__adaptation-container {
      flex-direction: column;
      padding-top: 64px; } }
  .livenhouse-portfolio__adaptation-text-block {
    width: 50%;
    margin-top: 320px; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__adaptation-text-block {
        width: 100%;
        margin: 0 auto 64px; } }
  .livenhouse-portfolio__adaptation-image-block {
    width: 50%;
    display: flex;
    justify-content: center;
    margin-top: 160px; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__adaptation-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .livenhouse-portfolio__adaptation-image-img {
    width: 230px; }
  .livenhouse-portfolio__kettle-container {
    align-content: center;
    justify-content: center;
    margin-bottom: 128px; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__kettle-container {
        display: none; } }
  .livenhouse-portfolio__kettle-image-img {
    width: 700px;
    margin-top: 240px; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__kettle-image-img {
        width: 320px; } }
  .livenhouse-portfolio__interactive-text-block-mobile {
    display: none; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__interactive-text-block-mobile {
        display: flex;
        position: absolute;
        align-self: flex-start;
        color: #4D0FF7;
        background: #FFFFFF;
        border-radius: 0px 0px 10px 0px;
        padding: 16px; } }
  .livenhouse-portfolio__interactive-text-block-mobile-subtitle {
    padding: 0; }
  .livenhouse-portfolio__interactive-container {
    flex-direction: column;
    margin-top: 320px; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__interactive-container {
        margin: 0; } }
  .livenhouse-portfolio__interactive-picture {
    width: 100%; }
  .livenhouse-portfolio__interactive-image-img {
    width: 100%;
    padding: 0px; }
  .livenhouse-portfolio__interactive-text-block {
    width: 320px;
    position: absolute;
    margin: 120px 0px;
    padding: 40px 60px;
    background: #231F20;
    color: white;
    border-radius: 0px 20px 20px 0px; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__interactive-text-block {
        display: none; } }
  .livenhouse-portfolio__breeze-container {
    align-content: center;
    justify-content: center;
    padding-bottom: 128px; }
  .livenhouse-portfolio__breeze-image-img {
    width: 700px;
    margin-top: 240px; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__breeze-image-img {
        width: 320px;
        margin-top: 64px; } }
  .livenhouse-portfolio__simplification-background {
    background-color: #F5F5F7;
    padding-bottom: 128px; }
    @media (max-width: 599px) {
      .livenhouse-portfolio__simplification-background {
        padding-bottom: 0px; } }
.saragh-portfolio {
  width: 100%; }
  @media (max-width: 599px) {
    .saragh-portfolio__title-container {
      margin-top: 70px !important; } }
  .saragh-portfolio__paragraph {
    margin-bottom: 16px; }
  .saragh-portfolio__main-title {
    padding-bottom: 34px !important; }
  .saragh-portfolio__main-image-block {
    margin: auto;
    padding-bottom: 264px; }
    @media (max-width: 599px) {
      .saragh-portfolio__main-image-block {
        padding-bottom: 0px !important; } }
  .saragh-portfolio__task-screen {
    width: 100%;
    background: #2DC4B6; }
  .saragh-portfolio__task-container {
    flex-direction: row !important; }
    @media (max-width: 599px) {
      .saragh-portfolio__task-container {
        margin-top: 70px !important;
        flex-direction: column !important; } }
  .saragh-portfolio__task-text-block {
    width: 50%;
    margin-top: 260px;
    color: white; }
    @media (max-width: 599px) {
      .saragh-portfolio__task-text-block {
        width: auto;
        margin: 64px auto 64px; } }
  .saragh-portfolio__task-image-block {
    width: 50%;
    display: flex;
    justify-content: center; }
    @media (max-width: 599px) {
      .saragh-portfolio__task-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .saragh-portfolio__task-image-img {
    width: 230px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .saragh-portfolio__task-image-img {
        padding: 0; } }
  .saragh-portfolio__idea-block {
    width: 50%;
    margin-top: 260px;
    color: #333333; }
    @media (max-width: 599px) {
      .saragh-portfolio__idea-block {
        width: auto;
        margin: 0 auto 64px; } }
  .saragh-portfolio__idea-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .saragh-portfolio__idea-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .saragh-portfolio__idea-image-img {
    width: 300px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .saragh-portfolio__idea-image-img {
        width: 180px;
        padding: 0; } }
  .saragh-portfolio__design-text-block {
    width: 70%;
    margin: 323px 0px;
    color: #333333; }
    @media (max-width: 599px) {
      .saragh-portfolio__design-text-block {
        width: auto;
        margin: 64px auto; } }
  .saragh-portfolio__colors-block {
    width: 30%;
    padding-left: 80px;
    margin: 323px 0px;
    color: #333333; }
    @media (max-width: 599px) {
      .saragh-portfolio__colors-block {
        width: auto;
        margin: 64px 0;
        padding-left: 0px !important; } }
  .saragh-portfolio__estimate-screen {
    width: 100%;
    background: linear-gradient(180deg, #FFF1D3 0%, #FFDEA8 100%); }
  @media (max-width: 599px) {
    .saragh-portfolio__estimate-picture {
      display: none; } }
  .saragh-portfolio__estimate-container {
    padding-top: 100px; }
    @media (max-width: 599px) {
      .saragh-portfolio__estimate-container {
        padding-top: 64px; } }
  .saragh-portfolio__estimate-image2-block {
    padding: 40px 20px 40px 60px;
    border-radius: 20px 0px 0px 20px; }
    @media (max-width: 599px) {
      .saragh-portfolio__estimate-image2-block {
        padding: 0px; } }
  .saragh-portfolio__account-container {
    padding-top: 120px; }
    @media (max-width: 599px) {
      .saragh-portfolio__account-container {
        padding-top: 64px; } }
  .saragh-portfolio__account-text-block {
    position: absolute;
    width: 440px; }
    @media (max-width: 599px) {
      .saragh-portfolio__account-text-block {
        position: relative !important;
        width: auto;
        margin: 0px auto 64px auto; } }
  .saragh-portfolio__data-container {
    flex-direction: column; }
  .saragh-portfolio__data-container {
    padding-top: 120px; }
  .saragh-portfolio__data-text-block {
    position: absolute;
    align-self: flex-end;
    width: 440px; }
    @media (max-width: 599px) {
      .saragh-portfolio__data-text-block {
        position: relative !important;
        width: auto;
        margin: 0px auto 64px auto; } }
  .saragh-portfolio__tables-background {
    width: 100%; }
  .saragh-portfolio__tables-container {
    flex-direction: column; }
  .saragh-portfolio__tables-container {
    padding-top: 120px; }
  .saragh-portfolio__tables-content-block {
    position: absolute; }
  .saragh-portfolio__tables-text-block {
    width: 400px; }
    @media (max-width: 599px) {
      .saragh-portfolio__tables-text-block {
        width: auto;
        margin: 0 24px 24px 24px; } }
  .saragh-portfolio__tables-picture, .saragh-portfolio__tables-picture2, .saragh-portfolio__tables-picture-img {
    width: 600px; }
    @media (max-width: 599px) {
      .saragh-portfolio__tables-picture, .saragh-portfolio__tables-picture2, .saragh-portfolio__tables-picture-img {
        width: 280px;
        margin: 0 24px; } }
  @media (max-width: 599px) {
    .saragh-portfolio__tables-picture2 {
      display: none; } }
  .saragh-portfolio__tables-screen {
    padding-bottom: 600px; }
.code-fighter-portfolio {
  width: 100%; }
  .code-fighter-portfolio__main-screen {
    background: #787878;
    padding-bottom: 90px; }
  .code-fighter-portfolio__title-container {
    color: #FFFFFF; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__title-container {
        margin-top: 70px !important; } }
  .code-fighter-portfolio__title {
    color: #FFFFFF !important;
    padding-bottom: 34px; }
  .code-fighter-portfolio__paragraph {
    margin-bottom: 16px; }
  .code-fighter-portfolio__idea-text-block {
    color: #333333;
    margin: auto;
    margin-bottom: 124px;
    max-width: 620px; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__idea-text-block {
        order: 2;
        margin-bottom: 88px; } }
  .code-fighter-portfolio__idea-image-block {
    width: 780px;
    margin: auto; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__idea-image-block {
        width: 274px;
        margin-bottom: 112px;
        margin-top: 72px; } }
  .code-fighter-portfolio__idea-container {
    flex-direction: column !important; }
  .code-fighter-portfolio__prepare-block {
    width: 50%;
    margin-top: 323px;
    color: #333333; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__prepare-block {
        width: auto;
        margin: 64px auto; } }
  .code-fighter-portfolio__prepare-image-block {
    width: 50%;
    display: flex; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__prepare-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .code-fighter-portfolio__prepare-picture {
    margin: auto; }
  .code-fighter-portfolio__prepare-image-img {
    width: 230px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__prepare-image-img {
        width: 256px;
        padding: 0; } }
  .code-fighter-portfolio__prepare-text {
    max-width: 380px; }
  .code-fighter-portfolio__form-block {
    background: #65E0BD; }
  .code-fighter-portfolio__form-image-block {
    width: 50%;
    display: flex;
    justify-content: center; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__form-image-block {
        width: auto;
        margin: auto; } }
  .code-fighter-portfolio__form-text-block {
    width: 50%;
    margin-top: 150px;
    color: #fff; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__form-text-block {
        width: auto;
        margin-bottom: 64px;
        margin-top: 0; } }
  .code-fighter-portfolio__form-image {
    width: 569px;
    margin: 112px 0 -4px -200px; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__form-image {
        width: 260px;
        margin: 64px auto; } }
  .code-fighter-portfolio__form-text {
    max-width: 300px; }
  .code-fighter-portfolio__documents-block {
    width: 50%;
    margin-top: 323px;
    color: #333333; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__documents-block {
        width: auto;
        margin: 64px auto; } }
  .code-fighter-portfolio__documents-image-block {
    width: 50%; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__documents-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .code-fighter-portfolio__documents-image-img {
    width: 480px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__documents-image-img {
        width: 256px;
        padding: 0; } }
  .code-fighter-portfolio__documents-text {
    max-width: 380px; }
  .code-fighter-portfolio__mood-block-container {
    padding: 150px 0 300px; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__mood-block-container {
        padding: 64px 0; } }
  .code-fighter-portfolio__mood-block {
    width: 50%;
    color: #333333; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__mood-block {
        width: auto; } }
  .code-fighter-portfolio__colors-block {
    width: 50%;
    border-left: 1px solid rgba(95, 74, 102, 0.6);
    padding-left: 160px;
    box-sizing: border-box;
    margin-left: 160px;
    color: #333333; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__colors-block {
        padding-left: 0;
        border: 0;
        margin: 0;
        margin-top: 40px; } }
  .code-fighter-portfolio__task-block {
    width: 50%;
    margin-top: 323px;
    color: #333333; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__task-block {
        width: auto;
        margin: 64px auto; } }
  .code-fighter-portfolio__task-image-block {
    width: 50%;
    display: flex; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__task-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .code-fighter-portfolio__task-image-img {
    width: 230px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__task-image-img {
        width: 256px;
        padding: 0; } }
  .code-fighter-portfolio__task-text {
    max-width: 380px; }
  .code-fighter-portfolio__structure-block {
    width: 50%;
    margin-top: 323px;
    color: #ffffff; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__structure-block {
        width: auto;
        margin: 64px auto; } }
  .code-fighter-portfolio__structure-image-block {
    width: 50%;
    display: flex; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__structure-image-block {
        width: auto;
        order: 2;
        margin: 0 auto 64px auto; } }
  .code-fighter-portfolio__structure-image-img {
    width: 380px;
    padding: 136px 0; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__structure-image-img {
        width: 256px;
        padding: 0; } }
  .code-fighter-portfolio__structure-text {
    max-width: 380px; }
  .code-fighter-portfolio__structure-container {
    background: #787878; }
  .code-fighter-portfolio__result-container {
    background: #787878; }
  .code-fighter-portfolio__big-tablet-picture {
    margin: auto; }
  .code-fighter-portfolio__big-tablet-img {
    width: 780px;
    margin: 215px 0; }
    @media (max-width: 599px) {
      .code-fighter-portfolio__big-tablet-img {
        width: 274px;
        margin: 110px 0; } }
.main-screen {
  display: flex;
  flex-direction: column;
  height: 100vh;
  transition: 0.5s ease-out;
  align-items: center;
  background: #ffffff; }
  @media (min-width: 600px) {
    .main-screen {
      height: auto; } }
  .main-screen_animation-finished {
    height: 600px; }
    @media (min-width: 600px) {
      .main-screen_animation-finished {
        height: auto; } }
    .main-screen_animation-finished #animation_container {
      display: none; }
    .main-screen_animation-finished .main-screen__form {
      display: flex; }
      @media (min-width: 600px) {
        .main-screen_animation-finished .main-screen__form {
          display: none; } }
  .main-screen__title {
    margin-bottom: 19px;
    max-width: 300px;
    font-size: 32px !important;
    line-height: 50px;
    font-weight: bold !important; }
    @media (min-width: 600px) {
      .main-screen__title {
        max-width: 336px;
        text-transform: none !important;
        font-size: 42px !important;
        text-align: left;
        line-height: 52px !important;
        margin-bottom: 24px; } }
  .main-screen__desktop-title_cursor {
    cursor: url(0d47cef703a5d7f5b5a8a4a9538abe4f.png), auto; }
  .main-screen__form {
    margin: 89px 16px 0;
    text-align: center;
    display: none;
    flex-direction: column;
    align-items: center; }
    @media (min-width: 600px) {
      .main-screen__form {
        display: none; } }
  .main-screen__links {
    margin: 40px 16px 0;
    text-align: center; }
  .main-screen__input {
    margin-top: 32px; }
    @media (min-width: 600px) {
      .main-screen__input {
        margin-top: 16px;
        width: 100%;
        margin-right: 24px; } }
  .main-screen__button {
    margin-top: 24px; }
    @media (min-width: 600px) {
      .main-screen__button {
        margin-top: 40px;
        width: 224px; } }
  .main-screen__link {
    margin-bottom: 16px; }
  .main-screen__pink-word {
    padding: 0 2px;
    background: #F8BBFF; }
  .main-screen__blue-word {
    padding: 0 2px;
    background: #B7EAFF;
    white-space: nowrap; }
  .main-screen__form-desktop {
    display: none; }
    @media (min-width: 600px) {
      .main-screen__form-desktop {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 11.55vh;
        padding: 0 32px;
        align-items: center; } }
    @media (min-width: 900px) {
      .main-screen__form-desktop {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 29.55vh;
        width: 944px;
        padding: 0 16px;
        align-items: normal; } }
  .main-screen__desktop-contact-row {
    display: none; }
    @media (min-width: 900px) {
      .main-screen__desktop-contact-row {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 376px; } }
  .main-screen__background-img {
    width: 474px !important;
    margin-top: 48px;
    margin-bottom: 21.5vh;
    margin-right: -23px; }
    @media (min-width: 900px) {
      .main-screen__background-img {
        margin-top: -63px;
        width: 538px !important; } }
  .main-screen__monitor-img {
    width: 214px !important;
    height: 156px; }
  @media (min-width: 600px) {
    .main-screen__girl-img {
      width: 71px !important;
      position: absolute;
      margin-top: 160px;
      margin-left: -317px; } }
  @media (min-width: 900px) {
    .main-screen__girl-img {
      width: 71px !important;
      position: absolute;
      margin-top: 63px;
      margin-left: -355px; } }
  .main-screen__girl-img_movement {
    animation: girl-movement 10s infinite;
    -webkit-animation: girl-movement 10s infinite;
    -moz-animation: girl-movement 10s infinite;
    -o-animation: girl-movement 10s infinite; }
  @media (min-width: 600px) {
    .main-screen__boy-img {
      width: 71px !important;
      position: absolute;
      margin-top: 150px;
      margin-left: -173px; } }
  @media (min-width: 900px) {
    .main-screen__boy-img {
      width: 71px !important;
      position: absolute;
      margin-top: 57px;
      margin-left: -201px; } }
  .main-screen__boy-img_movement {
    animation: boy-movement 12s infinite;
    -webkit-animation: boy-movement 12s infinite;
    -moz-animation: boy-movement 12s infinite;
    -o-animation: boy-movement 12s infinite;
    animation-delay: 1s; }
  .main-screen__background-img_movement {
    animation: background-movement 15s infinite;
    -webkit-animation: background-movement 15s infinite;
    -moz-animation: background-movement 15s infinite;
    -o-animation: background-movement 15s infinite;
    animation-delay: 1s; }
  .main-screen__additional-text {
    width: 350px; }
  .main-screen__additional-text-mob {
    width: auto;
    margin-top: 24px; }
  .main-screen__button-tablet {
    display: none; }
    @media (min-width: 600px) {
      .main-screen__button-tablet {
        display: block;
        position: absolute;
        bottom: 146px; } }
    @media (min-width: 900px) {
      .main-screen__button-tablet {
        display: none; } }

#animation_container {
  background-color: white;
  width: 320px;
  height: 560px; }
  @media (min-width: 600px) {
    #animation_container {
      display: none; } }

#canvas {
  position: absolute;
  display: block;
  background-color: white; }

#dom_overlay_container {
  pointer-events: none;
  overflow: hidden;
  width: 320px;
  height: 560px;
  position: absolute;
  left: 0px;
  top: 0px;
  display: block; }

@-webkit-keyframes girl-movement {
  0%, 20%, 50%, 90%, 100% {
    -webkit-transform: translateY(0); }
  30% {
    -webkit-transform: translateY(-25px); }
  70% {
    -webkit-transform: translateY(-15px); } }

@-moz-keyframes girl-movement {
  0%, 20%, 50%, 90%, 100% {
    -moz-transform: translateY(0); }
  30% {
    -moz-transform: translateY(-25px); }
  70% {
    -moz-transform: translateY(-15px); } }

@-o-keyframes girl-movement {
  0%, 20%, 50%, 90%, 100% {
    -o-transform: translateY(0); }
  30% {
    -o-transform: translateY(-25px); }
  70% {
    -o-transform: translateY(-15px); } }

@keyframes girl-movement {
  0%, 20%, 50%, 90%, 100% {
    transform: translateY(0); }
  30% {
    transform: translateY(-25px); }
  70% {
    transform: translateY(-15px); } }

@-webkit-keyframes boy-movement {
  0%, 20%, 50%, 90%, 100% {
    -webkit-transform: translate(0); }
  30% {
    -webkit-transform: translate(20px, -13px); }
  70% {
    -webkit-transform: translate(-20px, 10px); } }

@-moz-keyframes boy-movement {
  0%, 20%, 50%, 90%, 100% {
    -moz-transform: translate(0); }
  30% {
    -moz-transform: translate(20px, -13px); }
  70% {
    -moz-transform: translate(-20px, 10px); } }

@-o-keyframes boy-movement {
  0%, 20%, 50%, 90%, 100% {
    -o-transform: translate(0); }
  30% {
    -o-transform: translate(20px, -13px); }
  70% {
    -o-transform: translate(-20px, 10px); } }

@keyframes boy-movement {
  0%, 20%, 50%, 90%, 100% {
    transform: translate(0); }
  30% {
    transform: translate(20px, -13px); }
  70% {
    transform: translate(-20px, 10px); } }

@-webkit-keyframes background-movement {
  0% {
    filter: hue-rotate(0deg); }
  8.3% {
    filter: hue-rotate(30deg); }
  16.6% {
    filter: hue-rotate(60deg); }
  25% {
    filter: hue-rotate(90deg); }
  33.3% {
    filter: hue-rotate(120deg); }
  41.6% {
    filter: hue-rotate(150deg); }
  50% {
    filter: hue-rotate(180deg); }
  58.3% {
    filter: hue-rotate(210deg); }
  66.6% {
    filter: hue-rotate(240deg); }
  75% {
    filter: hue-rotate(270deg); }
  83.3% {
    filter: hue-rotate(300deg); }
  91.6% {
    filter: hue-rotate(330deg); }
  100% {
    filter: hue-rotate(360deg); } }

@-moz-keyframes background-movement {
  0% {
    filter: hue-rotate(0deg); }
  8.3% {
    filter: hue-rotate(30deg); }
  16.6% {
    filter: hue-rotate(60deg); }
  25% {
    filter: hue-rotate(90deg); }
  33.3% {
    filter: hue-rotate(120deg); }
  41.6% {
    filter: hue-rotate(150deg); }
  50% {
    filter: hue-rotate(180deg); }
  58.3% {
    filter: hue-rotate(210deg); }
  66.6% {
    filter: hue-rotate(240deg); }
  75% {
    filter: hue-rotate(270deg); }
  83.3% {
    filter: hue-rotate(300deg); }
  91.6% {
    filter: hue-rotate(330deg); }
  100% {
    filter: hue-rotate(360deg); } }

@-o-keyframes background-movement {
  0% {
    filter: hue-rotate(0deg); }
  8.3% {
    filter: hue-rotate(30deg); }
  16.6% {
    filter: hue-rotate(60deg); }
  25% {
    filter: hue-rotate(90deg); }
  33.3% {
    filter: hue-rotate(120deg); }
  41.6% {
    filter: hue-rotate(150deg); }
  50% {
    filter: hue-rotate(180deg); }
  58.3% {
    filter: hue-rotate(210deg); }
  66.6% {
    filter: hue-rotate(240deg); }
  75% {
    filter: hue-rotate(270deg); }
  83.3% {
    filter: hue-rotate(300deg); }
  91.6% {
    filter: hue-rotate(330deg); }
  100% {
    filter: hue-rotate(360deg); } }

@keyframes background-movement {
  0% {
    filter: hue-rotate(0deg); }
  8.3% {
    filter: hue-rotate(30deg); }
  16.6% {
    filter: hue-rotate(60deg); }
  25% {
    filter: hue-rotate(90deg); }
  33.3% {
    filter: hue-rotate(120deg); }
  41.6% {
    filter: hue-rotate(150deg); }
  50% {
    filter: hue-rotate(180deg); }
  58.3% {
    filter: hue-rotate(210deg); }
  66.6% {
    filter: hue-rotate(240deg); }
  75% {
    filter: hue-rotate(270deg); }
  83.3% {
    filter: hue-rotate(300deg); }
  91.6% {
    filter: hue-rotate(330deg); }
  100% {
    filter: hue-rotate(360deg); } }

.dust {
  position: absolute;
  margin-top: -102px;
  z-index: 1000;
  transition: 0.8s;
  width: 376px; }

.dust_fade {
  opacity: 0; }
.team-screen {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 568px; }
  @media (max-width: 599px) {
    .team-screen {
      justify-content: flex-start; } }
  @media (min-width: 600px) {
    .team-screen {
      width: auto;
      margin: auto 32px;
      align-items: center; } }
  @media (min-width: 900px) {
    .team-screen {
      width: 944px;
      margin: auto;
      align-items: center; } }
  .team-screen__title {
    margin-top: 80px;
    margin-bottom: 24px; }
    @media (max-width: 599px) {
      .team-screen__title {
        margin-left: 16px;
        margin-right: 16px; } }
    @media (min-width: 600px) {
      .team-screen__title {
        margin-bottom: 24px;
        margin-top: 150px;
        text-align: center; } }
  @media (min-width: 600px) {
    .team-screen__image-img {
      width: 80px;
      height: 80px;
      margin-bottom: 17px; } }
  @media (max-width: 599px) {
    .team-screen__image-img {
      width: 56px;
      height: 56px;
      margin-bottom: 31px; } }
  .team-screen__carousel {
    margin-bottom: 160px; }
    @media (max-width: 599px) {
      .team-screen__carousel {
        align-self: center; } }
  .team-screen__structure-row {
    margin: 69px auto 236px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media (max-width: 599px) {
      .team-screen__structure-row {
        margin: 48px auto 80px;
        max-width: 87%; } }
    @media (min-width: 600px) {
      .team-screen__structure-row {
        width: 400px;
        margin: 69px auto 90px; } }
    @media (min-width: 900px) {
      .team-screen__structure-row {
        width: auto;
        margin: 69px auto 236px; } }
  .team-screen__structure-item {
    width: 217px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media (max-width: 599px) {
      .team-screen__structure-item {
        width: 128px;
        margin-bottom: 48px; } }
    @media (min-width: 600px) {
      .team-screen__structure-item {
        width: 157px;
        margin-bottom: 80px;
        text-align: center; } }
    @media (min-width: 900px) {
      .team-screen__structure-item {
        width: 217px;
        margin-bottom: auto; } }
  @media (max-width: 599px) {
    .team-screen__subtitle {
      margin-left: 16px;
      margin-right: 16px; } }
  .team-screen__structure-text {
    font-weight: 600;
    max-width: 157px; }
    @media (max-width: 599px) {
      .team-screen__structure-text {
        text-align: center; } }
  .team-screen__image-img-designer {
    width: 142px; }
  .team-screen__image-img-frontend {
    width: 127px; }
  .team-screen__image-img-backend {
    width: 60px; }
  .team-screen__image-img-analytics {
    width: 74px; }
.money-screen {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 568px; }
  @media (min-width: 600px) {
    .money-screen {
      max-width: none;
      margin: auto 32px;
      flex-direction: row; } }
  @media (min-width: 900px) {
    .money-screen {
      max-width: 944px;
      margin: auto;
      flex-direction: row; } }
  .money-screen__title {
    margin-top: 0;
    margin-bottom: 32px; }
    @media (min-width: 600px) {
      .money-screen__title {
        margin-bottom: 32px;
        margin-top: 254px; } }
  .money-screen__image {
    margin: 16px 32px; }
    @media (max-width: 599px) {
      .money-screen__image {
        display: none; } }
    @media (min-width: 600px) {
      .money-screen__image {
        width: 333px;
        margin: 135px 0; } }
  @media (min-width: 600px) {
    .money-screen__image-img {
      object-position: left; } }
  .money-screen__text {
    margin: 88px 16px;
    text-align: right; }
    @media (max-width: 599px) {
      .money-screen__text {
        display: flex;
        flex-direction: column; } }
    @media (min-width: 600px) {
      .money-screen__text {
        margin: 0;
        order: 2; } }
  .money-screen__block-text {
    max-width: 470px; }
  .money-screen__image-mob {
    margin: 0 32px 32px;
    align-self: center; }
    @media (min-width: 600px) {
      .money-screen__image-mob {
        display: none; } }
  .money-screen__image-mob-img {
    width: 175px; }
.dislike-screen {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media (min-width: 600px) {
    .dislike-screen {
      max-width: none;
      margin: auto 32px;
      flex-direction: row; } }
  @media (min-width: 900px) {
    .dislike-screen {
      max-width: 944px;
      margin: auto;
      flex-direction: row; } }
  .dislike-screen__title {
    margin-top: 0;
    margin-bottom: 32px; }
    @media (min-width: 600px) {
      .dislike-screen__title {
        margin-bottom: 32px;
        margin-top: 254px; } }
  .dislike-screen__image {
    margin: 16px 32px; }
    @media (max-width: 599px) {
      .dislike-screen__image {
        display: none; } }
    @media (min-width: 600px) {
      .dislike-screen__image {
        margin: 165px 0; } }
  @media (min-width: 600px) {
    .dislike-screen__image-img {
      width: 292px; } }
  .dislike-screen__text {
    margin: 88px 16px; }
    @media (max-width: 599px) {
      .dislike-screen__text {
        display: flex;
        flex-direction: column; } }
    @media (min-width: 600px) {
      .dislike-screen__text {
        margin: 0; } }
  .dislike-screen__block-text {
    max-width: 470px; }
  .dislike-screen__image-mob {
    margin: 0 32px 32px;
    align-self: center; }
    @media (min-width: 600px) {
      .dislike-screen__image-mob {
        display: none; } }
  .dislike-screen__image-mob-img {
    width: 175px; }
.contact-screen {
  display: flex;
  flex-direction: column;
  height: 558px; }
  @media (min-width: 600px) {
    .contact-screen {
      height: 650px; } }
  @media (min-width: 600px) {
    .contact-screen_sent {
      height: 750px; } }
  .contact-screen__title {
    margin-top: 24px;
    margin-bottom: 32px; }
  .contact-screen__form {
    margin: 102px 16px 0;
    text-align: center; }
    @media (min-width: 600px) {
      .contact-screen__form {
        margin-top: 200px; } }
  .contact-screen__links {
    margin: 40px 16px 0;
    text-align: center; }
    @media (min-width: 600px) {
      .contact-screen__links {
        display: none; } }
  .contact-screen__input {
    margin-top: 32px; }
    @media (min-width: 600px) {
      .contact-screen__input {
        flex-grow: 1;
        margin-right: 24px;
        margin-top: 16px;
        width: 376px !important; } }
    @media (max-width: 599px) {
      .contact-screen__input {
        margin-top: 8px;
        width: 100%; } }
  .contact-screen__button {
    margin-top: 24px; }
    @media (min-width: 600px) {
      .contact-screen__button {
        margin-top: 16px; } }
  .contact-screen__button-back {
    margin-top: 32px; }
  .contact-screen__link {
    margin-bottom: 16px; }
  .contact-screen__image {
    background: url(dae26eb3b1d51323529d817fb42cda4f.png) no-repeat;
    background-position: center;
    background-size: contain;
    width: 250px;
    height: 82px;
    margin: auto;
    margin-top: 32px;
    margin-bottom: 56px; }
  @media (min-width: 600px) {
    .contact-screen__text {
      display: inline; } }
  @media (min-width: 600px) {
    .contact-screen__text + .contact-screen__text {
      margin-left: 6px; } }
  .contact-screen__input-arrow {
    margin-right: 29px;
    margin-top: -3px; }
    @media (max-width: 599px) {
      .contact-screen__input-arrow {
        display: none; } }
  .contact-screen__input-arrow-img {
    width: 64px;
    height: 64px; }
  @media (min-width: 600px) {
    .contact-screen__group {
      display: flex;
      flex-direction: row;
      width: 717px;
      margin: auto; } }
  .contact-screen__radio {
    width: 371px;
    margin: 32px auto 16px; }
    @media (max-width: 599px) {
      .contact-screen__radio {
        width: auto;
        margin: 0;
        margin-top: 24px; } }
  @media (max-width: 599px) {
    .contact-screen__radio-component {
      width: 270px;
      flex-wrap: wrap; } }
.revolution-screen {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media (min-width: 600px) {
    .revolution-screen {
      max-width: none;
      margin: auto 32px;
      flex-direction: row; } }
  @media (min-width: 900px) {
    .revolution-screen {
      max-width: 944px;
      margin: auto;
      flex-direction: row; } }
  .revolution-screen__title {
    margin-top: 24px;
    margin-bottom: 32px; }
    @media (min-width: 600px) {
      .revolution-screen__title {
        margin-bottom: 32px;
        margin-top: 212px; } }
  .revolution-screen__image {
    margin: 16px 32px;
    display: none; }
    @media (min-width: 600px) {
      .revolution-screen__image {
        margin: 165px 0;
        display: block; } }
  .revolution-screen__image-img {
    width: 175px; }
    @media (min-width: 600px) {
      .revolution-screen__image-img {
        width: 293px;
        object-position: right; } }
  .revolution-screen__image-mob {
    margin: 0 32px 32px;
    align-self: center; }
    @media (min-width: 600px) {
      .revolution-screen__image-mob {
        display: none; } }
  .revolution-screen__image-mob-img {
    width: 175px; }
  .revolution-screen__text {
    margin: 88px 16px;
    text-align: left; }
    @media (max-width: 599px) {
      .revolution-screen__text {
        display: flex;
        flex-direction: column; } }
    @media (min-width: 600px) {
      .revolution-screen__text {
        margin: 0; } }
  .revolution-screen__link-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px; }
  .revolution-screen__icon {
    margin-right: 12px;
    margin-top: 10px; }
  .revolution-screen__icon-img {
    width: 16px;
    height: 16px; }
  .revolution-screen__link {
    font-family: "Literata", serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #FF78A0; }
  .revolution-screen__block-text {
    margin-bottom: 24px;
    max-width: 470px; }
.do-screen {
  width: 944px;
  margin: auto;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 599px) {
    .do-screen {
      flex-direction: column;
      width: auto;
      margin: auto 16px 48px; } }
  @media (min-width: 600px) {
    .do-screen {
      width: auto;
      margin: auto 32px; } }
  @media (min-width: 900px) {
    .do-screen {
      width: 944px;
      margin: auto; } }
  .do-screen__title {
    margin-top: 80px;
    margin-bottom: 24px; }
    @media (min-width: 600px) {
      .do-screen__title {
        margin-bottom: 24px;
        margin-top: 160px; } }
  .do-screen__subtitle {
    width: 464px; }
    @media (max-width: 599px) {
      .do-screen__subtitle {
        width: auto; } }
  .do-screen__accordion {
    margin-top: 32px;
    width: 100%; }
    @media (max-width: 599px) {
      .do-screen__accordion {
        margin-top: 48px; } }
    @media (min-width: 600px) {
      .do-screen__accordion {
        margin-bottom: 88px; } }
    @media (min-width: 900px) {
      .do-screen__accordion {
        margin-bottom: auto; } }
  .do-screen__image {
    margin: 16px 32px; }
    @media (max-width: 599px) {
      .do-screen__image {
        display: none; } }
    @media (min-width: 600px) {
      .do-screen__image {
        width: 320px;
        max-height: 400px;
        margin: 346px 0 255px; } }
    @media (min-width: 900px) {
      .do-screen__image {
        max-height: 400px;
        margin: 346px 0 255px;
        width: auto; } }
  @media (min-width: 600px) {
    .do-screen__image-img {
      width: 178px;
      object-position: right;
      margin-left: 71px; } }
  @media (min-width: 900px) {
    .do-screen__image-img {
      width: 332px;
      height: 340px;
      margin-left: auto; } }
  @media (min-width: 600px) {
    .do-screen__text {
      width: 336px; } }
  @media (min-width: 900px) {
    .do-screen__text {
      width: 464px; } }
.options-screen {
  width: 944px;
  margin: auto; }
  @media (max-width: 599px) {
    .options-screen {
      width: auto;
      margin: auto 16px; } }
  @media (min-width: 600px) {
    .options-screen {
      width: auto;
      margin: auto 32px; } }
  @media (min-width: 900px) {
    .options-screen {
      width: 944px;
      margin: auto; } }
  .options-screen__title {
    padding-top: 64px;
    margin-bottom: 64px; }
    @media (min-width: 600px) {
      .options-screen__title {
        margin-bottom: 80px;
        padding-top: 120px; } }
  .options-screen__subtitle {
    width: 464px; }
    @media (max-width: 599px) {
      .options-screen__subtitle {
        width: auto; } }
  .options-screen__accordion {
    margin-top: 32px;
    width: 464px; }
  .options-screen__image-img {
    width: 80px;
    height: 80px;
    margin-bottom: 24px; }
  .options-screen__option-title {
    margin-bottom: 24px; }
    @media (max-width: 599px) {
      .options-screen__option-title {
        word-break: break-word; } }
  .options-screen__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 70px; }
  .options-screen__option {
    width: 384px;
    margin-bottom: 80px; }
    @media (max-width: 599px) {
      .options-screen__option {
        width: auto;
        margin-bottom: 64px; } }
    @media (min-width: 600px) {
      .options-screen__option {
        width: 336px; } }
    @media (min-width: 900px) {
      .options-screen__option {
        width: 384px; } }
  .options-screen__image-img-studio {
    width: 105px; }
  .options-screen__image-img-team {
    width: 176px; }
  .options-screen__image-img-startup {
    width: 53px; }
  .options-screen__image-img-one {
    width: 198px; }
.price-screen {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media (min-width: 600px) {
    .price-screen {
      max-width: none;
      margin: auto 32px;
      flex-direction: row; } }
  @media (min-width: 900px) {
    .price-screen {
      max-width: 944px;
      margin: auto;
      flex-direction: row; } }
  .price-screen__title {
    margin-top: 0;
    margin-bottom: 32px; }
    @media (min-width: 600px) {
      .price-screen__title {
        margin-bottom: 32px;
        margin-top: 133px; } }
  .price-screen__image {
    margin: 16px 32px; }
    @media (max-width: 599px) {
      .price-screen__image {
        display: none; } }
    @media (min-width: 600px) {
      .price-screen__image {
        margin: 189px 0 172px; } }
  @media (min-width: 600px) {
    .price-screen__image-img {
      width: 250px; } }
  @media (min-width: 900px) {
    .price-screen__image-img {
      width: 384px; } }
  .price-screen__text {
    margin: 88px 16px; }
    @media (max-width: 599px) {
      .price-screen__text {
        display: flex;
        flex-direction: column; } }
    @media (min-width: 600px) {
      .price-screen__text {
        margin: 0; } }
  .price-screen__block-text {
    max-width: 470px; }
  .price-screen__image-mob {
    margin: 0 32px 32px;
    align-self: center; }
    @media (min-width: 600px) {
      .price-screen__image-mob {
        display: none; } }
  .price-screen__image-mob-img {
    width: 175px; }
  .price-screen__image-price {
    align-self: center; }
    @media (min-width: 600px) {
      .price-screen__image-price {
        width: 216px;
        height: 101px;
        margin: 73px 0 0 144px; } }
  .price-screen__image-price-img {
    width: 216px;
    height: 101px;
    margin-top: 32px; }
    @media (min-width: 600px) {
      .price-screen__image-price-img {
        margin-top: 32px; } }
    @media (min-width: 900px) {
      .price-screen__image-price-img {
        margin-top: 73px; } }
.illustrations-screen {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 568px; }
  @media (max-width: 599px) {
    .illustrations-screen {
      justify-content: flex-start; } }
  @media (min-width: 600px) {
    .illustrations-screen {
      width: calc(100% - 48px);
      margin: auto;
      align-items: normal; } }
  @media (min-width: 900px) {
    .illustrations-screen {
      width: 944px;
      margin: auto;
      align-items: normal; } }
  .illustrations-screen__title {
    margin-top: 80px;
    margin-bottom: 24px; }
    @media (max-width: 599px) {
      .illustrations-screen__title {
        margin-left: 16px;
        margin-right: 16px; } }
    @media (min-width: 600px) {
      .illustrations-screen__title {
        margin-bottom: 24px;
        margin-top: 150px;
        text-align: right;
        align-self: flex-end; } }
  .illustrations-screen__subtitle {
    text-align: right; }
    @media (max-width: 599px) {
      .illustrations-screen__subtitle {
        margin-left: 16px;
        margin-right: 16px;
        text-align: left; } }
    @media (min-width: 600px) {
      .illustrations-screen__subtitle {
        width: 589px; } }
    @media (min-width: 900px) {
      .illustrations-screen__subtitle {
        width: 707px;
        align-self: flex-end; } }
  @media (min-width: 600px) {
    .illustrations-screen__title2 {
      margin-bottom: 40px;
      margin-top: 64px; } }
  @media (min-width: 900px) {
    .illustrations-screen__title2 {
      margin-bottom: 40px;
      margin-top: 64px; } }
  @media (max-width: 599px) {
    .illustrations-screen__title2 {
      margin-left: 16px;
      margin-top: 40px; } }
  @media (min-width: 600px) {
    .illustrations-screen__portfolio {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; } }
  @media (min-width: 900px) {
    .illustrations-screen__portfolio {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin: -8px -8px 32px -8px; } }
  .illustrations-screen__card {
    cursor: pointer; }
    @media (max-width: 599px) {
      .illustrations-screen__card {
        margin: 24px 16px 0; } }
    @media (min-width: 600px) {
      .illustrations-screen__card {
        width: 336px;
        height: 336px;
        margin-bottom: 48px; } }
    @media (min-width: 900px) {
      .illustrations-screen__card {
        width: 464px;
        height: 464px;
        margin: 8px;
        overflow: hidden;
        border-radius: 7px;
        transition: 0.3s ease-out; }
        .illustrations-screen__card:hover {
          transform: scale(0.9); } }
  @media (min-width: 900px) {
    .illustrations-screen__image {
      width: 464px;
      height: 464px; } }
  @media (min-width: 900px) {
    .illustrations-screen__image-img {
      width: 464px;
      height: 464px; } }
  .illustrations-screen__card-name {
    position: absolute;
    font-family: "Literata", serif;
    font-size: 40px;
    padding: 32px;
    z-index: 1;
    color: #ffffff;
    box-sizing: border-box;
    border-radius: 7px; }
    @media (max-width: 599px) {
      .illustrations-screen__card-name {
        font-size: 32px;
        padding: 16px;
        width: calc(100vw - 32px);
        height: calc(100vw - 32px); } }
    @media (min-width: 600px) {
      .illustrations-screen__card-name {
        width: 336px;
        height: 336px;
        font-size: 32px;
        padding: 16px; } }
    @media (min-width: 900px) {
      .illustrations-screen__card-name {
        width: 464px;
        height: 464px;
        padding: 32px;
        font-size: 40px; } }
  .illustrations-screen__card-name_white {
    color: #ffffff; }
  .illustrations-screen__card-name_blue {
    color: #3603A4; }
  .illustrations-screen__card-type {
    position: absolute;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-style: italic;
    color: #131416;
    margin: 90px 32px;
    z-index: 1; }
  .illustrations-screen__card-type_white {
    color: #ffffff; }
  .illustrations-screen__card-type_blue {
    color: #3603A4; }
  .illustrations-screen__image-foreign-img {
    margin-top: 5px;
    margin-right: 8px; }
    @media (min-width: 600px) {
      .illustrations-screen__image-foreign-img {
        width: 16px;
        height: 16px; } }
    @media (max-width: 599px) {
      .illustrations-screen__image-foreign-img {
        width: 16px;
        height: 16px; } }
  .illustrations-screen__text-row {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: -1px; }
    @media (max-width: 599px) {
      .illustrations-screen__text-row {
        margin-left: 2px; } }
  .illustrations-screen__structure-text {
    font-weight: 600;
    max-width: 157px;
    color: #FF78A0;
    cursor: pointer; }
    @media (max-width: 599px) {
      .illustrations-screen__structure-text {
        text-align: center; } }
  .illustrations-screen__row {
    display: flex;
    flex-direction: row;
    margin-bottom: 82px; }
    @media (max-width: 599px) {
      .illustrations-screen__row {
        flex-direction: column;
        margin-left: 16px;
        margin-top: 16px; } }
.design-screen {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 568px; }
  @media (max-width: 599px) {
    .design-screen {
      justify-content: flex-start; } }
  @media (min-width: 600px) {
    .design-screen {
      width: calc(100% - 48px);
      margin: auto;
      align-items: normal; } }
  @media (min-width: 900px) {
    .design-screen {
      width: 944px;
      margin: auto;
      align-items: normal; } }
  .design-screen__title {
    margin-top: 80px;
    margin-bottom: 24px; }
    @media (max-width: 599px) {
      .design-screen__title {
        margin-left: 16px;
        margin-right: 16px; } }
    @media (min-width: 600px) {
      .design-screen__title {
        margin-bottom: 24px;
        margin-top: 150px;
        text-align: left;
        align-self: flex-start; } }
    @media (min-width: 900px) {
      .design-screen__title {
        margin-bottom: 24px;
        margin-top: 150px;
        text-align: right;
        align-self: flex-end; } }
  .design-screen__subtitle {
    text-align: right; }
    @media (min-width: 600px) {
      .design-screen__subtitle {
        text-align: left; } }
    @media (min-width: 900px) {
      .design-screen__subtitle {
        text-align: right; } }
    @media (max-width: 599px) {
      .design-screen__subtitle {
        margin-left: 16px;
        margin-right: 16px;
        text-align: left; } }
    @media (min-width: 600px) {
      .design-screen__subtitle {
        width: 589px; } }
    @media (min-width: 900px) {
      .design-screen__subtitle {
        width: 707px;
        align-self: flex-end; } }
  @media (min-width: 600px) {
    .design-screen__title2 {
      margin-bottom: 40px;
      margin-top: 64px; } }
  @media (min-width: 900px) {
    .design-screen__title2 {
      margin-bottom: 40px;
      margin-top: 64px; } }
  @media (max-width: 599px) {
    .design-screen__title2 {
      margin-left: 16px;
      margin-top: 40px; } }
  @media (min-width: 600px) {
    .design-screen__portfolio {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; } }
  @media (min-width: 900px) {
    .design-screen__portfolio {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin: -8px -8px 32px -8px; } }
  .design-screen__card {
    cursor: pointer; }
    @media (max-width: 599px) {
      .design-screen__card {
        margin: 24px 16px 0; } }
    @media (min-width: 600px) {
      .design-screen__card {
        width: 336px;
        height: 336px;
        margin-bottom: 48px; } }
    @media (min-width: 900px) {
      .design-screen__card {
        width: 464px;
        height: 464px;
        margin: 8px;
        overflow: hidden;
        border-radius: 7px;
        transition: 0.3s ease-out; }
        .design-screen__card:hover {
          transform: scale(0.9); } }
  @media (min-width: 900px) {
    .design-screen__image {
      width: 464px;
      height: 464px; } }
  @media (min-width: 900px) {
    .design-screen__image-img {
      width: 464px;
      height: 464px; } }
  .design-screen__card-name {
    position: absolute;
    font-family: "Literata", serif;
    font-size: 40px;
    padding: 32px;
    z-index: 1;
    color: #333333;
    box-sizing: border-box;
    border-radius: 7px; }
    @media (max-width: 599px) {
      .design-screen__card-name {
        font-size: 32px;
        padding: 16px;
        width: calc(100vw - 32px);
        height: calc(100vw - 32px); } }
    @media (min-width: 600px) {
      .design-screen__card-name {
        width: 336px;
        height: 336px;
        font-size: 32px;
        padding: 16px; } }
    @media (min-width: 900px) {
      .design-screen__card-name {
        width: 464px;
        height: 464px;
        padding: 32px;
        font-size: 40px; } }
  .design-screen__card-name_white {
    color: #ffffff; }
  .design-screen__card-name_blue {
    color: #3603A4; }
  .design-screen__card-type {
    position: absolute;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-style: italic;
    color: #131416;
    margin: 90px 32px;
    z-index: 1; }
  .design-screen__card-type_white {
    color: #ffffff; }
  .design-screen__card-type_blue {
    color: #3603A4; }
  .design-screen__image-foreign-img {
    margin-top: 5px;
    margin-right: 8px; }
    @media (min-width: 600px) {
      .design-screen__image-foreign-img {
        width: 16px;
        height: 16px; } }
    @media (max-width: 599px) {
      .design-screen__image-foreign-img {
        width: 16px;
        height: 16px; } }
  .design-screen__text-row {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: -1px; }
    @media (max-width: 599px) {
      .design-screen__text-row {
        margin-left: 2px; } }
  .design-screen__structure-text {
    font-weight: 600;
    max-width: 157px;
    color: #FF78A0;
    cursor: pointer; }
    @media (max-width: 599px) {
      .design-screen__structure-text {
        text-align: center; } }
  .design-screen__row {
    display: flex;
    flex-direction: row;
    margin-bottom: 82px; }
    @media (max-width: 599px) {
      .design-screen__row {
        flex-direction: column;
        margin-left: 16px;
        margin-top: 16px; } }
.blog-screen {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 568px; }
  @media (max-width: 599px) {
    .blog-screen {
      justify-content: flex-start; } }
  @media (min-width: 600px) {
    .blog-screen {
      width: calc(100% - 48px);
      margin: auto;
      align-items: normal; } }
  @media (min-width: 900px) {
    .blog-screen {
      width: 944px;
      margin: auto;
      align-items: normal; } }
  .blog-screen__title {
    margin-top: 80px;
    margin-bottom: 24px; }
    @media (max-width: 599px) {
      .blog-screen__title {
        margin-left: 16px;
        margin-right: 16px; } }
    @media (min-width: 600px) {
      .blog-screen__title {
        margin-bottom: 24px;
        margin-top: 150px;
        text-align: right;
        align-self: flex-end; } }
  .blog-screen__subtitle {
    text-align: right; }
    @media (max-width: 599px) {
      .blog-screen__subtitle {
        margin-left: 16px;
        margin-right: 16px;
        text-align: left; } }
    @media (min-width: 600px) {
      .blog-screen__subtitle {
        width: 589px; } }
    @media (min-width: 900px) {
      .blog-screen__subtitle {
        width: 707px;
        align-self: flex-end; } }
  @media (min-width: 600px) {
    .blog-screen__title2 {
      margin-bottom: 40px;
      margin-top: 64px; } }
  @media (min-width: 900px) {
    .blog-screen__title2 {
      margin-bottom: 40px;
      margin-top: 64px; } }
  @media (max-width: 599px) {
    .blog-screen__title2 {
      margin-left: 16px;
      margin-top: 40px; } }
  @media (min-width: 600px) {
    .blog-screen__portfolio {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between; } }
  @media (min-width: 900px) {
    .blog-screen__portfolio {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin: -8px -8px 32px -8px; } }
  .blog-screen__card {
    cursor: pointer; }
    @media (max-width: 599px) {
      .blog-screen__card {
        margin: 24px 16px 0; } }
    @media (min-width: 600px) {
      .blog-screen__card {
        width: 336px;
        height: 336px;
        margin-bottom: 48px; } }
    @media (min-width: 900px) {
      .blog-screen__card {
        width: 464px;
        height: 464px;
        margin: 8px;
        overflow: hidden;
        border-radius: 7px;
        transition: 0.3s ease-out; }
        .blog-screen__card:hover {
          transform: scale(0.9); } }
  @media (min-width: 900px) {
    .blog-screen__image {
      width: 464px;
      height: 464px; } }
  @media (min-width: 900px) {
    .blog-screen__image-img {
      width: 464px;
      height: 464px; } }
  .blog-screen__card-name {
    position: absolute;
    font-family: "Literata", serif;
    font-size: 40px;
    padding: 32px;
    z-index: 1;
    color: #ffffff;
    box-sizing: border-box;
    background: #00000096;
    border-radius: 7px; }
    @media (max-width: 599px) {
      .blog-screen__card-name {
        font-size: 32px;
        padding: 16px;
        width: calc(100vw - 32px);
        height: calc(100vw - 32px); } }
    @media (min-width: 600px) {
      .blog-screen__card-name {
        width: 336px;
        height: 336px;
        font-size: 32px;
        padding: 16px; } }
    @media (min-width: 900px) {
      .blog-screen__card-name {
        width: 464px;
        height: 464px;
        padding: 32px;
        font-size: 40px; } }
  .blog-screen__card-name_white {
    color: #ffffff; }
  .blog-screen__card-name_blue {
    color: #3603A4; }
  .blog-screen__card-type {
    position: absolute;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-style: italic;
    color: #131416;
    margin: 90px 32px;
    z-index: 1; }
  .blog-screen__card-type_white {
    color: #ffffff; }
  .blog-screen__card-type_blue {
    color: #3603A4; }
  .blog-screen__image-foreign-img {
    margin-top: 5px;
    margin-right: 8px; }
    @media (min-width: 600px) {
      .blog-screen__image-foreign-img {
        width: 16px;
        height: 16px; } }
    @media (max-width: 599px) {
      .blog-screen__image-foreign-img {
        width: 16px;
        height: 16px; } }
  .blog-screen__text-row {
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: -1px; }
    @media (max-width: 599px) {
      .blog-screen__text-row {
        margin-left: 2px; } }
  .blog-screen__structure-text {
    font-weight: 600;
    max-width: 157px;
    color: #FF78A0;
    cursor: pointer; }
    @media (max-width: 599px) {
      .blog-screen__structure-text {
        text-align: center; } }
  .blog-screen__row {
    display: flex;
    flex-direction: row;
    margin-bottom: 82px; }
    @media (max-width: 599px) {
      .blog-screen__row {
        flex-direction: column;
        margin-left: 16px;
        margin-top: 16px; } }
.portfolio-container {
  margin: 0 24px;
  display: flex;
  flex-direction: column; }
  @media (min-width: 600px) {
    .portfolio-container {
      max-width: 936px;
      margin: auto;
      flex-direction: row; } }
.portfolio-subtitle {
  font-family: "Open Sans", sans-serif;
  font-size: 50px;
  font-weight: 300;
  padding-bottom: 24px; }
  @media (max-width: 599px) {
    .portfolio-subtitle {
      font-size: 18px;
      padding-bottom: 24px;
      font-weight: 600; } }
.portfolio-title {
  font-family: "Open Sans", sans-serif;
  font-size: 50px;
  font-weight: 300;
  text-align: center;
  padding: 170px 0 140px;
  width: 100%; }
  @media (max-width: 599px) {
    .portfolio-title {
      font-size: 18px;
      text-align: left;
      padding: 48px 0 40px;
      font-weight: 600; } }
  .portfolio-title__additional-text {
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    text-align: center;
    position: absolute;
    margin-top: -22px;
    font-style: italic; }
    @media (max-width: 599px) {
      .portfolio-title__additional-text {
        display: none; } }
.portfolio-text {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px; }
.portfolio-colors__row {
  display: flex;
  flex-direction: row; }
  .portfolio-colors__row:first-child {
    margin-bottom: 20px; }

.portfolio-colors__square {
  width: 60px;
  height: 42px;
  box-sizing: border-box; }
  .portfolio-colors__square:first-child {
    margin-right: 20px;
    margin-bottom: 20px; }

.portfolio-colors__label {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 24px;
  font-weight: 300; }

.portfolio-colors__work .portfolio-colors__1 {
  background: #684A72; }

.portfolio-colors__work .portfolio-colors__2 {
  background: #FF7373; }

.portfolio-colors__work .portfolio-colors__3 {
  background: #CC7B7B; }

.portfolio-colors__work .portfolio-colors__4 {
  border: 1px solid rgba(51, 51, 51, 0.4); }

.portfolio-colors__old-furnas .portfolio-colors__1 {
  background: #333333; }

.portfolio-colors__old-furnas .portfolio-colors__2 {
  background: #EB6073; }

.portfolio-colors__old-furnas .portfolio-colors__3 {
  background: #6DCBFF; }

.portfolio-colors__old-furnas .portfolio-colors__4 {
  border: 1px solid rgba(51, 51, 51, 0.4); }

.portfolio-colors__furnas .portfolio-colors__1 {
  border: 1px solid rgba(51, 51, 51, 0.4); }

.portfolio-colors__furnas .portfolio-colors__2 {
  background: #E91FFF; }

.portfolio-colors__furnas .portfolio-colors__3 {
  background: #3AC7FF; }

.portfolio-colors__furnas .portfolio-colors__4 {
  background: #333333; }

.portfolio-colors__finansist .portfolio-colors__1 {
  background: #252B39; }

.portfolio-colors__finansist .portfolio-colors__2 {
  background: #E5F4FF; }

.portfolio-colors__finansist .portfolio-colors__3 {
  background: #FFC402; }

.portfolio-colors__finansist .portfolio-colors__4 {
  background: #F5F5F7; }

.portfolio-colors__livenhouse .portfolio-colors__1 {
  background: #231F20; }

.portfolio-colors__livenhouse .portfolio-colors__2 {
  background: #4D0FF7; }

.portfolio-colors__livenhouse .portfolio-colors__3 {
  background: #F67124; }

.portfolio-colors__livenhouse .portfolio-colors__4 {
  background: #F5F5F7;
  border: 1px solid rgba(51, 51, 51, 0.1); }

.portfolio-colors__saragh .portfolio-colors__1 {
  background: #2DC4B6; }

.portfolio-colors__saragh .portfolio-colors__2 {
  background: #F5A623; }

.portfolio-colors__saragh .portfolio-colors__3 {
  background: #FFFFFF;
  border: 1px solid rgba(51, 51, 51, 0.1); }

.portfolio-colors__saragh .portfolio-colors__4 {
  background: #2F5753; }

.portfolio-colors__code-fighter .portfolio-colors__1 {
  border: 1px solid rgba(51, 51, 51, 0.1); }

.portfolio-colors__code-fighter .portfolio-colors__2 {
  background: #343638; }

.portfolio-colors__code-fighter .portfolio-colors__3 {
  background: #C54341; }

.portfolio-colors__code-fighter .portfolio-colors__4 {
  background: #F5F5F5; }

.portfolio-colors__tea .portfolio-colors__1 {
  background: #52A3C9; }

.portfolio-colors__tea .portfolio-colors__2 {
  background: #C25681; }

.portfolio-colors__tea .portfolio-colors__3 {
  border: 1px solid rgba(51, 51, 51, 0.1); }

.portfolio-colors__tea .portfolio-colors__4 {
  background: #E7F2F6; }
.navigation {
  position: fixed;
  top: 240px;
  margin: 0;
  padding: 0;
  margin-left: 16px;
  cursor: pointer;
  z-index: 2; }
  @media (max-width: 599px) {
    .navigation {
      display: none; } }
  .navigation__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 12px;
    opacity: 0.6; }
    .navigation__item:hover {
      opacity: 1; }
  .navigation__item-active {
    opacity: 1; }
  .navigation__point {
    background: #333333;
    width: 10px;
    height: 10px;
    border-radius: 10px; }
  .navigation__text {
    font-family: "Rubik";
    font-size: 17px;
    font-weight: 300;
    margin-left: 8px;
    line-height: 22px;
    opacity: 0;
    transition: 0.7s; }
  .navigation_with-text .navigation__text {
    opacity: 1; }
  .navigation__link {
    display: flex;
    flex-direction: row;
    align-items: center; }
.specialists-carousel {
  display: flex;
  flex-direction: row; }
  .specialists-carousel__left-arrow {
    background: url(53eab797013692c98228c0c08349c751.svg) no-repeat;
    width: 48px;
    height: 98px;
    margin-top: 190px;
    position: relative;
    left: -23px;
    cursor: pointer; }
    @media (max-width: 599px) {
      .specialists-carousel__left-arrow {
        position: absolute;
        width: 28px;
        height: 98px;
        margin-top: 126vw;
        left: 16px;
        z-index: 2; } }
    @media (min-width: 600px) {
      .specialists-carousel__left-arrow {
        width: 24px;
        margin-top: 147px; } }
    @media (min-width: 900px) {
      .specialists-carousel__left-arrow {
        width: 48px;
        height: 98px;
        margin-top: 190px; } }
    @media (min-width: 1200px) {
      .specialists-carousel__left-arrow {
        left: -56px; } }
  .specialists-carousel__right-arrow {
    background: url(53eab797013692c98228c0c08349c751.svg) no-repeat;
    width: 48px;
    height: 98px;
    margin-top: 190px;
    position: relative;
    right: -23px;
    transform: rotate(180deg);
    cursor: pointer; }
    @media (max-width: 599px) {
      .specialists-carousel__right-arrow {
        position: absolute;
        width: 29px;
        height: 98px;
        margin-top: 128vw;
        right: 16px;
        z-index: 2; } }
    @media (min-width: 600px) {
      .specialists-carousel__right-arrow {
        width: 24px;
        margin-top: 147px; } }
    @media (min-width: 900px) {
      .specialists-carousel__right-arrow {
        width: 48px;
        height: 98px;
        margin-top: 196px; } }
    @media (min-width: 1200px) {
      .specialists-carousel__right-arrow {
        right: -56px; } }
  .specialists-carousel__specialist-card {
    position: absolute;
    opacity: 0; }
  .specialists-carousel__specialist-card_active {
    position: relative;
    opacity: 1;
    z-index: 1; }
.specialist-card {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 944px; }
  @media (max-width: 599px) {
    .specialist-card {
      width: auto;
      flex-direction: column-reverse; } }
  @media (min-width: 600px) {
    .specialist-card {
      width: 624px; } }
  @media (min-width: 900px) {
    .specialist-card {
      width: 944px; } }
  .specialist-card__image {
    width: 460px;
    height: 590px; }
    @media (max-width: 599px) {
      .specialist-card__image {
        width: 100%;
        height: auto; } }
  .specialist-card__image-img {
    width: 460px;
    height: 590px; }
    @media (max-width: 599px) {
      .specialist-card__image-img {
        width: 100%;
        height: auto; } }
    @media (min-width: 600px) {
      .specialist-card__image-img {
        width: 315px;
        height: 400px; } }
    @media (min-width: 900px) {
      .specialist-card__image-img {
        width: 460px;
        height: 590px; } }
  .specialist-card__previou-works-icon {
    background: url(9fe85f9e1be38d0c722ea1f0513aca8d.svg) no-repeat;
    width: 20px;
    height: 18px;
    background-size: contain;
    margin-top: 5px;
    margin-right: 17px; }
  .specialist-card__previous-works {
    display: flex;
    flex-direction: row;
    margin-bottom: 32px; }
    @media (max-width: 599px) {
      .specialist-card__previous-works {
        margin-bottom: 8px; } }
  .specialist-card__experience-icon {
    background: url(52038d54562847855db6f117aad54892.svg) no-repeat;
    width: 20px;
    height: 18px;
    background-size: contain;
    margin-top: 5px;
    margin-right: 17px; }
  .specialist-card__location-icon {
    background: url(6018df9590f21c90115340a62b76ad97.svg) no-repeat;
    width: 20px;
    height: 18px;
    background-size: contain;
    margin-top: 5px;
    margin-right: 17px; }
  .specialist-card__name {
    font-family: "Literata", serif;
    margin-bottom: 16px;
    margin-top: 96px; }
    @media (max-width: 599px) {
      .specialist-card__name {
        align-self: center;
        margin-top: 8px;
        margin-bottom: 4px; } }
    @media (min-width: 600px) {
      .specialist-card__name {
        margin-top: 0; } }
    @media (min-width: 900px) {
      .specialist-card__name {
        margin-top: 96px; } }
  .specialist-card__profession {
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    color: #333333;
    margin-bottom: 28px;
    font-weight: 600; }
    @media (max-width: 599px) {
      .specialist-card__profession {
        align-self: center;
        margin-bottom: 8px; } }
  .specialist-card__previous-works-text {
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    color: #333333;
    line-height: 30px;
    font-weight: 300; }
  .specialist-card__experience-years {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px; }
    @media (max-width: 599px) {
      .specialist-card__experience-years {
        margin-bottom: 8px; } }
  .specialist-card__location {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px; }
    @media (max-width: 599px) {
      .specialist-card__location {
        margin-bottom: 8px; } }
  .specialist-card__info {
    align-self: flex-start;
    margin-left: 80px; }
    @media (max-width: 599px) {
      .specialist-card__info {
        margin: auto 16px;
        display: flex;
        flex-direction: column; } }
    @media (min-width: 600px) {
      .specialist-card__info {
        margin-left: 0; } }
    @media (min-width: 900px) {
      .specialist-card__info {
        margin-left: 80px; } }
  .specialist-card__story {
    font-style: italic;
    padding-right: 16px; }
.sherlock-card {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 944px; }
  @media (max-width: 599px) {
    .sherlock-card {
      width: auto;
      flex-direction: column-reverse; } }
  @media (min-width: 600px) {
    .sherlock-card {
      width: 624px; } }
  @media (min-width: 900px) {
    .sherlock-card {
      width: 944px; } }
  .sherlock-card__image {
    width: 384px;
    height: 493px; }
    @media (max-width: 599px) {
      .sherlock-card__image {
        width: 100%;
        height: auto;
        order: 1; } }
  .sherlock-card__image-img {
    width: 384px;
    height: 493px; }
    @media (max-width: 599px) {
      .sherlock-card__image-img {
        width: 100%;
        height: auto; } }
    @media (min-width: 600px) {
      .sherlock-card__image-img {
        width: 288px;
        height: 371px; } }
    @media (min-width: 900px) {
      .sherlock-card__image-img {
        width: 384px;
        height: 493px; } }
  .sherlock-card__previou-works-icon {
    background: url(9fe85f9e1be38d0c722ea1f0513aca8d.svg) no-repeat;
    width: 20px;
    height: 18px;
    background-size: contain;
    margin-top: 5px;
    margin-right: 17px; }
  .sherlock-card__previous-works {
    display: flex;
    flex-direction: row;
    margin-bottom: 32px; }
    @media (max-width: 599px) {
      .sherlock-card__previous-works {
        margin-bottom: 8px; } }
  .sherlock-card__experience-icon {
    background: url(52038d54562847855db6f117aad54892.svg) no-repeat;
    width: 20px;
    height: 18px;
    background-size: contain;
    margin-top: 5px;
    margin-right: 17px; }
  .sherlock-card__location-icon {
    background: url(6018df9590f21c90115340a62b76ad97.svg) no-repeat;
    width: 20px;
    height: 18px;
    background-size: contain;
    margin-top: 5px;
    margin-right: 17px; }
  .sherlock-card__name {
    font-family: "Literata", serif;
    margin-bottom: 16px;
    margin-top: 96px; }
    @media (max-width: 599px) {
      .sherlock-card__name {
        align-self: center;
        margin-top: 14px;
        margin-bottom: 24px;
        font-size: 20px;
        line-height: 24px;
        width: 232px; } }
    @media (min-width: 600px) {
      .sherlock-card__name {
        margin-top: 0;
        font-size: 24px;
        line-height: 32px;
        font-weight: 600; } }
    @media (min-width: 900px) {
      .sherlock-card__name {
        margin-top: 59px;
        margin-bottom: 24px;
        font-size: 40px;
        line-height: 50px;
        font-weight: 500; } }
  .sherlock-card__profession {
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    color: #131416;
    margin-bottom: 22px;
    font-weight: 400;
    line-height: 23px; }
    @media (max-width: 599px) {
      .sherlock-card__profession {
        align-self: center;
        margin-bottom: 8px;
        font-size: 14px; } }
    @media (min-width: 600px) {
      .sherlock-card__profession {
        font-size: 15px; } }
    @media (min-width: 900px) {
      .sherlock-card__profession {
        font-size: 17px; } }
  .sherlock-card__previous-works-text {
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    color: #333333;
    line-height: 30px;
    font-weight: 300; }
  .sherlock-card__experience-years {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px; }
    @media (max-width: 599px) {
      .sherlock-card__experience-years {
        margin-bottom: 8px; } }
  .sherlock-card__location {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px; }
    @media (max-width: 599px) {
      .sherlock-card__location {
        margin-bottom: 8px; } }
  .sherlock-card__info {
    align-self: flex-start;
    margin-left: 80px; }
    @media (max-width: 599px) {
      .sherlock-card__info {
        margin: auto 16px;
        display: flex;
        flex-direction: column; } }
    @media (min-width: 600px) {
      .sherlock-card__info {
        margin-left: 0;
        width: 325px;
        margin-top: 40px; } }
    @media (min-width: 900px) {
      .sherlock-card__info {
        margin-left: 80px;
        width: auto;
        margin-top: 0; } }
  .sherlock-card__story {
    font-style: italic;
    padding-right: 16px; }
  .sherlock-card__link {
    color: #2B7A9E;
    border-bottom: 1px solid #2B7A9E;
    padding-bottom: 0 !important; }
  .sherlock-card__expand {
    color: #2B7A9E;
    cursor: pointer; }
  .sherlock-card__mark {
    background-color: #FFEBEB;
    padding: 0 3px; }
.accordion-item {
  border-bottom: 1px solid #333333;
  margin-bottom: 24px; }
  @media (max-width: 599px) {
    .accordion-item {
      display: flex;
      flex-direction: column; } }
  .accordion-item__title-container {
    display: flex;
    flex-direction: row;
    padding-bottom: 24px;
    cursor: pointer; }
  .accordion-item__arrow {
    width: 28px;
    height: 15px;
    margin-top: 7px;
    margin-right: 23px; }
    @media (max-width: 599px) {
      .accordion-item__arrow {
        margin-top: 14px; } }
  .accordion-item__arrow-img {
    transform: rotate(-180deg); }
    @media (min-width: 600px) {
      .accordion-item__arrow-img {
        width: 28px;
        height: 15px;
        margin-top: 15px; } }
  .accordion-item__arrow-img-selected {
    transform: none;
    transition: 0.2s ease-out; }
  .accordion-item__image {
    width: 199px;
    height: 191px;
    align-self: center;
    margin: 16px 0 40px; }
    @media (min-width: 600px) {
      .accordion-item__image {
        display: none; } }
  .accordion-item__image-img {
    width: 199px;
    height: 191px; }
  .accordion-item__text {
    padding-bottom: 24px; }