.main-cover {
  background-position: 82% 0;
}

.announce__catalog__wrapper {
  overflow: hidden;
}

.announce__catalog {
  transition: 60ms all linear;
  max-width: 300%;
}

.animation_wrapper {
    position: relative;
    overflow: hidden;
}

.animation_wrapper .special_block {
    position: static !important;
}

.logo-wrapper {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 70%;
    width: 1000px;
    max-width: 100%;
    transform-origin: 0 0;
    margin: 0 auto;
    /*max-height: 700px;*/
}

@media(min-width: 1000px) {
    .logo-wrapper { padding-bottom: 700px; }
}

.logo-wrapper img {
    max-width: 100%;
    height: auto;
}

.animation_wrapper .special_block .block_inner .animation {
    position: absolute;
    will-change: transform;
}

.card__wrapper {
    position: relative;
    width: calc(100% - 44px);
    max-width: 945px;
    margin-left: auto;
    margin-right: auto;
}

#card1,
#card2,
#card3 {
    position: absolute;
    left: 10.4%;
    width: 28.1%;
}

#card1 img,
#card2 img,
#card3 img {
    width: 100%;
    height: auto;
    pointer-events: none;
    transition: .2s transform ease-out;
}

#card1 {
    top: 5.7%;
}

#card2 {
    top: 37.1%;
}

#card3 {
    top: 68.3%;
}

.left img {
    transform: translateX(-100%) !important;
}

.cover_animation {
    position: relative;
    width: 100%;
}

.cover_animation-bg {
    width: 100%;
    height: auto;
    float: left; /*hack: clear paddidng under image*/
}

.cover_animation-mask,
.cover_animation-package {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    transition: left .7s linear; 
}

.portfolio_slider__wrapper {
    width: 100%;
    overflow: hidden;
}

.portfolio_slider_0,
.portfolio_slider_1 {
    overflow: hidden;       
}

.portfolio_screenshot {
    position: relative;
    width: 100%;
}

.portfolio_slider__inner {
    position: relative;
}

.portfolio_slider__inner.ui-draggable {
cursor: url(https://maps.gstatic.com/mapfiles/openhand_8_8.cur), default;
}

.portfolio_slider__inner.ui-draggable.ui-draggable-dragging {
cursor: url(https://maps.gstatic.com/mapfiles/closedhand_8_8.cur), move;
}

.portfolio_slider__left,
.portfolio_slider__right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10%;
    cursor: pointer;
}

.portfolio_slider__left {
    left: 0;
    transition: opacity 0.3s ease;
    opacity: 0;
    width: 100px;
}

.portfolio_slider__right {
    right: 0;
    transition: opacity 0.3s ease;
    opacity: 0;
    width: 120px;
}

.portfolio_slider__left:hover{
    opacity: 0.7;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); 
}

.portfolio_slider__right:hover{
    opacity: 0.7;
    background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); 
}