/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: since 2010
*/

@font-face {
    font-family: rostelecomFont;
    src: url(fonts/FedraSansArm-Bold.otf);
}

*{
    margin: 0;
    padding: 0;
}

img{
    position: absolute;
}

.content{
    height: 75px;
    width: 980px;
    position: relative;
    overflow: hidden;
    background-color: #273a64;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.anim{
    -webkit-animation-duration: 12s;
       -moz-animation-duration: 12s;
         -o-animation-duration: 12s;
            animation-duration: 12s;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
       -moz-animation-timing-function: ease-in-out;
         -o-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
}

@media only screen and (max-width: 6000px) {

    #logo_end {
        width: 440px;
        height: 60px;
        -webkit-animation-name: logo_end;
           -moz-animation-name: logo_end;
             -o-animation-name: logo_end;
                animation-name: logo_end;
        left: 130px;
    }

    #background{
        left: 0;
        top: 0;
        width: 1920px;
        height: 120px;
    }

    .text1_div {
        position: absolute;
        background-color: #f05736;
        width: 439px;
        height: 50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        overflow: hidden;
        -webkit-animation-name: text1;
           -moz-animation-name: text1;
             -o-animation-name: text1;
                animation-name: text1;
        left: 170px;
    }

    p{
        font-family: rostelecomFont;
        color: #fff;
    }


    #text1 {
        font-family: rostelecomFont;
        color: #fff;
        font-size: 18px;
        position: absolute;
    }

    #logo {
        width: 60px;
        height: 55px;
        left: 30px;
        -webkit-animation-name: logo;
           -moz-animation-name: logo;
             -o-animation-name: logo;
                animation-name: logo;
    }


    #text2_1 {
        left: 0;
        position: absolute;
        font-size: 32px;
    }


    #text2_2 {
        right: 0;
        position: absolute;
        font-size: 32px;
    }

    #tokos {
        width: 100px;
        height: 91.5px;
        left: 355px;
        -webkit-animation-name: tokos;
        -moz-animation-name: tokos;
        -o-animation-name: tokos;
        animation-name: tokos;
    }

    .text2_div {
        position: absolute;
        width: 634px;
        height: 95px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-animation-name: text2;
        -moz-animation-name: text2;
        -o-animation-name: text2;
        animation-name: text2;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        left: 75px;
    }
    .text3_div {
        position: absolute;
        background-color: #f05736;
        width: 420px;
        height: 55px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-animation-name: text3;
           -moz-animation-name: text3;
             -o-animation-name: text3;
                animation-name: text3;
        overflow: hidden;
        left: 175px;
    }



    

    #text3 {
        font-family: rostelecomFont;
        color: #fff;
        font-size: 18px;
    }

    #button0 {
        position: absolute;
        background-color: #f05736;
        width: 325px;
        height: 50px;
        -webkit-animation-name: button0;
           -moz-animation-name: button0;
             -o-animation-name: button0;
                animation-name: button0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        left: 230px;
    }

    #text4 {
        font-family: rostelecomFont;
        color: #fff;
        font-size: 25px;
        text-align: center;
    }


    #nkar {
        top: -20px;
        right: -100px;
        -webkit-transform: scale(0.7);
           -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
             -o-transform: scale(0.7);
                transform: scale(0.7);
    }

    @-webkit-keyframes text1{
        0%{-webkit-transform: scale(0);transform: scale(0); opacity: 1; }
        10%{-webkit-transform: scale(1);transform: scale(1); opacity: 1;}
        11%,20%{-webkit-transform: scale(1);transform: scale(1); opacity: 1;}
        24%{-webkit-transform: scale(1);transform: scale(1); opacity: 0;}
        25%,100%{-webkit-transform: scale(1);transform: scale(1); opacity: 0;}
    }

    @-moz-keyframes text1{
        0%{-moz-transform: scale(0);transform: scale(0); opacity: 1; }
        10%{-moz-transform: scale(1);transform: scale(1); opacity: 1;}
        11%,20%{-moz-transform: scale(1);transform: scale(1); opacity: 1;}
        24%{-moz-transform: scale(1);transform: scale(1); opacity: 0;}
        25%,100%{-moz-transform: scale(1);transform: scale(1); opacity: 0;}
    }

    @-o-keyframes text1{
        0%{-o-transform: scale(0);transform: scale(0); opacity: 1; }
        10%{-o-transform: scale(1);transform: scale(1); opacity: 1;}
        11%,20%{-o-transform: scale(1);transform: scale(1); opacity: 1;}
        24%{-o-transform: scale(1);transform: scale(1); opacity: 0;}
        25%,100%{-o-transform: scale(1);transform: scale(1); opacity: 0;}
    }

    @keyframes text1{
        0%{-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0); opacity: 1; }
        10%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1); opacity: 1;}
        11%,20%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1); opacity: 1;}
        24%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1); opacity: 0;}
        25%,100%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1); opacity: 0;}
    }


    @-webkit-keyframes text2{
        0%,22%{-webkit-transform: scale(0);transform: scale(0);opacity: 1;}
        32%{-webkit-transform: scale(0.7);transform: scale(0.7);opacity: 1;}
        33%,42%{-webkit-transform: scale(0.7);transform: scale(0.7);opacity: 1;}
        46%{-webkit-transform: scale(0.7);transform: scale(0.7);opacity: 0;}
        47%,100%{-webkit-transform: scale(0.7);transform: scale(0.7);opacity: 0;}
    }


    @-moz-keyframes text2{
        0%,22%{-moz-transform: scale(0);transform: scale(0);opacity: 1;}
        32%{-moz-transform: scale(0.7);transform: scale(0.7);opacity: 1;}
        33%,42%{-moz-transform: scale(0.7);transform: scale(0.7);opacity: 1;}
        46%{-moz-transform: scale(0.7);transform: scale(0.7);opacity: 0;}
        47%,100%{-moz-transform: scale(0.7);transform: scale(0.7);opacity: 0;}
    }


    @-o-keyframes text2{
        0%,22%{-o-transform: scale(0);transform: scale(0);opacity: 1;}
        32%{-o-transform: scale(0.7);transform: scale(0.7);opacity: 1;}
        33%,42%{-o-transform: scale(0.7);transform: scale(0.7);opacity: 1;}
        46%{-o-transform: scale(0.7);transform: scale(0.7);opacity: 0;}
        47%,100%{-o-transform: scale(0.7);transform: scale(0.7);opacity: 0;}
    }


    @keyframes text2{
        0%,22%{-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1;}
        32%{-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7);opacity: 1;}
        33%,42%{-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7);opacity: 1;}
        46%{-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7);opacity: 0;}
        47%,100%{-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7);opacity: 0;}
    }

   


    @-webkit-keyframes text3{
        0%,45%{-webkit-transform: scale(0);transform: scale(0);opacity: 1;}
        55%{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
        56%,65%{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
        69%{-webkit-transform: scale(1);transform: scale(1);opacity: 0;}
        70%,100%{-webkit-transform: scale(1);transform: scale(1);opacity: 0;}
    }

   


    @-moz-keyframes text3{
        0%,45%{-moz-transform: scale(0);transform: scale(0);opacity: 1;}
        55%{-moz-transform: scale(1);transform: scale(1);opacity: 1;}
        56%,65%{-moz-transform: scale(1);transform: scale(1);opacity: 1;}
        69%{-moz-transform: scale(1);transform: scale(1);opacity: 0;}
        70%,100%{-moz-transform: scale(1);transform: scale(1);opacity: 0;}
    }

   


    @-o-keyframes text3{
        0%,45%{-o-transform: scale(0);transform: scale(0);opacity: 1;}
        55%{-o-transform: scale(1);transform: scale(1);opacity: 1;}
        56%,65%{-o-transform: scale(1);transform: scale(1);opacity: 1;}
        69%{-o-transform: scale(1);transform: scale(1);opacity: 0;}
        70%,100%{-o-transform: scale(1);transform: scale(1);opacity: 0;}
    }

   


    @keyframes text3{
        0%,45%{-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1;}
        55%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
        56%,65%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
        69%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0;}
        70%,100%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0;}
    }


    @-webkit-keyframes button0{
        0%,68%{-webkit-transform: scale(0);transform: scale(0);opacity: 1;}
        74%{-webkit-transform: scale(1.05);transform: scale(1.05);opacity: 1;}
        76%{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
        77%,82%{-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
        86%{-webkit-transform: scale(1);transform: scale(1);opacity: 0;}
        87%,100%{-webkit-transform: scale(0);transform: scale(0);opacity: 0;}
    }


    @-moz-keyframes button0{
        0%,68%{-moz-transform: scale(0);transform: scale(0);opacity: 1;}
        74%{-moz-transform: scale(1.05);transform: scale(1.05);opacity: 1;}
        76%{-moz-transform: scale(1);transform: scale(1);opacity: 1;}
        77%,82%{-moz-transform: scale(1);transform: scale(1);opacity: 1;}
        86%{-moz-transform: scale(1);transform: scale(1);opacity: 0;}
        87%,100%{-moz-transform: scale(0);transform: scale(0);opacity: 0;}
    }


    @-o-keyframes button0{
        0%,68%{-o-transform: scale(0);transform: scale(0);opacity: 1;}
        74%{-o-transform: scale(1.05);transform: scale(1.05);opacity: 1;}
        76%{-o-transform: scale(1);transform: scale(1);opacity: 1;}
        77%,82%{-o-transform: scale(1);transform: scale(1);opacity: 1;}
        86%{-o-transform: scale(1);transform: scale(1);opacity: 0;}
        87%,100%{-o-transform: scale(0);transform: scale(0);opacity: 0;}
    }


    @keyframes button0{
        0%,68%{-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 1;}
        74%{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);opacity: 1;}
        76%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
        77%,82%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;}
        86%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0;}
        87%,100%{-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;}
    }

    @-webkit-keyframes logo_end {
        0%,85%{opacity: 0;}
        90%{opacity: 1;}
        91%,100%{opacity: 1;}
    }

    @-moz-keyframes logo_end {
        0%,85%{opacity: 0;}
        90%{opacity: 1;}
        91%,100%{opacity: 1;}
    }

    @-o-keyframes logo_end {
        0%,85%{opacity: 0;}
        90%{opacity: 1;}
        91%,100%{opacity: 1;}
    }

    @keyframes logo_end {
        0%,85%{opacity: 0;}
        90%{opacity: 1;}
        91%,100%{opacity: 1;}
    }

    @-webkit-keyframes logo {
        0%,80%{opacity: 1;}
        87%{opacity: 0;}
        88%,100%{opacity: 0;}
    }

    @-moz-keyframes logo {
        0%,80%{opacity: 1;}
        87%{opacity: 0;}
        88%,100%{opacity: 0;}
    }

    @-o-keyframes logo {
        0%,80%{opacity: 1;}
        87%{opacity: 0;}
        88%,100%{opacity: 0;}
    }

    @keyframes logo {
        0%,80%{opacity: 1;}
        87%{opacity: 0;}
        88%,100%{opacity: 0;}
    }
}