* {
    margin: 0 auto;
         font-family: Roboto;
    font-style: normal;
    font-weight: normal;
}

a {
    text-decoration: none;
}
@media only screen and (min-width: 731px) {
    .backimage_desktop{
        display: block;
        z-index: -2;
        position: fixed;
        height: 100vh;
        width: 100vw;
        background-image: url('img/backimg.jpg');
        background-size: cover;
        opacity: 0.5;
    }
    
    .backcap_desktop {
        display: block;
        z-index: -1;
        position: absolute;
        top: 0;
        height: 80px;
        width: 100%;
        background: rgba(0,0,0,0.7);
    }
}

@media only screen and (min-width: 451px) and (max-width: 730px) {
    .backimage_desktop{
        display: block;
        z-index: -2;
        position: fixed;
        height: 100vh;
        width: 100vw;
        background-image: url('img/backimg.jpg');
        background-size: cover;
        opacity: 0.5;
    }
    
    .backcap_desktop {
        display: block;
        z-index: -1;
        position: absolute;
        top: 0;
        height: 110px;
        width: 100%;
        background: rgba(0,0,0,0.7);
    }
}

@media only screen and (max-width: 450px) {
    .backimage_desktop{
        display: block;
        z-index: -2;
        position: fixed;
        height: 100vh;
        width: 100vw;
        background-image: url('img/backimg.jpg');
        background-size: cover;
        opacity: 0.5;
    }
    
    .backcap_desktop {
        display: block;
        z-index: -1;
        position: absolute;
        top: 0;
        height: 200px;
        width: 100vw;
        background: rgba(0,0,0,0.7);
    }
}

.container{
    z-index: 100;
}

@media only screen and (min-width: 450px) { .container{
    width: 620px;
    z-index: 100;
}}

@media only screen and (max-width: 450px) { .container{
    width: 100%;
    z-index: 100;
}}

@media only screen and (min-width: 450px) { .header {
    display: flex;
    padding-bottom: 5%;
    padding-top: 10px;
    z-index: 100;
    
}}

@media only screen and (max-width: 450px) { .header {

    padding-bottom: 5%;
    padding-top: 10px;
    z-index: 100;
}}



.logo {
    width: 300px;
    /*height: 100px;*/
    display: flex;
}

.korp {
    width: 300px;
    /*height: 100px;*/
}

.obyavlenie {
    margin: 10px 10px 10px 10px;
     font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}
