/* TABLES */
/*
table.form-box { border-collapse:collapse; border: none; }
table.form-box tr td:first-child { text-align:right; vertical-align:middle; padding-top:3px; }
table.form-box tr th:first-child { text-align:right; vertical-align:middle; padding-top:3px; }
table.form-box tr td { border: none; padding-top:3px; }
table.form-box tr:last-child td { padding-top:10px; }

table.checkbox-table { border-collapse:collapse; }
table.checkbox-table tr td { padding-right:20px; height:22px; }
table.checkbox-table tr * { border-bottom:1px #bbbbbb solid; }
table.checkbox-table thead tr * { border: none; }
table.checkbox-table thead tr:first-child * {
    height:24px;
    padding:5px 20px 5px 0px;
    text-align:left;
    background-color:#eee;
}
table.checkbox-table tr td:first-child { padding-right:5px; }
table.checkbox-table tr.discarded * { text-decoration: line-through; }

table.plain-table { border-collapse:collapse; }
table.plain-table tr td { padding-right:20px; padding:2px; height:22px; }
table.plain-table tr * { border-bottom:1px #bbbbbb solid; }
table.plain-table thead tr * { border: none; }
table.plain-table thead tr:first-child * {
    height:24px;
    padding:5px 20px 5px 0px;
    text-align:left;
    background-color:#eee;
}
table.plain-table tr.sum td {
    font-weight:bold;
    padding-top:4px;
    padding-left:2px;
    padding-right:2px;
    border-bottom:0px;
}

table tbody tr.selected td { background-color: #ccc; }
}
*/



.a_link {
  color: blue; /* цвет текста ссылки */
    text-decoration: none; /* убираем подчеркивание */
    }
    
.a_link:hover {
    color: yellow; /* цвет текста при наведении курсора мыши */
    text-decoration: underline; /* добавляем подчеркивание */
    background-color: blue;
    font-weight: bold;
    }
        



/* FOOTER */

.footer_ua {
    padding: 1px;
    padding-left: 10px;
    padding-right: 10px;
/*    position: fixed;
    right: 0px;
    bottom: 2px;*/
    width: 50px;
    background-color: black;
    color: yellow;
    border : 1pt solid black;
    text-align: center;
    font-weight: bold;
}


.footer_ua:hover {
    color: blue;
    font-weight: bold;
    background-color: yellow;
    border: 1pt solid yellow;
}


.footer_bottom {
clear: both;
color : white;
background-color: black;
text-align: center;
border: 1px double black; /* Параметры границы */
align-content: center;     /* Расположить элементы вокруг центра */
width: 100%;
position: fixed;
bottom: 0;
right: 0;
white-space: nowrap;
}

.div_inbl {
display: inline-block;
width: 55px;
}

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

/* ФОТОГРАФІЯ  */


/*
.image-container {
  position: relative;
  }
  
.second-image {
  position: relative;
    position: absolute;
      top: 0;
        left: 0;
          opacity: 0;
            transition: opacity 0.3s ease-in-out;
            }
            
.image-container:hover .first-image {
              opacity: 0;
              }
              
.image-container:hover .second-image {
                opacity: 1;
                }
*/





/*
.image-container {
  position: relative;
  }
  
  .second-image {
    position: absolute;
      top: 0;
        left: 0;
          opacity: 0;
            transition: opacity 0.3s ease-in-out;
            }
            
            .image-container:hover .first-image {
              opacity: 0;
              }
              
              .image-container:hover .second-image {
                opacity: 1;
                  z-index: 1;
                    position: absolute;
                      top: 0;
                        left: 0;
                        }
                        */







.image-container {
  position: relative;
    display: flex;
      justify-content: center;
        align-items: center;
          height: 100vh;
          }
          
          .first-image {
            position: relative;
              z-index: 1;
              }
              
              .second-image {
                position: absolute;
                  top: 10;
                    left: 50%;
                      transform: translateX(-50%);
                        opacity: 0;
                          transition: opacity 0.3s ease-in-out;
                            z-index: 2;
                            }
                            
                            .image-container:hover .first-image {
                              opacity: 0;
                              }
                              
                              .image-container:hover .second-image {
                                opacity: 1;
                                }
                                

/* МОБІЛЬНІ ПРИСТРОЇ */