.als-content-wrap {
  visibility: visible !important;
}

.announce__picture {
  margin-bottom: 60px;
}

.als-browser_mobile {
  background: url(https://img.artlebedev.ru/svalka/header-2016/v2/anons/_add/mobile-browser.svg) 0 0/100% auto no-repeat;
  width: 100%;
}

.als-browser_mobile .als-browser__content {
  background: url(https://img.artlebedev.ru/svalka/header-2016/v2/anons/_add/mobile-browser.svg) 0 0/100% auto no-repeat;
}

.als-browser__content {
  background: #f7f7f7;
  overflow: hidden;
}

.credits {
    background: transparent;
    color: #fff;
}

.credits a:visited,
.credits a {
    border-bottom-color: #d6d6d6;
    color: #fff;
}

.als-browser.als-browser_desktop .als-browser__content {
  height: 720px;
}

.announce__text {
  color: #fff;
}

.task {
    position: relative;
    z-index: 4;
}

body {
  background: radial-gradient(circle at 50% 20%, #40C6F8, #1555C3);
  color: #fff;
  position: relative;
  overflow-x: hidden;
}

.announce {
  background: transparent;
  color: #fff;
}

body:before {
   background-image: url('../i/assets/bg.svg');
   background-position: top;
   background-repeat: no-repeat;
   background-size: cover;
   content: '';
   height: 100%;
   left: 0;
   padding-bottom: 76px;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
}

.not_display {
  display: none !important;
}


.screen-container {
  position: relative;
  margin-top: 50px;
  padding: 0 45px 160px;
}

.screen-container .announce__picture.with-m-browser {
  position: absolute;
  top: 150px;
  left: calc(50% + 330px);
  margin: 0;
  z-index: 1;
  width: 350px;
}



@media (max-width: 1340px) {
    .als-browser.als-browser_desktop .als-browser__content {
        height: 600px;
    }

    .screen-container .announce__picture.with-m-browser {
        width: 24%;
        top: 13%;
        left: 75%;
    }
}

@media (max-width: 1160px) {
    .als-browser.als-browser_desktop .als-browser__content {
        height: 53vw;
    }

    .screen-container {
        left: -1.8%;
        margin-top: 40px;
        padding: 0 2% 90px;
    }
}

@media (max-width: 950px) {
    .screen-container .announce__picture.with-m-browser .als-browser__address-text {
        display: none;
    }

    .friends-bonuses {
        flex-flow: column;
        align-items: center;
    }

    .friends-container {
        margin-bottom: 70px;
    }

    .friends-container .friends-bonus {
        min-height: unset;
    }

    .friends-container .friends-slider {
        left: 75%;
    }

    .friends-container .friends-bonus .wrapper {
        margin: 0 auto;
        width: 285px;
    }
}

@media (max-width: 650px) {
    .screen-container {
        margin-top: 30px;
    }

    .friends-container.sticky {
        align-items: center;
        display: flex;
        justify-content: center;
        overflow: hidden;
        padding-top: 180%;
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .friends-container.sticky .friends-phone {
        left: 8%;
    }

    .friends-container.sticky .friends-slider {
        left: 80%;
    }

    .friends-container.sticky:after {
        display: none;
    }

    .friends-container.sticky .friends-bonuses {
        width: 550px;
        top: 57%;
        position: absolute;
    }
}

@media (max-width: 480px) {
    .screen-container {
        padding: 0 0 40px;
    }
}

@media (max-width: 320px) {
}