a:link {
color: black;
background-color: transparent;
text-decoration: none;
}

a:visited {
color: black;
background-color: transparent;
text-decoration: none;
}

a:hover {
color: #fef200;
background-color: transparent;
text-decoration: underline;
}
H4 a:hover {
color: #3549de;
background-color: transparent;
text-decoration: underline;
}
html, body {
height: 100%; /* Висота зовнішнього елемента */
margin: 0.25%; /* відступи */
}

.horyzont {
display: grid;
grid-template-columns: 1fr 2.3fr;
grid-gap: 0.5%;
}
.logo {
display: grid;
grid-template-columns: 1fr;
margin-bottom: 0.5%;
}
#menup {
padding-top: 0pt;
padding-bottom: 10pt;
font-size: 14pt;
font-color: black;
font-face: Verdana;
text-size-adjust: auto;
}
ul {
list-style-type: none; /* Відключаємо маркери для всього списку */
  margin-left: 0; /* Знімаємо відстань зліва для всього списку */
  padding-left: 0; /* Знімаємо відстань зліва для всього списку */
}
li.select-menu {
color: #ffffff;
}
div.select-menu {
border-color: #ffffff;
border-width: 1px;
border-style: solid;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 1px;
margin-right: 1px;
border-radius: 7pt;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 5px;
padding-right: 5px;
overflow: hidden;
max-width: 94%;
}
li {
margin-left: 0px;
}
p {
text-indent: 30pt;
word-wrap: break-word;
padding: 0px 2px 10px 2px;
text-align: justify;
}

H2 {
font-weight: bold;
font-size: 130%;
margin: 0;
line-height: 50px;
}
H5 {
font-weight: bold;
font-size: 110%;
margin: 0;
color: #3549de;
word-wrap: break-word;
line-height: 35px;
}
H4 {
font-weight: bold;
font-size: 100%;
margin: 0;
line-height: 35px;
}
H4.tleft {
display: flex;
text-align: left;
justify-content: left;
}

H4.tright {
display: flex;
text-align: right;
justify-content: right;
}
H6 {
font-weight: bold;
font-size: 130%;
margin-top: 5pt;
margin-bottom: 0pt;
}
#video {
width: 90%;
}

.centr {
display: flex;
justify-content: center;
text-align: center;
}

#menu {
width: 99%;
position: relative;
float: left;
overflow: auto;
margin: 0 auto;
background-color: #3eb2ff;
border-radius: 25px;
}
.ramkamenu {
border-width: 1px;
border-style: solid;
border-color: #3549de;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 1px;
margin-right: 1px;
border-radius: 7pt;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 5px;
padding-right: 5px;
overflow: hidden;
max-width: 94%;
transition: border-color 0.1s ease; /* Анімація зміни колір рамки триває 0.1 секунди */
}
div.ramkamenu:hover {
border-color: #fef200;
}
#osnovna {
position: relative;
float: right;
overflow: auto;
width: 100%;
margin: 0 auto;
background-color: #a5d424;
font-color: black;
font-family: Verdana;
font-size: 14pt;
border-radius: 25px;
}

#footer {
height: 70px;
clear:both;
width: inherit;
position: absolute;
border-radius: 25px;
background-color: #fbec5d;
margin-top: 0.5%;
font-color: black;
font-family: Verdana;
font-size: 10pt;
text-align: left;
text-indent: 20pt;
padding-top: 30pt;
}

.parentf {
width: 99%;
display: grid;
}

#advokat {
width: 220px;
padding-left: 0.3%;
padding-right: 0.3%;
max-width: 99.4%;
}

div.nav {
display: block;
position: fixed;
right: 1%;
bottom: 1%;
height: 69px;
width: 69px;
display: block;
border: 1px solid #333;
border-radius: 2em;
}

#navimg {
height: 64px;
width: 64px;
}

div img {
padding-left: 2px;
padding-right: 6px;
padding-bottom: 2px;
max-width: 90%;
max-height: 100%;
}

.colorred {
color: red;
}

.ramkablue {
border-width: 1px;
border-style: solid;
border-color: #3549de;
margin-top: 1%;
margin-bottom: 1%;
margin-left: 2px;
margin-right: 2px;
border-radius: 25px;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
}
.ramkablack {
border-width: 1px;
border-style: solid;
border-color: black;
margin-top: 1%;
margin-bottom: 1%;
margin-left: 2px;
margin-right: 2px;
border-radius: 25px;
padding-top: 1%;
padding-bottom: 1%;
}

.sortyimg {
float: left; /* Вирівнювання по лівому краю */
}

.bezverhn {
margin-top: 0px;
margin-bottom: 0px;
}
.stor {
margin: 11px;
text-size-adjust: auto;
}
.stor a:hover {
color: #47b1e6;
background-color: transparent;
text-decoration: underline;
}
.flag1 {
padding-top: 5px;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 25px;
height: 18px;
}
.flag2 {
padding-top: 5px;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 25px;
height: 18px;
}
.flag3 {
padding-top: 5px;
padding-left: 1px;
padding-right: 1px;
padding-bottom: 25px;
height: 18px;
}

.iframe-container {
  display: flex;
  justify-content: center;
  }

.iframe-container iframe {
  width: 560px;
  height: 315px;
  border: 0;
  max-width: 99%;
  display: flex;
}
.iframe-fb {
  display: flex;
  justify-content: center;
  }
.iframe-fb iframe {
  width: 500px;
  border: 0;
  max-width: 95%;
  display: flex;
  }
span.stor-select {
color: #ffffff;
margin: 11px;
text-size-adjust: auto;
}
table {
  width: 80%;
  margin: 0 auto;
  border-collapse: collapse; /* Забирає внутрішні відступи між границями клітинок */
  margin-bottom: 5px;
}
td, th {
  border: 1px solid #0000ff; /* Суцільні сині лінії для клітинок */
  padding: 8px; /* Зовнішні відступи в межах клітинки */
  text-align: center; /* Горизонтальне вирівнювання тексту по центру */
  vertical-align: middle; /* Вертикальне вирівнювання тексту по центру */
}
@media only screen and (max-width: 850px) {
  table {
    width: 100%; /* Таблиця розтягується на весь екран */
  }

  td, th {
  box-sizing: border-box; /* Врахування границь в розмірі елемента */
  }
  .iframe-container iframe {
  width: 500px;
  height: 282px;
  display: block; 
  }
  .iframe-fb iframe {
  width: 100%;
  display: block; 
  overflow: hidden;
 }
  .sortyimg {
	float: none;
	display: flex;
    margin: 0 auto;	
  }
}