.als-content-wrap {
    overflow: hidden;
}

.announce__picture {
    margin: 0;
}

#videoid { width: auto; }
@media (max-width: 900px) { #videoid { width: 100%; } }
#videoid2 { width: auto; } 
@media (max-width: 1500px) { #videoid2 { width: 100%; } }
#videoid3 { width: auto; } 
@media (max-width: 1200px) { #videoid3 { width: 100%; } }
#videoid4 { width: auto; max-width: 960px; } 
@media (max-width: 960px) { #videoid4 { width: 100%; } }

.announce__picture.maxx {
    margin-left: 0;
    margin-right: 0;
}
.announce__picture.maxx img {
    width: 100%;
}

.announce__plane {
    position: relative;
    display: block;
    overflow: hidden;
    left: 0;
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
}

.plane__bg {
    position: relative;
/*    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;*/
}
.plane__bg img {
    width: 50%;
}

.plane__lin1 {
    position: absolute;
    top: 12%;
    left: 18%;
    width: 0%;
    height: 1px;
    background: black;
    z-index: 10;
    transition: width 1s;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
}
.plane__lin1_anim {
    width: calc(32% + 25px);
}
.plane__txt1 {
    position: absolute;
    top: calc(12% - 25px);
    left: calc(50% + 25px);
    width: calc(50% - 25px);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: opacity 3s 2s, visibility 3s 2s;
    -webkit-transition: opacity 3s 2s, visibility 3s 2s;
    -moz-transition: opacity 3s 2s, visibility 3s 2s;
    -o-transition: opacity 3s 2s, visibility 3s 2s;
}
.plane__txt1_anim {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.plane__axt1 {
    position: absolute;
    top: calc(12% - 25px);
    left: calc(80% + 25px);
    width: calc(20% - 25px);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: opacity 3s 2s, visibility 3s 2s;
    -webkit-transition: opacity 3s 2s, visibility 3s 2s;
    -moz-transition: opacity 3s 2s, visibility 3s 2s;
    -o-transition: opacity 3s 2s, visibility 3s 2s;
}
.plane__axt1_anim {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s;
}

.announce__plane p {
    color: black;
    font-size: 10;
    background: rgb(225, 225, 225); 
    background: rgba(255, 255, 255, 0.7);
    padding: 10px;
}

.plane__lin2 {
    position: absolute;
    top: 24%;
    left: 31%;
    width: 0%;
    height: 1px;
    background: black;
    z-index: 10;
    transition: width 1s;
    transition: width 1s;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
}

.plane__lin2_anim {
    width: calc(19% + 25px);
}

.plane__txt2 {
    position: absolute;
    top: calc(24% - 25px);
    left: calc(50% + 25px);
    width: calc(50% - 25px);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: opacity 3s 2s, visibility 3s 2s;
    -webkit-transition: opacity 3s 2s, visibility 3s 2s;
    -moz-transition: opacity 3s 2s, visibility 3s 2s;
    -o-transition: opacity 3s 2s, visibility 3s 2s;
}
.plane__txt2_anim {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.plane__axt2 {
    position: absolute;
    top: calc(24% - 25px);
    left: calc(80% + 25px);
    width: calc(20% - 25px);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: opacity 3s 2s, visibility 3s 2s;
    -webkit-transition: opacity 3s 2s, visibility 3s 2s;
    -moz-transition: opacity 3s 2s, visibility 3s 2s;
    -o-transition: opacity 3s 2s, visibility 3s 2s;
}
.plane__axt2_anim {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s;
}
.plane__lin3 {
    position: absolute;
    top: 34%;
    left: 39%;
    width: 0%;
    height: 1px;
    background: black;
    z-index: 10;
    transition: width 1s;
    transition: width 1s;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
}

.plane__lin3_anim {
    width: calc(11% + 25px);
}

.plane__txt3 {
    position: absolute;
    top: calc(34% - 25px);
    left: calc(50% + 25px);
    width: calc(50% - 25px);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: opacity 3s 2s, visibility 3s 2s;
    -webkit-transition: opacity 3s 2s, visibility 3s 2s;
    -moz-transition: opacity 3s 2s, visibility 3s 2s;
    -o-transition: opacity 3s 2s, visibility 3s 2s;
}
.plane__txt3_anim {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.plane__axt3 {
    position: absolute;
    top: calc(34% - 25px);
    left: calc(80% + 25px);
    width: calc(20% - 25px);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: opacity 3s 2s, visibility 3s 2s;
    -webkit-transition: opacity 3s 2s, visibility 3s 2s;
    -moz-transition: opacity 3s 2s, visibility 3s 2s;
    -o-transition: opacity 3s 2s, visibility 3s 2s;
}
.plane__axt3_anim {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s;
}

.plane__lin4 {
    position: absolute;
    top: 47%;
    left: 44%;
    width: 0%;
    height: 1px;
    background: black;
    z-index: 10;
    transition: width 1s;
    transition: width 1s;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
}

.plane__lin4_anim {
    width: calc(6% + 25px);
}

.plane__txt4 {
    position: absolute;
    top: calc(47% - 25px);
    left: calc(50% + 25px);
    width: calc(50% - 25px);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: opacity 3s 2s, visibility 3s 2s;
    -webkit-transition: opacity 3s 2s, visibility 3s 2s;
    -moz-transition: opacity 3s 2s, visibility 3s 2s;
    -o-transition: opacity 3s 2s, visibility 3s 2s;
}
.plane__txt4_anim {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.plane__axt4 {
    position: absolute;
    top: calc(47% - 25px);
    left: calc(80% + 25px);
    width: calc(20% - 25px);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: opacity 3s 2s, visibility 3s 2s;
    -webkit-transition: opacity 3s 2s, visibility 3s 2s;
    -moz-transition: opacity 3s 2s, visibility 3s 2s;
    -o-transition: opacity 3s 2s, visibility 3s 2s;
}
.plane__axt4_anim {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s;
}

.plane__lin5 {
    position: absolute;
    top: 64%;
    left: 13%;
    width: 0%;
    height: 1px;
    
    z-index: 10;
    transition: width 1s;
    transition: width 1s;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
}

.plane__lin5_anim {
    width: calc(37% + 25px);
}

.plane__txt5 {
    position: absolute;
    top: calc(64% - 25px);
    left: calc(50% + 25px);
    width: calc(50% - 25px);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: opacity 3s 2s, visibility 3s 2s;
    -webkit-transition: opacity 3s 2s, visibility 3s 2s;
    -moz-transition: opacity 3s 2s, visibility 3s 2s;
    -o-transition: opacity 3s 2s, visibility 3s 2s;
}
.plane__txt5_anim {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.plane__axt5 {
    position: absolute;
    top: calc(64% - 25px);
    left: calc(80% + 25px);
    width: calc(20% - 25px);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transition: opacity 3s 2s, visibility 3s 2s;
    -webkit-transition: opacity 3s 2s, visibility 3s 2s;
    -moz-transition: opacity 3s 2s, visibility 3s 2s;
    -o-transition: opacity 3s 2s, visibility 3s 2s;
}
.plane__axt5_anim {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s;
}
#plane__txt6 { 
    height: 0; 
}
.plane__lin1, .plane__lin2, .plane__lin3, .plane__lin4, .plane__lin5 {
  background: linear-gradient(90deg, gray 50%, transparent 50%);
  background-size: 4px 4px;

}
#scheme_note {
    width: 80%;
    margin: 10px;
    padding: 5px;
}
@media (max-width: 640px) {
    .plane__bg img { width: 80%; }
    .plane__lin1 { left: 27%; }
    .plane__lin1_anim { width: calc(53% + 25px); }
    .plane__txt1_anim {
        opacity: 0;
        visibility: hidden;
    }
    .plane__axt1_anim {
        opacity: 1;
        visibility: visible;
    }
    .plane__lin2 { left: 50%; }
    .plane__lin2_anim { width: calc(30% + 25px); }
    .plane__txt2_anim {
        opacity: 0;
        visibility: hidden;
    }
    .plane__axt2_anim {
        opacity: 1;
        visibility: visible;
    }
    .plane__lin3 { left: 60%; }
    .plane__lin3_anim { width: calc(20% + 25px); }
    .plane__txt3_anim {
        opacity: 0;
        visibility: hidden;
    }
    .plane__axt3_anim {
        opacity: 1;
        visibility: visible;
    }
    .plane__lin4 { left: 70%; }
    .plane__lin4_anim { width: calc(10% + 25px); }
    .plane__txt4_anim {
        opacity: 0;
        visibility: hidden;
    }
    .plane__axt4_anim {
        opacity: 1;
        visibility: visible;
    }
    .plane__lin5 { left: 20%; }
    .plane__lin5_anim { width: calc(60% + 25px); }
    .plane__txt5_anim {
        opacity: 0;
        visibility: hidden;
    }
    .plane__axt5_anim {
        opacity: 1;
        visibility: visible;
    }
    #plane__txt6 { 
        margin-top: -10%;
        height: auto; 
        z-index: 10;
    }
}

.announcex {
    width: 100%;
    background: rgb(201, 180, 182); 
    margin: 0;
    overflow: hidden;
}
.announce__bgicons:after {
    content: none;
}
.announce__bgicons {
    margin: 0 auto;
    max-width: 1244px;
    padding: 4%;
}
.announce__icon {
    float: none;
    order: 0;
    width: 100%;
}
.announce__icon p {
    color: #F9F0E3;
}
@media (min-width: 769px) {
    .announce__bgicons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        background: rgb(201, 180, 182); 
        border: 0px;
        max-width: 1244px;
    }
    .announce__icon {
        width: 50%; 
        text-align: left;
    }
    .announce__icon:nth-child(1), .announce__icon:nth-child(2), .announce__icon:nth-child(4) { order: -1; }
}

#comm_note {
    width: 100%;
    margin: 20px 30px 30px 20px;
    padding-left: 10px;
    padding-right: 20px;
}
.announce__stella {
    display:table;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.announce__st {
    display: table-cell;
    padding-left: 5px;
}

.announcest {
    width: 100%;
    max-width: 1840px;
    margin: 0 auto;
    overflow: hidden;
}
.announce__sticons:after {
    content: none;
}
.announce__sticons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    border: 0px;
    max-width: 1840px;
}
.announce__sticon {
    width: 25%; 
}
@media (max-width: 920px) {
    .announce__sticons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        border: 0px;
        max-width: 920px;
    }
    .announce__sticon {
        width: 50%; 
    }
}
@media (max-width: 460px) {
    .announce__sticons {
        margin: 0 auto;
        max-width: 460px;
    }
    .announce__sticon {
        float: none;
        order: 0;
        width: 100%;
        padding: 0%;
    }
}

.announce__mp {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    max-width: 1200px;
    height: auto;
    text-align: center;
    z-index: 12;
    margin: 0 auto;
}
.announce__mp_anim {
    animation-duration: 22s;
    animation-iteration-count: infinite;
}
.next { opacity: 0; }
.im-1 { animation-name: fadeIm-1; }
.im-2 { animation-name: fadeIm-2; }
.im-3 { animation-name: fadeIm-3; }
.im-4 { animation-name: fadeIm-4; }
.im-5 { animation-name: fadeIm-5; }
.im-6 { animation-name: fadeIm-6; }
.im-7 { animation-name: fadeIm-7; }
.im-8 { animation-name: fadeIm-8; }
.im-9 { animation-name: fadeIm-9; }
.im-10 { animation-name: fadeIm-10; }
.im-11 { animation-name: fadeIm-11; }
@keyframes fadeIm-1 { from { opacity: 1; } 8.87% { opacity: 1; } 9.09% { opacity: 0; } 99.78% { opacity: 0; } to { opacity: 1; } }
@keyframes fadeIm-2 { from { opacity: 0; } 8.65% { opacity: 0; } 8.87% { opacity: 1; } 17.96% { opacity: 1; } 18.18% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeIm-3 { from { opacity: 0; } 17.74% { opacity: 0; } 17.96% { opacity: 1; } 27.05% { opacity: 1; } 27.27% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeIm-4 { from { opacity: 0; } 26.83% { opacity: 0; } 27.05% { opacity: 1; } 36.14% { opacity: 1; } 36.36% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeIm-5 { from { opacity: 0; } 35.92% { opacity: 0; } 36.14% { opacity: 1; } 45.23% { opacity: 1; } 45.45% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeIm-6 { from { opacity: 0; } 45.01% { opacity: 0; } 45.23% { opacity: 1; } 54.33% { opacity: 1; } 54.55% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeIm-7 { from { opacity: 0; } 54.11% { opacity: 0; } 54.33% { opacity: 1; } 63.42% { opacity: 1; } 63.64% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeIm-8 { from { opacity: 0; } 63.20% { opacity: 0; } 63.42% { opacity: 1; } 72.51% { opacity: 1; } 72.73% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeIm-9 { from { opacity: 0; } 72.29% { opacity: 0; } 72.51% { opacity: 1; } 81.60% { opacity: 1; } 81.82% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeIm-10 { from { opacity: 0; } 81.38% { opacity: 0; } 81.60% { opacity: 1; } 90.69% { opacity: 1; } 90.91% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeIm-11 { from { opacity: 0; } 90.47% { opacity: 0; } 90.69% { opacity: 1; } 99.78% { opacity: 1; } to { opacity: 0; } }

.announce__ap {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    max-width: 1200px;
    height: auto;
    text-align: center;
    z-index: 12;
    margin: 0 auto;
}
.announce__ap_anim {
    animation-duration: 16s;
    animation-iteration-count: infinite;
}
.anext { opacity: 0; }
.am-1 { animation-name: fadeAm-1; }
.am-2 { animation-name: fadeAm-2; }
.am-3 { animation-name: fadeAm-3; }
.am-4 { animation-name: fadeAm-4; }
.am-5 { animation-name: fadeAm-5; }
.am-6 { animation-name: fadeAm-6; }
.am-7 { animation-name: fadeAm-7; }
.am-8 { animation-name: fadeAm-8; }
@keyframes fadeAm-1 { from { opacity: 1; } 12.28% { opacity: 1; } 12.50% { opacity: 0; } 99.78% { opacity: 0; } to { opacity: 1; } }
@keyframes fadeAm-2 { from { opacity: 0; } 12.06% { opacity: 0; } 12.28% { opacity: 1; } 24.78% { opacity: 1; } 25.00% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeAm-3 { from { opacity: 0; } 24.56% { opacity: 0; } 24.78% { opacity: 1; } 37.28% { opacity: 1; } 37.50% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeAm-4 { from { opacity: 0; } 37.06% { opacity: 0; } 37.28% { opacity: 1; } 49.78% { opacity: 1; } 50.00% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeAm-5 { from { opacity: 0; } 49.56% { opacity: 0; } 49.78% { opacity: 1; } 62.28% { opacity: 1; } 62.50% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeAm-6 { from { opacity: 0; } 62.06% { opacity: 0; } 62.28% { opacity: 1; } 74.78% { opacity: 1; } 75.00% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeAm-7 { from { opacity: 0; } 74.56% { opacity: 0; } 74.78% { opacity: 1; } 87.28% { opacity: 1; } 87.50% { opacity: 0; } to { opacity: 0; } }
@keyframes fadeAm-8 { from { opacity: 0; } 87.06% { opacity: 0; } 87.28% { opacity: 1; } 99.78% { opacity: 1; } to { opacity: 0; } }

.final__image {
    position:relative;
    display:block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: 1;
}
.final__pic1 {
    position: absolute;
    margin: 0;
    width: 100%;
    top: 0;
    transform: translateY(0);
    z-index: 2;
}
.final__pic2 {
    position: absolute;
    margin: 0;
    width: 100%;
    top: 0;
    transform: translateY(0);
    z-index: 3;
}
.final__pic3 {
    position: absolute;
    margin: 0;
    width: 100%;
    top: 0;
    transform: translateY(0);
    z-index: 4;
}