@media only screen and (min-width: 450px) { 
.auth {
    padding-top: 5px;
    width: 300px;
    max-height: 103px; 
    /*max-height: 100%;*/
    background: #F1F1F1;
    /*box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.1);*/
    border: 1px solid #C7C7C7;
    border-radius: 6px;
    padding-bottom: 8px;
    margin-top: -1px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
}

@media only screen and (max-width: 450px) { 
.auth {
    padding-top: 10px;
    width: 300px;
    height: 100%;
    background: #F1F1F1;
    /*box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.1);*/
    border: 1px solid #C7C7C7;
    border-radius: 6px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
}

.lkname {
    margin-top: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #343434;
}

.lkbutton {
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
    align-items: center;
}

.lkbutton-auth {
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
}

.regbut {
    width: 132px;
    height: 32px;
    background: #C7C7C7;
    /*border-radius: 5px;*/
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: 14px;
    text-align: center;
    color: #FFF;
    display: flex;
    align-items: center;
}

.inbut {
    width: 132px;
    height: 32px;
    /*background: #F3FFFF;*/
    /*backdrop-filter: blur(80px);*/
    border: 1px solid #C7C7C7;
    /*border-radius: 5px;*/
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-size: 14px;
    text-align: center;
    color: #454545;
    display: flex;
    align-items: center;
}

.mainblock {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.mainblock_t {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 15px 5px;
    background: #FFF;
    border-radius: 10px;
}

.mainblock2 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 450px) { .mainblock3 {
    
    height: 100%;
    display: flex;
    /*direction: column;*/
}}
@media only screen and (max-width: 450px) { .mainblock3 {
    width: 310px;
    margin-bottom: -10px;
    height: 100%;
    display: none;
    justify-content: space-between;

}}
@media only screen and (min-width: 450px) { .icontap{
    
}
}
@media only screen and (max-width: 450px) { .icontap{
    height: 30px;
}
}


@media only screen and (min-width: 450px) { .tap {
    width: 300px;
    height: 180px;
    background: #F1F1F1;
    /*box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);*/
    border-radius: 5px;
    border: 1px solid #C7C7C7;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #343434;
}}

@media only screen and (max-width: 450px) { .tap {
    width: 145px;
    height: 145px;
    background: #FFFFFF;
    /*box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);*/
    border: 1px solid #C7C7C7;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    /*font-size: 24px;*/
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #343434;
    /*margin-bottom: 10px;*/
}}


@media only screen and (min-width: 450px) { .tap_mobile {
    width: 300px;
    height: 300px;
    background: #F3FFFF;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    display: none;
    align-items: center;
    color: #343434;
}}

@media only screen and (max-width: 450px) { .tap_mobile {
    width: 300px;
    height: 300px;
    background: #F3FFFF;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #343434;
    margin-bottom: 10px;
}}

@media only screen and (min-width: 450px) { .tap_computer {
    width: 300px;
    height: 300px;
    background: #F3FFFF;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #343434;
}}

@media only screen and (max-width: 450px) { .tap_computer {
    width: 300px;
    height: 300px;
    background: #F3FFFF;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    display: none;
    align-items: center;
    color: #343434;
    margin-bottom: 10px;
}}


/*/////////////////////// QR - кнопка ///////////////////////////*/

@media only screen and (min-width: 450px) { .tapqr {
    width: 300px;
    height: 300px;
    background: #F3FFFF;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #343434;
}}

@media only screen and (max-width: 450px) { .tapqr {
    width: 300px;
    height: 300px;
    background: #F3FFFF;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #343434;
    margin-bottom: 10px;
}}

.tapqr:hover {
    opacity: 0.8;
    background: rgba(62,62,62, 0.7);
    transition: 0.8s;
    color: #FFFFFF;
    box-shadow: 3px 6px 25px rgba(0, 0, 0, 0.50);
    /*border-radius: 50%;*/
   
}

/*//////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////*/

@media only screen and (min-width: 450px) { .ava {
    width: 300px;
    /*height: 300px;*/
   
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    /*display: flex;*/
    /*align-items: center;*/
    color: #343434;
    overflow: hidden;
    /*margin: -10px -10px -10px -10px;*/
}
    
.avafrontblack{
    width: 100%;
    height: 100px;
    background: rgba(0,0,0,0.5);
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5000;
    margin-top: -100px;
}
    
    
}

@media only screen and (max-width: 450px) { .ava {
    width: 150px;
    height: 144px;
/*object-fit: contain;*/
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    background: #757575;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: start;
    color: #343434;
    margin-bottom: 10px;
    overflow: hidden;
     /*margin: -10px -10px -10px -10px;*/
}}


@media only screen and (max-width: 450px) {.avanamobi{
    object-fit: cover; 
    /*margin-left: -50%;*/
    width: 150px;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
}
}

@media only screen and (min-width: 450px) {.avanamobi{
width: 300px;
}
}

@media only screen and (min-width: 450px){ 
.downin_qr{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
}
}
@media only screen and (max-width: 450px) {
  .downin_qr{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 12px;
    height: 146px;
}  
}
@media only screen and (min-width: 450px) { .tap3 {
    width: 300px;
    height: 300px;
    background: url(img/2048.png) no-repeat;
     background-size: cover;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #343434;
}}

@media only screen and (max-width: 450px) { .tap3 {
    width: 300px;
    height: 300px;
    background: url(img/2048.png) no-repeat;
 background-size: cover;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #343434;
    margin-bottom: 10px;
}}

@media only screen and (min-width: 450px) {
.tap:hover {
    opacity: 0.8;
    background: rgba(62,62,62, 0.7);;
    transition: 0.2s;
    color: #FFFFFF;
    box-shadow: 3px 6px 25px rgba(0, 0, 0, 0.50);
    /*border-radius: 50%;*/
   
}
}

@media only screen and (max-width: 450px) {
.tap:hover {

   
}
}




.tap3:hover {
    opacity: 0.8;
      background: url(img/2048.png) no-repeat;
 background-size: cover;
    transition: 0.2s;
    color: #FFFFFF;
    box-shadow: 3px 6px 25px rgba(0, 0, 0, 0.50);
    border-radius: 50%;
   
}

.text:hover {
    
}

@media only screen and (min-width: 450px) { .tap2 {
    width: 300px;
    height: 300px;
    background: #FA8EAA;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #343434;
}}

@media only screen and (max-width: 450px) { .tap2 {
    width: 300px;
    height: 300px;
    background: #FA8EAA;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #343434;
    margin-bottom: 10px;
}}

@media only screen and (min-width: 450px) {
    .text-qr {
    /*font-size: 40pt;*/
}
}
@media only screen and (max-width: 450px) {.text-qr {
    /*font-size: 14pt;*/
}
}



.text {
    text-align: center;
}

.tabel {}

.vitrina {}

@media only screen and (min-width: 450px) { .support {
    width: calc(100% - 4px);
    height: 53px;
    background: #F1F1F1;
    /*box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);*/
    border-radius: 5px;
    border: 1px solid #CCC;
    margin-bottom: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #343434;
}
    .index_menu_mobile{
        display: none;
    }
    
}

@media only screen and (max-width: 450px) { .support {
    max-width: 300px;
    height: 53px;
    background: #F1F1F1;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    border: 1px solid #CCC;
    margin-top: 10px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #343434;
    margin-bottom: 10px;
}
    .index_menu_mobile{
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: -30px;
    }
    
    .menu_mobile_btn{
        width: 300px;
        height: 50px;
        background: rgba(0,0,0,0.7);
        color: #FFF;
        border: 1px solid #FFF;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
    }
    
}

.form_tabel {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.form_tabel2 {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    display: flex;
    flex-direction: column;

}



.ram {


    padding: 20px 20px;
    background: #d9fffb;
    border-radius: 10px;
}

.form_but {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    /*justify-content: space-around;*/
    margin-top: 10px;
}

.kkinput {
    width: 300px;
    height: 50px;
    /*background: #F8FFFF;*/
    /*box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.1);*/
    border-radius: 3px;
    outline: none;
    /*border: none;*/
    border: 1px solid #CCC;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1.2em;
     display: inline-block;
}

.kkinput_textarea {
    width: 300px;
    height: 150px;
    background: #F8FFFF;
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    outline: none;
    border: none;
    border: solid 1px #f2f2f2;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
     display: inline-block;
}

.none {
  width: 0%;
  height: 0%;
}

/* Кнопки табеля */

.kkok {
    width: 152px;
    height: 40px;
    background: #ABFFA4;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    outline: none;
    border: none;
    border: solid 0px #f2f2f2;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    cursor: pointer;
}



.nonepin {
    width: 152px;
    height: 40px;
    background: #1163AE;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    outline: none;
    border: none;
    border: 0px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: #fff;
}

.kkno {
    width: 152px;
    height: 40px;
    background: #FFA4A4;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    outline: none;
    border: none;
    border: solid 0px #f2f2f2;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
}


@media only screen and (min-width: 450px) {.icon {
width: 30px;
}}

@media only screen and (max-width: 450px) {.icon {
width: 40px;
}}

.tut {
    display: flex;
     justify-content: center;
      font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
      
      
}
.tutorial {
   
    width: 320px;
    margin-bottom: 10px;
    padding: 5px;
}

    

.tutorial2 {

   
border-radius: 3px;
    padding: 5px;
    background: #FA8072;
    
}

.app-button {
    width: 300px;
padding: 20px;
   border-color: #C0C0C0;
border-radius: 10px;
    border: 10px;
    background: #C0C0C0;
     
     margin-bottom: 10px;

    
}
.app-button:hover {
box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}



@media only screen and (min-width: 450px) {.tinkoff {
         font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    width: 100%;
    height: 100%;
    background-color: #1E90FF;
    display: flex;
    justify-content: center;
    position: sticky;
    

}

.block_tinkoff {
    max-width: 500px;
    display: flex;
    justify-content: space-between;
}

.text_tinkoff {
    padding: 10px;
    color: black;
    font-size: 14pt;
        display: flex;
    justify-content: center;
}
}

@media only screen and (max-width: 450px) {
    .tinkoff {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    width: 100%;
    height: 100%;
    background-color: #ffe000;
    display: flex;
    justify-content: center;
    position: sticky;
     animation-name: tinkoff_an;
    animation-duration: 1s;
    Animation-timing-function: linear;
    animation-iteration-count: infinite;
    

}



.block_tinkoff {
    max-width: 500px;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
}

.text_tinkoff {
    padding: 10px;
    color: #fff;
    font-size: 14pt;
    display: flex;
    justify-content: center;
}
}

@keyframes tinkoff_an {
    0% {
        height: 0px;
         transform: rotate(0deg);
         /*padding-top: 0px;*/
          background-color: #1E90FF;
    }
        80% {
       /*height: 100%;*/
        /*transform: rotate(-360deg);*/
        /*padding-top: 5px;*/
         background-color: #170a45;
    }
    100% {
       /*height: 100%;*/
        /*transform: rotate(-1deg);*/
        /*padding-top: 5px;*/
         background-color: #1E90FF;
    }
}

.down-ava {
    width: 200px;
    height: 40px;
    border: solid 1px #000;
    background: #fd7400;
}

.vaka {
    margin: 10px;
}

.probel_foot {
    height: 20px;
}


.blockfunk {
    display: flex;
    justify-content: space-between;
    width: 620;
    margin: 10px 0 0 6px;
      font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

.funkleft{
    width: 292px;
    height: 161px;
    background: linear-gradient(251.01deg, #DBF2FF 5.83%, #FFFFFF 94.34%);
    border: 1px solid #666666;
    border-radius: 15px;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.funkright{
    width: 332px;
    height: 161px;
    background: linear-gradient(93.57deg, #E1E1E1 10.52%, #FFFFFF 27.21%);
    border: 1px solid #868686;
    border-radius: 0px 15px 15px 0px;
    margin-left: -17px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 -17px 0 17px;
}

.fav1 {
    width: 200px;
    font-size: 16px;
    
}

.favg {
    width: 280px;
    padding: 0 0 0 17px;
    
}

.auth_company {
    
    width: 300px;
    height: 113px;
    background: #F3FFFF;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    
}





.input_company {
    display: flex;
    justify-content: space-between;
    margin: 10px;
}
.fields_com {
    
}
.input_com {
    width: 207px;
    height: 27px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 3px;   
}

.button_com{

}
.but_com{
    width: 59px;
    height: 62px;
    background: url("img/pusk.svg") top left no-repeat;
}

.creat_company {
    display: flex;
    justify-content: start;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    
}

.creat_com {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 74px;
    height: 20px;
    background: #2E8DC2;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
}             

.creat_text {
    color: #454545;
    font-size: 14px;
    /*width: 74px;*/
    display: flex;
    justify-content: start;
    align-items: center;
}


.mainnews {

}

@media only screen and (min-width: 450px) { 
 .newsava {
     position: relative;
    width: 593px;
    height: 266px;
    /*z-index: -1;*/
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #343434;
    overflow: hidden;
     /*margin: -10px -10px -10px -10px;*/
}
}

@media only screen and (max-width: 450px) { 
 .newsava {
     position: relative;
    width: 300px;
    height: 400px;
    /*z-index: -1;*/
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #343434;
    overflow: hidden;
     /*margin: -10px -10px -10px -10px;*/
}
}
@media only screen and (min-width: 450px) { 

.newsfon {
    position: relative; 
    width: 593px;
height: 193px;
background: rgba(0, 0, 0, 0.6);
border-radius: 0px 0px 5px 5px;
margin-top: -193px;
/*z-index: 3000;*/

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

.newsfon {
    position: relative; 
    width: 300px;
height: 300px;
background: rgba(0, 0, 0, 0.6);
border-radius: 0px 0px 5px 5px;
margin-top: -300px;
display: flex;
flex-direction: column;
justify-content: space-between;
/*z-index: 3000;*/

}
}
@media only screen and (min-width: 450px) { 
.newsfonfilling{
    width: 573px;
    height: 246px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
    
}
}

@media only screen and (max-width: 450px) { 
.newsfonfilling{
    width: 300px;
    height: 300px;
    padding: 10px 20px 10px 10px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: space-between;
    
}
}

.newsredact{
  
}
@media only screen and (min-width: 450px) { 
.newsfonname{
    font-size: 18px;
    color: #fff;
}
}
@media only screen and (max-width: 450px) { 
.newsfonname{
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    width: 290px;
}
}
@media only screen and (min-width: 450px) { 
.newsfontitul{
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: #fff;
}
}
@media only screen and (max-width: 450px) { 
.newsfontitul{
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: #fff;
    height: 70px;
    width: 280px;
}
}
@media only screen and (min-width: 450px) { 
.newsfonpage{
    width: 573px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 133px;
}
}
@media only screen and (max-width: 450px) { 
.newsfonpage{
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 133px;
}
}
@media only screen and (min-width: 450px) { 
.newsfonauthor{
    font-size: 14px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
}
@media only screen and (max-width: 450px) { 
.newsfonauthor{
    font-size: 12px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}
}
@media only screen and (min-width: 450px) { 
.newsfonbtn{
    width: 167px;
height: 36px;
color: #000;
background: #CF7B56;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
}
}
@media only screen and (max-width: 450px) { 
.newsfonbtn{
    width: 280px;
    color: #000;
height: 50px;
background: #CF7B56;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px;
}
}

a.newsfonbtn {
    color: #000;
}

.color000btn{
    color: #000;
}


.newstextname{
    width: 507px;
height: 25px;
background: radial-gradient(78% 78% at 50% 100%, #D9D9D9 0%, rgba(217, 217, 217, 0) 60.94%);
border-bottom: 1px solid #BABABA;
border-top: 0;
border-left: 0;
border-right: 0;
outline:none;
}
@media only screen and (min-width: 450px) {
.bigsl1{
    width: 507px;
height: 25px;
background: radial-gradient(78% 78% at 50% 100%, #D9D9D9 0%, rgba(217, 217, 217, 0) 60.94%);
border-bottom: 1px solid #BABABA;
border-top: 0;
border-left: 0;
border-right: 0;
outline:none;
}
}
@media only screen and (max-width: 450px) {
.bigsl1{
    width: 320px;
height: 15px;
background: radial-gradient(78% 78% at 50% 100%, #D9D9D9 0%, rgba(217, 217, 217, 0) 60.94%);
border-bottom: 1px solid #BABABA;
border-top: 0;
border-left: 0;
border-right: 0;
outline:none;
}
}

.newstexttitul{
        width: 507px;
height: 25px;
background: radial-gradient(78% 78% at 50% 100%, #D9D9D9 0%, rgba(217, 217, 217, 0) 60.94%);
border-bottom: 1px solid #BABABA;
border-top: 0;
border-left: 0;
border-right: 0;
outline:none;
}
.newstextupload{
    position: relative;
    width: 216px;
height: 25px;

background: radial-gradient(78% 78% at 50% 100%, #D9D9D9 0%, rgba(217, 217, 217, 0) 60.94%);
border-bottom: 1px solid #BABABA;
border-top: 0;
border-left: 0;
border-right: 0;
outline:none;
color: #757575;
cursor: pointer;
z-index: 2; 



}
.newstextbtn{
 font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    font-size: 14px;
    vertical-align: middle;
    color: rgb(255 255 255);
    text-align: center;
    border-radius: 4px;
    background-color: #419152;
    line-height: 22px;
    height: 40px;
    padding: 10px 20px;
    box-sizing: border-box;
    border: none;
    margin: 0;
    transition: background-color 0.2s;

}




.formnewssize{
     position: relative; 
    width: 507px;
    height: 100px;
    margin-top: 20px;
    z-index: 30;

}

#upload-photo {
     /*opacity: 0;*/
   position: relative;
   z-index: 1; 
   margin-left: -100px;
}


.input-file {
    position: relative;
    display: inline-block;
}
.input-file-text {
    padding: 0 10px;
    line-height: 40px;
    text-align: left;
    height: 40px;
    display: block;
    float: left;
    box-sizing: border-box;
    width: 200px;
    border-radius: 6px 0px 0 6px;
    border: 1px solid #ddd;
}
.input-file-btn {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    font-size: 14px;
    vertical-align: middle;
    color: rgb(255 255 255);
    text-align: center;
    border-radius: 0 4px 4px 0;
    background-color: #CF7B56;
    line-height: 22px;
    height: 40px;
    padding: 10px 20px;
    box-sizing: border-box;
    border: none;
    margin: 0;
    transition: background-color 0.2s;
}



.input-file {
    position: relative;
    display: inline-block;
}
.input-file input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}
 
/* Focus */
.input-file input[type=file]:focus + .input-file-btn {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 
/* Hover/active */
.input-file:hover .input-file-btn {
    background-color: #59be6e;
}
.input-file:active .input-file-btn {
    background-color: #2E703A;
}
 
/* Disabled */
.input-file input[type=file]:disabled + .input-file-btn {
    background-color: #eee;
}

/*////////////////////////////////////////////////////////*/
.input-file-btn-lk {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    font-size: 14px;
    vertical-align: middle;
    color: rgb(255 255 255);
    text-align: center;
    border-radius: 0 0 15px 0;
    background-color: #CF7B56;
    line-height: 22px;
    height: 40px;
    padding: 10px 20px;
    box-sizing: border-box;
    border: none;
    margin-top: -5px;
    width: 144px;
    transition: background-color 0.2s;
}

.input-file-text-lk {
    font-size: 10pt;
    padding: 0 10px;
    line-height: 40px;
    text-align: left;
    height: 40px;
    display: block;
    float: left;
    box-sizing: border-box;
    width: 156px;
    border-radius: 0 0px 0 15px;
    border: 1px solid #ddd;
    margin-top: -5px;
}
.input-file-lk {
    position: relative;
    display: inline-block;
    
}
.input-file-lk input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}
 
/* Focus */
.input-file-lk input[type=file]:focus + .input-file-btn-lk {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 
/* Hover/active */
.input-file-lk:hover .input-file-btn-lkp {
    background-color: #59be6e;
}
.input-file-lk:active .input-file-btn-lk {
    background-color: #2E703A;
}
 
/* Disabled */
.input-file-lk input[type=file]:disabled + .input-file-btn-lk {
    background-color: #eee;
}

.lk-btn{
 font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    font-size: 14px;
    vertical-align: middle;
    color: rgb(255 255 255);
    text-align: center;
    border-radius: 10px;
    background-color: #419152;
    line-height: 22px;
    height: 40px;
    padding: 10px 20px;
    box-sizing: border-box;
    border: none;
    margin-top: 5px;
    width: 300px;
    transition: background-color 0.2s;

}

.lk-btn-date{
 font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    font-size: 14px;
    vertical-align: middle;
    color: rgb(255 255 255);
    text-align: center;
    border-radius: 10px;
    background-color: #419152;
    line-height: 22px;
    height: 40px;
    padding: 10px 20px;
    box-sizing: border-box;
    border: none;
    margin-top: 5px;
    width: 300px;
    transition: background-color 0.2s;

}

/*////////////////////////////////////////////////////*/


@media only screen and (min-width: 450px) {
.delnews{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    display: flex;
    justify-content: space-around;
    width: 593px;
}
}
@media only screen and (max-width: 450px) {
.delnews{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    display: flex;
    justify-content: space-around;
    width: 300px;
}
}

.delnewskrest {

    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 31;
    cursor: pointer;
    color: #757575;
    
}
@media only screen and (min-width: 450px) {
.delnone{
   width: 558px; 
   color: #252525;
   text-align: right;
}
}
@media only screen and (max-width: 450px) {
.delnone{
   /*width: 558px; */
   color: #252525;
   text-align: right;
}
}

@media only screen and (min-width: 450px) {
.newsava2 {
     position: relative;
    width: 593px;
    height: 133px;
    /*z-index: -1;*/
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #343434;
    overflow: hidden;
     /*margin: -10px -10px -10px -10px;*/
}
}
@media only screen and (max-width: 450px) {
.newsava2 {
     position: relative;
    width: 320px;
    height: 180px;
    /*z-index: -1;*/
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    /*line-height: 28px;*/
    display: flex;
    align-items: center;
    color: #343434;
    overflow: hidden;
     /*margin: -10px -10px -10px -10px;*/
}
}
@media only screen and (min-width: 450px) {
.newsfon2 {
    position: relative; 
    width: 593px;
    height: 133px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    margin-top: -133px;
    /*z-index: 3000;*/

}
}
@media only screen and (max-width: 450px) {
.newsfon2 {
    position: relative; 
    width: 320px;
    height: 180px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 5px;
    margin-top: -180px;
    /*z-index: 3000;*/

}
}


@media only screen and (min-width: 450px) {
.allnews_flex{
    width: 583px;
    display: flex;
    justify-content: start;
}
}
@media only screen and (max-width: 450px) {
.allnews_flex{
    width: 300px;
    display: flex;
    justify-content: start;
}
}

.allnews_btn{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 11pt;
    color: #fff;
    position: relative;
    width: 146px;
    height: 21px;
    background: rgba(207, 123, 86, 0.5);
    border-radius: 5px 5px 0px 0px;  
    display: flex;
    justify-content: center;
    align-items: center;
}

.allnews_none{
    width: 433px;
}


@media only screen and (min-width: 450px) {
.post_titul_news{
    width: 583px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16pt;
    text-align: justify;
}
}

@media only screen and (max-width: 450px) {
.post_titul_news{
    width: 320px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16pt;
    text-align: justify;
}
}
@media only screen and (min-width: 450px) {
.post_text1_news{
    width: 583px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14pt;
    text-align: justify;
    color: #454545;
    margin: 10px 0 0 20px;
}
}
@media only screen and (max-width: 450px) {
.post_text1_news{
    width: 320px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14pt;
    text-align: justify;
    color: #454545;
    margin: 10px 0 0 20px;
}
}

@media only screen and (min-width: 450px) {
.newssmallsl {
     width: 200px;
height: 25px;
background: radial-gradient(78% 78% at 50% 100%, #D9D9D9 0%, rgba(217, 217, 217, 0) 60.94%);
border-bottom: 1px solid #BABABA;
border-top: 0;
border-left: 0;
border-right: 0;
outline:none;
}
}
@media only screen and (max-width: 450px) {
.newssmallsl {
     width: 100px;
height: 15px;
background: radial-gradient(78% 78% at 50% 100%, #D9D9D9 0%, rgba(217, 217, 217, 0) 60.94%);
border-bottom: 1px solid #BABABA;
border-top: 0;
border-left: 0;
border-right: 0;
outline:none;
}
}

.news_img_big{
    margin: 10px 0 0 20px;
}
@media only screen and (min-width: 450px) {
.image1{
    width: 593px;
}
}
@media only screen and (max-width: 450px) {
.image1{
    max-width: 320px;
}
}

.del_block_news{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    font-size: 14px;
    vertical-align: middle;
    color: rgb(255 255 255);
    text-align: center;
    border-radius: 4px;
    background-color: #FF012F;
    line-height: 22px;
    height: 40px;
    padding: 10px 20px;
    box-sizing: border-box;
    border: none;
    margin: 0;
    transition: background-color 0.2s; 
}

.news_block_plus{
    position: relative;
    margin: 50px 0 20px 20px;
}

.fff {
    color: #fff;
}

.costsurf{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: normal;
    position: relative;

    font-size: 12px;
    text-align: center;
    color: #000;
}

.mainblock4 {
    display: flex;
    justify-content: center;
    /*align-items: center;*/
}

.totalzayavka {
    width: 216px;
    height: 25px;
    background: radial-gradient(78% 78% at 50% 100%, #D9D9D9 0%, rgba(217, 217, 217, 0) 60.94%);
    border-bottom: 1px solid #BABABA;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    position: relative;
    margin: 10px 0 10px 0;
}


.totalzayavka_text {
    font-weight: 400;
font-size: 10pt;
color: #454545;
}

.zayavkacomlited {
    display: flex;
    flex-direction: column;
    align-items: center;
}




@media only screen and (min-width: 450px) {
.capcomplited{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    position: relative;
    width: 594px;
    height: 33px;
    background: #9F9F9F;
    border-radius: 7px 7px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
}
@media only screen and (max-width: 450px) {
.capcomplited{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    position: relative;
    width: 300px;
    height: 66px;
    background: #9F9F9F;
    font-size: 10pt;
    border-radius: 7px 7px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
}
@media only screen and (min-width: 450px) {
.capcomplited_column{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    position: relative;
    width: 594px;
    height: 18px;
    background: #ACD8E2;
    /*border-radius: 7px 7px 0px 0px; */
}
}

@media only screen and (max-width: 450px) {
.capcomplited_column{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    position: relative;
    width: 300px;
    height: 18px;
    background: #ACD8E2;
    display: none;
    /*border-radius: 7px 7px 0px 0px; */
}
}
@media only screen and (min-width: 450px) {
.listcomplited{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    width: 574px;
    max-height: 100%;
    min-height: 40px;
    padding: 10px;
    background: #D9D9D9;
    border-radius: 0px 0px 7px 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 15px;

}
}
@media only screen and (max-width: 450px) {
.listcomplited{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    width: 290px;
    max-height: 100%;
    min-height: 40px;
    padding: 5px;
    background: #D9D9D9;
    border-radius: 0px 0px 7px 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 15px;

}
}
@media only screen and (min-width: 450px) {
.listcomplited_stroke{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    display: flex;
    justify-content: left;
    width: 574px;
    /*height: 30px;*/
    font-size: 9pt;
    color: #454545;
    /*background: radial-gradient(78% 78% at 50% 100%, #D9D9D9 0%, rgba(217, 217, 217, 0) 60.94%);*/
border-bottom: 1px solid #BABABA;

}
}
@media only screen and (max-width: 450px) {
.listcomplited_stroke{
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    width: 290px;
    /*height: 30px;*/
    font-size: 9pt;
    color: #454545;
    /*background: radial-gradient(78% 78% at 50% 100%, #D9D9D9 0%, rgba(217, 217, 217, 0) 60.94%);*/
border-bottom: 1px solid #454545;

}
}

@media only screen and (min-width: 450px) {
.listcomplited_stroke_za{
    width: 200px;
    margin-top: 5px;
    
    }
}

@media only screen and (min-width: 450px) {
.listcomplited_stroke_su{
    width: 100px;
    margin-top: 5px;
    }
}
@media only screen and (min-width: 450px) {
.listcomplited_stroke_to{
    width: 74px;
    margin-top: 5px;
    }
}
@media only screen and (min-width: 450px) {
.listcomplited_stroke_st{
    width: 100px;
    margin-top: 5px;
    }
}
@media only screen and (min-width: 450px) {
.listcomplited_stroke_bt{
    width: 100px;
    
    padding: 3px 0 3px 0;
    
    }
}
/*////////////////////////////////////////////*/
@media only screen and (max-width: 450px) {
.listcomplited_stroke_za{
    width: 138px;
    margin-top: 2px;
    /*border: 1px solid #454545;*/
    display: flex;
    justify-content: center;
    align-items: center;
    }
}

@media only screen and (max-width: 450px) {
.listcomplited_stroke_su{
    width: 98px;
    margin-top: 2px;
    /*border: 1px solid #454545;*/
    display: flex;
    justify-content: center;
    align-items: center;
    }
}
@media only screen and (max-width: 450px) {
.listcomplited_stroke_to{
    width: 68px;
    margin-top: 2px;
    /*border: 1px solid #454545;*/
    display: flex;
    justify-content: center;
    align-items: center;
    }
}
@media only screen and (max-width: 450px) {
.listcomplited_stroke_st{
    width: 100px;
    margin-top: 2px;
    /*border: 1px solid #454545;*/
    display: flex;
    justify-content: center;
    align-items: center;
    }
}
@media only screen and (max-width: 450px) {
.listcomplited_stroke_bt{
    width: 100px;
    padding: 3px 0 3px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /*border: 1px solid #454545;*/
    
    }
}
/*???????????????????????????????????????????????*/
@media only screen and (min-width: 450px) {
.stroke_bt_back{
    width: 100px;
    height: 22px;
    background: #FFB800;
    border-radius: 5px;
    /*margin-bottom: 5px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
}
@media only screen and (max-width: 450px) {
.stroke_bt_back{
    width: 100px;
    height: 30px;
    background: #FFB800;
    border-radius: 5px;
    /*margin-bottom: 5px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}
}

.stroke_bt_text{
    
}

.zaybttn{
 width: 300px;  
 height: 93px;
 display: flex;
 justify-content: start;
 margin: 20px 0 20px 0;
 font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #454545;
}

.zaybttnico{
    width: 92px;
    height: 92px;
    background: #FFB800;
    border-radius: 7px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.zaybttntxt{
    width: 205px;
    height: 90px;
    background: #F3FFFF;
    border: 1px solid #454545;
    border-radius: 0px 7px 7px 0px;
    margin: 0 0 0 -12px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}




@media only screen and (min-width: 450px) {
.bttn_nav_supply {
    width: 285.65px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 10pt;
    color: #fff;
    margin: 10px;
}
}
@media only screen and (max-width: 450px) {
.bttn_nav_supply {
    width: 285.65px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 10pt;
    color: #fff;
    margin: 10px 0 0 0 ;
}
}
.sup_blue{
    background: #2E8DC2;
    /*margin: 20px 20px 0 0;*/
}
.sup_perple{
    background: #832CDA;
    /*margin: 20px 0 0 0;*/
}
.sup_berry{
    background: #C22E63;
    /*margin: 20px 20px 0 0;*/
}
@media only screen and (min-width: 450px) {
.sup_lime{
    background: #6DA414;
    /*margin: 20px 0 0 0;*/
}
}
@media only screen and (max-width: 450px) {
.sup_lime{
    background: #6DA414;
    margin-bottom: 10px;
}
}

@media only screen and (min-width: 450px) {
.errornonepage{
    width: 610px;
    height: 200px;
    background: #FFFFFF;
    box-shadow: inset 0px 0px 13px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat';
    font-style: bold;
    font-weight: bold;
    font-size: 14pt;
    color: #000;
}
}
@media only screen and (max-width: 450px) {
.errornonepage{
    width: 300px;
    height: 400px;
    background: #FFFFFF;
    box-shadow: inset 0px 0px 13px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat';
    font-style: bold;
    font-weight: bold;
    font-size: 14pt;
    color: #000;
}
}

@media only screen and (min-width: 450px) {
.errortextfound{
    
}
}

@media only screen and (max-width: 450px) {
.errortextfound{
    display: none;
}
}

@media only screen and (min-width: 450px) {
.errortext{
    display: none;
}
}

@media only screen and (max-width: 450px) {
.errortext{
    width: 260px;
    /*height: 360px;*/
    text-align: center;
}
}

.message_date{
    width: 300px;
    /*height: 145px;*/
    background: #FDFF95;
    border: 1px solid #FF9A02;
    border-radius: 5px;
    padding: 10px 10px 10px 13px;
    font-size: 12pt;
    color: #454545;
}


.tabel_box {
    width: 100%-10px;
    height: 100%;
    background: #0A3B3E;
    border-radius: 5px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    margin: 5px;
}

.tabel_box_name{
    margin: 10px;
    font-size: 12pt;
    color: #fff;
}
.tabel_box_name_text{
    
}
.tabel_box_formuch{
    width: 120px;
    height: 30px;
    background: #D9D9D9;
    border-radius: 5px;
    margin: 0 10px 10px 13px;
    display: flex;
    
    align-items: center;
    padding: 5px 0 0 0;
}
.tabel_box_formuch_text{
    color: #454545;
    font-size: 14pt;
    font-style: bold;
}
.tabel_box_formuch_days{
    
}
.tabel_box_days{
    display: flex;
    flex-wrap: wrap;
    margin: 0 10px 10px 10px; 
}


.tabel_box_day_none{
    width: 40px;
    height: 40px;
    background: #D9D9D9;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16pt;
    color: #454545;
    margin: 3px;
}

.tabel_box_day_check{
    width: 40px;
    height: 40px;
    background: #009292;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16pt;
    color: #fff;
    margin: 3px;
}


.reggreen{
    width: 280px;
    height: 280px;
    border: 1px solid #2C4D33;
    filter: drop-shadow(3px 6px 15px rgba(0, 0, 0, 0.25));
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
}

.reggreen:hover{
    background: #E7FAE7;
}


.regperple{
    width: 280px;
    height: 280px;
    border: 1px solid #460975;
    filter: drop-shadow(3px 6px 15px rgba(0, 0, 0, 0.25));
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
}

.regperple:hover{
    background: #F0E6F8;
}

.twoboxreg {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.reggreentext{
    font-size: 16pt;
    color: #2E522D;
    text-align: center;

}

.regperpletext{
    font-size: 16pt;
    color: #604277;
    text-align: center;
}


.lk-profile{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}


.ava_loading{
    width: 300px;
    margin: 5px;
}

.profile_name{
    margin: 5px;
    width: 300px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #454545;
}

.full_name_profile{
    font-size: 14pt;
    padding: 5px;
    width: 288px;
    border: 1px solid #757575;
    border-radius: 10px;
    background: #EBEBEB;
    
    
}

.css_text_profile{
    font-size: 12pt;
    padding: 5px;
    width: 288px;
    min-height: 39px;
    border: 1px solid #757575;
    border-radius: 10px;
}

.btn_next_profile {
    width: 300px;
    height: 40px;
    color: #fff;
    background: #128E70;
    border: 0px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plus_app{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 8px;
}
.plus_app_box{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.plus_app_smblock{
    width: 145px;
    height: 145px;
    border-radius: 10px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.plus_app_block {
   width: 280px;
    height: 145px;
    border-radius: 10px;
    margin: 5px;
    padding: 0 10px 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.prokladka{
    min-width: 320px;
    height: 10px;
}


@media only screen and (min-width: 450px) { .admin_app_btn{
    width: 600px;
    height: 145px;
    border-radius: 10px;
    margin: 0 10px 0 10px; 
    border: 1px solid #454545;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #454545;
    
    
    
}
 .admin_app_btn:hover{
     
     background: #454545;
     color: #fff;
 }
    
}

@media only screen and (max-width: 449px) { .admin_app_btn{
    width: 300px;
    height: 145px;
    border-radius: 10px;
    margin: 0 10px 0 10px; 
    border: 1px solid #454545;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #454545;
    
}
     .admin_app_btn:hover{
     
     background: #454545;
     color: #fff;
 }
}

.admin_app{
    /*width: 620px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.ckeckboxes {
    display: flex;
    justify-content: space-around;
    /*align-items: start;*/
    margin: 10px;
    width: 200px;
    
}

.box90{
    width: 71px;
    height: 71px;
    background: #128E70;
    border-radius: 7px;
}

.box360{
   width: 150px;
    height: 71px;
    background: #CF7B56;
    border-radius: 7px; 
}

.radioboxes {
    /*margin-right: 20px;*/
    width: 20px;
    
}

.radiocolor {
    display: flex;
    /*width: 300px;*/
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 10px;
}

.columncolor {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    margin: 5px 10px;
    
}

.boxcolorcheck {
    width: 23px;
    height: 71px;
    
    border-radius: 7px;
    margin-bottom: 5px;
}

.colorinput {
    width: 300px;
    height: 40px;
    border-radius: 7px;
    border: 1px solid #CCCCCC;
    margin: 10px;
}


.iconapp1 {
  max-width: 100px; 
  
}


.iconapp2 {
  max-width: 100px;  
}


.texticonapp{
    color: #FFF;
    font-size: 18pt;
    
}


.stroke_block_app{
    display: flex;
    flex-wrap: wrap;
    max-width: 620px;
}

.parametrapp{
    display: flex;
    flex-direction: column;
    
    justify-content: start;
    align-items: start;
    /*width: 320px;*/
    
}

.inp_numpos_app{
    max-width: 150px;
    height: 30px;
    border-radius: 7px;
    border: 1px solid #CCCCCC;
    margin: 2px;
}

.headpost {
display: flex;
justify-content: center;
align-items: center;
}

.h_post__center {
        /*position: absolute;*/
    width: calc(80%);
    /*height: 100%;*/
    text-align: center;
    margin: 0 15px;
    border: 1px solid #CCC;
    padding: 10px;
    color: #454545;
}

.errornum {
            /*position: absolute;*/
    width: calc(80%);
    /*height: 100%;*/
    text-align: center;
    margin: 0 15px;
    border: 1px solid #FF6163;
    padding: 10px;
    color: #B40F11;
    background: #FFCFD0;
}

/*//////// БЛОК К Т У в просмотре табеля дней (ежедневка)...... ////////////*/

.ktu_block_today{
    margin: 0 10px 10px 15px;
    padding: 8px;
    width: calc(100% - 46px);
    background-color: #CCC;
    border-radius: 5px;
}


/*////////////////////////////////////////////////////////////////////////////*/

.noner{
    display: none;
}

.opening{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 5px 5px;
    max-width: 340;
}

.rename{
    border: 1px solid #CCC;
    border-radius: 3px;
    width: 150px;
    height: 40px;
    vertical-align:middle;
    text-align: center;
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    color: #454545;
    
}


.form_tabel_center {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    border: 1px solid #F1F1F1;
    border-radius: 3px;
}

.noin {
    max-width: 320px;
    padding: 5px;
    margin: 5px;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    background: rgb(255, 128, 128);
    text-align: center;
    color: #454545;
}
.bgfff{
    background: #FFF;
    border: 2px solid #CCC;
}


.intorevers{
    
    width: 150px;
    height: 40px;
    vertical-align:middle;
    text-align: center;
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    color: #454545;
    
}

.topping_border{
    border-bottom: 1px solid #CCC;
}


.lkblock_none{
    display: none;
}

@media only screen and (min-width: 450px) { .viber_btn {
    width: 300px;
    height: 180px;
    /*background: #F3FFFF;*/
    background: #A600C2;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    border: none;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}}

@media only screen and (max-width: 450px) { .viber_btn {
    width: 150px;
    height: 150px;
    background-image: url('img/viberlogo.png');
    background-size: cover;
    box-shadow: 3px 6px 15px rgba(0, 0, 0, 0.25);
    border: none;
    border-radius: 15px;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    /*font-size: 24px;*/
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #343434;
    margin-bottom: 10px;
}}


.subscribe_viber{
    width: 100%;
    margin: 10px 0 0 20px;
    display: flex;
    justify-content: center;
    text-decoration: none;
    color: #454545;
    margin: 0 0 0 0;
    
}

.viber_small_btn {
    width: 80px;
    height: 80px;
    background-image: url('img/viberlogo.png');
    background-size: cover;
    border-radius: 4px;
    margin: 0;
    z-index: 2;
}

.viber_small_text {
    width: 244px;
    height: 79px;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0 0 0 -4px;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    z-index: 1;
    border-radius: 0 4px 4px 0;
}

.inbuttoncheck{
    width: 300px;
    height: 50px;
    border-radius: 3px;
    margin: 5px 0;
}

.authwin { 
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}


@media only screen and (min-width: 731px) {
    
    .newheader {
        max-width: 100vw;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        height: 80px;
        align-items: center;
    }    
    
    .newheader_left {
        display: flex;
        justify-content: center;
        align-items: center;
        background: url('img/logonewyear.svg');
        background-repeat: no-repeat;
        background-size: cover;
        width: 300px;
        height: 45px;
    }
    .newheader_right {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        height: 80px;
    }
    .newheader_right_signin {
        width: 200px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        border: 1px solid #FFF;
        border-radius: 3px;
        cursor: pointer;
        transition: 0.3s;
    }
    .newheader_right_signup {
        margin-left: 10px;
        width: 200px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        border: 1px solid #FFF;
        border-radius: 3px;
        cursor: pointer;
        transition: 0.3s;
    }
    
    .newheader_right_signin:hover {
        background: #f1f1f1;
        color: #454545;
        transition: 0.3s;
    }
    
    .newheader_right_signup:hover {
        background: #f1f1f1;
        color: #454545;
        transition: 0.3s;
    }
    
    .newheader_right_signup_mobi{
        display: none;
    }
    
    .newheader_right_fio{
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        max-width: 320px;
    }
    
    .newheader_right_exit{
        margin-left: 10px;
        width: 150px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        border: 1px solid #FFF;
        border-radius: 3px;
        cursor: pointer;
        transition: 0.3s;
    }
    
    .newheader_right_exit:hover {
        background: #f1f1f1;
        color: #454545;
        transition: 0.3s;
    }

}

@media only screen and (min-width: 451px) and (max-width: 730px) {
    
    .newheader {
        max-width: 100vw;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        height: 110px;
        align-items: center;
    }    
    
    .newheader_left {
        display: flex;
        justify-content: center;
        align-items: center;
        background: url('img/logonewyear.svg');
        background-repeat: no-repeat;
        background-size: cover;
        width: 300px;
        height: 45px;
    }
    .newheader_right {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        height: 80px;
    }
    .newheader_right_signin {
        width: 200px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        border: 1px solid #FFF;
        border-radius: 3px;
        cursor: pointer;
        transition: 0.3s;
    }
    .newheader_right_signup {
        margin-left: 10px;
        width: 200px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        border: 1px solid #FFF;
        border-radius: 3px;
        cursor: pointer;
        transition: 0.3s;
    }
    
    .newheader_right_signin:hover {
        background: #f1f1f1;
        color: #454545;
        transition: 0.3s;
    }
    
    .newheader_right_signup:hover {
        background: #f1f1f1;
        color: #454545;
        transition: 0.3s;
    }
    
    .newheader_right_signup_mobi{
        display: none;
    }
    
    .newheader_right_fio{
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        max-width: 320px;
    }
    
    .newheader_right_exit{
        margin-left: 10px;
        width: 150px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        border: 1px solid #FFF;
        border-radius: 3px;
        cursor: pointer;
        transition: 0.3s;
    }
    
    .newheader_right_exit:hover {
        background: #f1f1f1;
        color: #454545;
        transition: 0.3s;
    }

}


@media only screen and (max-width: 450px) {
    
    .newheader {
        max-width: 100vw;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        height: 200px;
        align-items: center;
    }    
    
    .newheader_left {
        display: flex;
        justify-content: center;
        align-items: center;
        background: url('img/logonewyear.svg');
        background-repeat: no-repeat;
        background-size: cover;
        width: 300px;
        height: 45px;
    }
    .newheader_right {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        height: 100px;
    }
    .newheader_right_signin {
        width: 300px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        border: 1px solid #FFF;
        border-radius: 3px;
        cursor: pointer;
        transition: 0.3s;
    }
    .newheader_right_signup {
        width: 300px;
        height: 40px;
        display: none;
        justify-content: center;
        align-items: center;
        color: #FFF;
        border: 1px solid #FFF;
        border-radius: 3px;
        cursor: pointer;
        transition: 0.3s;
    }
    
    .newheader_right_signin:hover {
        background: #f1f1f1;
        color: #454545;
        transition: 0.3s;
    }
    
    .newheader_right_signup:hover {
        background: #f1f1f1;
        color: #454545;
        transition: 0.3s;
    }
    
    .newheader_right_signup_mobi{
        width: 300px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        border: 1px solid #FFF;
        border-radius: 3px;
        cursor: pointer;
        transition: 0.3s;
    }
    
    .newheader_right_signup_mobi:hover {
        background: #f1f1f1;
        color: #454545;
        transition: 0.3s;
    }
    
    .newheader_right_fio{
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        max-width: 320px;
    }
    
    .newheader_right_exit{
        width: 300px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        border: 1px solid #FFF;
        border-radius: 3px;
        cursor: pointer;
        transition: 0.3s;
    }
    
    .newheader_right_exit:hover {
        background: #f1f1f1;
        color: #454545;
        transition: 0.3s;
    }

}



.modal_win_block {
    position: fixed;
    top: 0;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 15005;
    background: rgba(0,0,0,0.8);
    width: 100vw;
    height: 100vh;
}
.modal_question_block {
    width: 300px;
    height: 300px;
    background: #F1F1F1;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.modal_text_block {
    color: #454545;
    margin-bottom: 100px;
    width: 220px;
}
.modal__block_exit {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    background: green;
    border-radius: 3px;
    cursor: pointer;
    width: 270px;
    height: 40px;
    margin-bottom: 10px;
}
.modal__block_back {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    background: rgba(0,0,0,0.7);
    border-radius: 3px;
    cursor: pointer;
    width: 270px;
    height: 40px;
}

.modal__block_exit:hover{
    opacity: 0.8;
}
.modal__block_back:hover{
    opacity: 0.8;
}


.content_tabel{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 320px;
    margin-top: 10px;
}


.tabel_tabel_box{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    background: rgba(255,255,255,0.8);
    border-radius: 3px;
}
.tabel_tabel_box_fio{
    width: 284px;
    margin: 10px 10px 0 10px;
    padding: 8px;
    display: flex;
    justify-content: center;
    
}
.tabel_tabel_box_block{
    width: 284px;
    margin: 10px;
    padding: 8px;
    display: flex;
    /*justify-content: center; */
    flex-wrap: wrap;
    background: rgba(255,255,255,0.8);
    border: 1px solid #454545;
    border-radius: 3px;
}
.tabel_tabel_box_block_day{
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background: rgba(0,0,0,0.7);
    color: #FFF;
    border: 1px solid #FFF;
    margin: 0 0 2px 2px ;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.tabel_tabel_box_dop{
    margin: 10px;
}
.tabel_tabel_box_dop_text{
    
}



.text_form_zapros {
    font-family: Montserrat; 
    font-size: 16px; 
    font-style: normal; 
    font-weight: 700; 
    line-height: normal;
    margin: 5px;
}


.home-btn {
    background: #FFF;
    color: #454545;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.replace_to_srsuportal{
    width: calc(90%);
    padding: 10px;
    border: 1px solid #454545;
    margin-top: 20px;
}
.goplace_tabel{
    padding: 20px 10px;
    /*border: 1px solid #454545;*/
    width: content-box;
    background-color: #CCC;
}