.menu{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content:space-between;
    background: #444444;
    width: 100%;
    margin-top: -10px; 
}

.menu div{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.menu a{
    color: #FFFFFF;
    font-weight: 500;
    padding: 15px;
    text-decoration: none;
}

.menu a:hover{
    background: #777777; 
}

.menu h3{
    color:#FFFFFF;
    margin: 0px;
    margin-right: 40px;
    padding: 0px 20px;
}


.inputForm{
    width: 50%;
}

.thClient{
    background: #607d8b;
    color:#FFFFFF;
}



.ico{
    width: 40px;
    margin-right: 10px;
}

p{margin-bottom: 0px;}

.zag_a{margin-left: 16px;}

.file{

    height: 200px;
    
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    border-radius: 6px;
    text-align: center;
    margin: 5px;
}


img[tabindex="0"] {  
  cursor: zoom-in;  
}  

img[tabindex="0"]:focus {  
  position: fixed; z-index: 10;  
  top: 0; left: 0; bottom: 0; right: 0;  
  width: auto; max-width: 100%;  
  height: auto; max-height: 100%;  
  margin: auto;  
  box-shadow: 0 0 200px #000, 0 0 0 1000px rgba(0,0,0,.3);  
-webkit-box-shadow: 0 0 200px #000, 0 0 0 1000px rgba(0,0,0,.3);  
-moz-box-shadow: 0 0 200px #000, 0 0 0 1000px rgba(0,0,0,.3);  
}  

img[tabindex="0"]:focus, /* Привязка на возврат фото в привычное состояние после клика на увеличенное */  
img[tabindex="0"]:focus ~ * {  
  cursor: zoom-out;  
  pointer-events: none;  
}

.alert-montage{
    color:#f5fcff;
    background: #9ad0ea;
}








@media screen and (max-width: 500px)
{
    .between{
        flex-wrap: wrap;
    }
    
    ..w40{
        width:100%
    }
    
}