.odfmec {
color: #000;
text-align-last: right !important;
position: relative; top: -10px;
}

.pgyod2 {
position: relative;
margin: 30px 0;
}

.p4k5m3 {
display: inline-block;
width: 50px; height: 50px;
background: url('images/find.png') no-repeat;
position: absolute;
top: 5px; right: 5px;
}

.g1osyn {
display: inline-block;
margin: 0;
width: 20px;
height: 20px;
background: var(--col2);
clip-path: polygon(50% 5%, 62% 35%, 95% 35%, 68% 55%, 78% 85%, 50% 65%, 22% 85%, 32% 55%, 5% 35%, 38% 35%);
}

.dlaz7f {
width: 100%;
max-width: 740px;
min-width: 350px;
padding: 0 20px 0 0;
}

.t1wkyo {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
}

.wqmold {
display: inline-block;
margin: 0;
width: 40px;
height: 40px;
background: #999;
clip-path: polygon(50% 5%, 62% 35%, 95% 35%, 68% 55%, 78% 85%, 50% 65%, 22% 85%, 32% 55%, 5% 35%, 38% 35%);
}

.urt0uh {color: #fff;}

.wzrdsi {
width: 100%;
height: 200px;
background: var(--col1);
color: #fff;
font-size: 18px;
margin: 20px 0 0 0;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-items: center;
border-radius: var(--br) var(--br) 0 0;
}

.k1bjf2 {text-align: left;}

.z8mkal {font-size: 26px;}

.ito73p {
width: 100%;
height: 100px;
background: var(--col2);
font-size: 28px;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-items: center;
padding: 0 5%;
}

.vf1p5s {color: var(--col2);}

.ss4ocx {
width: 100%;
display: inline-block;
max-width: 990px;
padding: 10px;
}

.y70jou {
height: 140px;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
align-items: flex-start;
font-size: 21px;
text-transform: uppercase;
}

.cfx90o {font-size: 40px;}

.fl7n4u, .hn7t1i {
font-size: 19px;
text-align: justify;
text-align-last: center;
}

.cynjh3 {font-size: 25px;}

.gglfxb {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}

.nhg1jo {font-size: 24px;}

.r860d4 {color: #333;}

.aob9df {color: var(--col1);}

.smap5q {font-size: 21px;}

.q26w9b {text-transform: uppercase;}

.qly9q8 {font-size: 36px;}

.smqu0l {
width: 100%;
max-width: 360px;
}

.heygh4 {
height: 140px;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
align-items: flex-start;
font-size: 18px;
text-transform: uppercase;
}

.dv7s26 {text-align: right;}

.lp4lqi {font-size: 18px;}

.eeouas {
width: 100%;
height: 80px;
background: var(--col2);
display: none;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
padding: 0 10px 0 90px;
position: fixed; top: 0; right: 0;
z-index: 2;
}

.h74zp5 a:hover, .wiomvs {
background: var(--col2) !important;
color: #fff !important;
border: 1px solid var(--col2) !important;
}

.j3e2oa {
display: flex;
flex-flow: column nowrap;
justify-content: space-around;
align-items: center;
}

.jt3pm9 {
display: inline-block;
position: relative;
width: 100%;
max-width: 606px;
aspect-ratio: 606 / 138;
background-image: url('images/logo.webp');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.gglfxb a:hover, .azvwmd {
background: var(--col2) !important;
color: #fff !important;
border: 1px solid var(--col2) !important;
}

.gu67lz {
padding: 0 0 0 30px;
text-align: left;
position: relative;
top: -25px;
}

.zknwr8 {
position: relative;
width: 100%; height: 100px;
border-bottom: 1px solid var(--col2);
text-align: left;
margin: 0 0 10px 0;
line-height: 130%;
}

.mx9o1h {font-size: 16px;}

.knmasx {
height: 20px; padding: 5px 0 0 0;
}

.oi1cn9 {
width: 100%;
text-align: justify;
text-align-last: left;
font-size: 15px;
}

.iv2q5z {
width: 100%;
height: 40px;
background: var(--col2);
font-size: 15px;
text-transform: uppercase;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
}

.z9s4kl {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: top;
margin: 10px 0;
}

.ceo5d2 {font-size: 48px;}

.ox4596 {color: #000;}

.nutny2 {font-size: 14px;}

.xl6ec4 {
width: 100%;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: flex-start;
}

.qxd5bg {
background: var(--col2);
border-radius: var(--br);
color: #fff;
font-family: Font;
font-size: 20px;
padding: 8px 16px;
margin: 4px 5px;
border: 2px solid .id_fff;
}

.lei4xq {font-size: 22px;}

.mw8kfv {
width: 100%;
height: 50px;
background: var(--col1);
font-size: 18px;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
align-items: center;
padding: 0 5%;
margin: 0 0 10px 0;
border-radius: 0 0 var(--br) var(--br);
}

.sgo0b3 {
width: 60px;
height: 60px;
display: none;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
position: fixed;
top: 10px;
left: 10px;
z-index: 3;
}

.p0q8dm {
position: fixed;
bottom: 20px;
right: 20px;
width: 40px;
height: 40px;
background-color: var(--col3);
border: none;
border-radius: var(--br);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}

.b4uabn {font-size: 12px;}

.igv5js {
background-color: var(--col2);
color: #fff;
padding: 5px 40px;
border-color: var(--col2);
font-size: 20px;
}

.dugbfy {clear: both; float: none;}

.ayre2j {
position: absolute;
top: 4px;
right: 10px;
width: 25px;
height: 25px;
border: 8px solid var(--col3);
border-radius: 50%;
background-color: transparent;
}

.vegv8m {font-size: 30px;}

.k86z4w {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100vh;
z-index: 2;
padding: 100px 10px 0 40px;
text-align: left;
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: center;
background-color: var(--col2);
}

.mx32r5 {
width: 100%;
}

.wqmold:hover, .znyjhv {
background: var(--col3) !important;
}

.s6kciq {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}

.gtia5j {
display: block;
position: relative;
width: 100%;
text-align: justify;
text-align-last: left;
font-size: 18px;
color: #333;
margin: 0 0 40px 0;
}

.ik8esm {
width: 100%;
display: inline-block;
max-width: 1100px;
padding: 10px;
}

.qfmqcs {font-size: 20px;}

.xz9iv5 {
display: inline-block;
position: relative;
width: 100%;
width: 278px;
height: 64px;
background-image: url('images/logo_small.webp');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

.zowvmn {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-height: 170px;
}

.fl7n4u p, .hn7t1i p {
margin: 15px 0;
}

.ole6v8 {color: var(--col3);}

.iy04i8 {border: none;}

.loy2hc {
display: none;
width: 40px; height: 40px;
border-radius: 20px;
border: 6px dotted var(--col3);
animation:spin 4s linear infinite;
}

.h74zp5 {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}

ins.adsbygoogle[data-ad-status='unfilled'] {
display: none !important;
}

:root {
--col1: rgb(61, 62, 39);
--col2: rgb(148, 151, 120);
--col3: rgb(97, 92, 139);
--br: 18px;
}

@font-face {
font-family: Font;
src: local('Gill Sans'), local('Gill Sans MT'), local('Calibri'), sans-serif;
}

html, body {
height: 100%;
}

body {
background-color: #fff;
font-family: Font;
margin: 0;
padding: 0;
text-align: center;
box-sizing: border-box;
}

div {
box-sizing: border-box;
}

body::-webkit-scrollbar {
background: var(--col1);
}

body::-webkit-scrollbar-thumb {
background: var(--col2);
}

p {
margin: 0;
}

img {
border: 0;
}

a {
color: var(--col2);
text-decoration: none;
}

a:hover {
color: var(--col2);
text-decoration: none;
filter: contrast(130%);
}

h1, h2, h3, h4, h5, h6 {
font-family: Font;
color: var(--col1);
font-weight: normal;
margin: 10px 0;
}

h1 {font-size: 36px;}

h2 {font-size: 30px;}

h3 {font-size: 26px;}

h4 {font-size: 22px;}

h5 {font-size: 20px;}

h6 {font-size: 18px;}

input, textarea {
background: #fff;
border-radius: var(--br);
color: var(--col1);
font-family: Font;
font-size: 30px;
padding: 10px;
border: 1px solid var(--col1);
box-sizing: border-box;
}

input {height: 57px;}

.pgyod2 input {
width: 100%;
box-sizing: border-box;
}

.ito73p a, .mw8kfv a {
text-transform: uppercase;
color: #fff;
margin: 0 5px;
}

.ito73p a:hover, .mw8kfv a:hover {
color: var(--col3);
}

.xz9iv5:hover {filter: contrast(100%);}

.h74zp5 a {
background: #fff;
border-radius: var(--br);
color: var(--col1);
font-family: Font;
font-size: 21px;
padding: 6px 14px;
margin: 4px 5px;
border: 1px solid var(--col1);
}

.wzrdsi a {color: #fff;}

.wzrdsi a:hover {color: var(--col3);}

.iv2q5z a {
margin: 0 2%;
color: #fff;
}

.iv2q5z a:hover {color: var(--col3);}

.z9s4kl a {
color: #000;
width: 330px;
max-height: 410px;
overflow: hidden;
display: block;
text-align: left;
text-align: justify;
margin: 0 15px 20px 15px;
}

.z9s4kl img {
width: 330px; height: 185px;
border-radius: var(--br);
}

.z9s4kl p:nth-child(3) {
margin: 5px 0;
}

.gglfxb a {
background: #fff;
border-radius: var(--br);
color: var(--col1);
font-family: Font;
font-size: 21px;
padding: 6px 15px;
margin: 4px 5px;
border: 1px solid var(--col1);
}

.ayre2j::after {
content: '';
position: absolute;
width: 23px;
height: 10px;
background-color: var(--col3);
bottom: -10px;
right: -15px;
transform: rotate(45deg);
border-radius: 4px;
}

.gtia5j p {margin: 10px 0;}

.gtia5j .stars-small {
position: absolute; top: 0; right: 0;
}

.oi1cn9 a {font-size: 17px;}

.oi1cn9 p {margin: 5px 0;}

.zowvmn img {
width: 160px; height: auto;
border-radius: var(--br);
margin: 0 10px 0 0;
}

.zowvmn > div:nth-child(2) {
width: 100%;
}

.gu67lz img {
float: left;
width: 55px; height: 55px;
border: 2px solid var(--col2);
border-radius: 30px;
margin: 0 10px 0 0;
}

.zknwr8 img {
width: 160px; height: auto;
float: right;
border-radius: var(--br);
margin: 0 0 0 10px;
}

.zknwr8 a {
font-size: 21px;
color: #000;
}

.zknwr8 a:hover {
color: var(--col2);
}

.zknwr8 a:nth-child(3) {
display: block;
height: 21px;
overflow: hidden;
}

.zknwr8 p:nth-child(4) {
display: block;
height: 42px;
overflow: hidden;
text-align: justify;
}

.mx32r5 textarea {
width: 100%; height: 130px;
color: #666;
font-size: 16px;
margin: 0 0 10px 0;
border-width: 1px;
}

.mx32r5 input:nth-child(1) {
width: 100%;
color: #666;
font-size: 16px;
margin: 0 10px 0 0;
border-width: 1px;
}

.fl7n4u img {
border-radius: var(--br);
max-width: 100%;
height: auto;
display: inline-block;
aspect-ratio: 16/9;
margin: 10px 0 0 0;
}

.hn7t1i {font-size: 21px;}

.hn7t1i img {
width: 300px; height: 300px;
float: right;
margin: 0 0 3px 15px;
border-radius: var(--br);
}

.sgo0b3 span {
display: block;
width: 100%;
height: 12px;
background-color: var(--col1);
transition: all 0.3s ease;
border-radius: 5px;
}

/* Анімація для перетворення на хрестик при відкритті */

.sgo0b3.open span:nth-child(1) {
transform: translateY(24px) rotate(45deg); /* Адаптовано для вищих ліній */
}

.sgo0b3.open span:nth-child(2) {
opacity: 0;
}

.sgo0b3.open span:nth-child(3) {
transform: translateY(-24px) rotate(-45deg); /* Адаптовано для вищих ліній */
}

.k86z4w > div {
flex-flow: column nowrap !important;
justify-content: flex-start !important;
align-items: flex-start !important;
height: 100% !important;
font-size: 22px !important;
background-color: var(--col2) !important;
text-align: left !important;
display: flex !important;
border-radius: 0 !important;
}

.k86z4w > div:nth-child(1) {
height: auto !important;
flex-shrink: 0;
}

.k86z4w > div a {
margin: 10px 0 !important;
display: block !important;
}

.p0q8dm.visible {
opacity: 1;
pointer-events: auto;
}

.p0q8dm::before {
content: '';
display: block;
width: 10px;
height: 10px;
border-right: 4px solid white;
border-top: 4px solid white;
transform: rotate(-45deg);
margin-top: 4px;
}

.p0q8dm:hover {
background-color: var(--col2);
}

.t1wkyo img {
width: 70px; height: auto;
border-radius: 75px;
border: 3px solid var(--col2);
margin: 0 10px;
}

@keyframes spin {
100% {-webkit-transform: rotate(360deg); transform:rotate(360deg);}
}

@media (max-width:1000px) {
.content {max-width: 700px;}
.z9s4kl {justify-content: center;}
.z9s4kl a {margin: 0 10px 15px 10px;}
}

@media (max-width:720px) {
.xl6ec4 {flex-flow: column nowrap;}
.dlaz7f {padding: 0;}
.smqu0l {max-width: none;}
}

@media (max-width:600px) {
.y70jou {display: none;}
.heygh4 {display: none;}
.ito73p {padding: 0 10px; font-size: 23px;}
.mw8kfv {padding: 0 10px; font-size: 15px;}
}

@media (max-width:500px) {
.mw8kfv {display: none;}
.ito73p {height: 80px;}
.ito73p a {display: none;}
.sgo0b3 {display: flex;}
.hn7t1i img {width: 100%; height: auto; margin: 0 0 15px 0;}
.eeouas {display: flex;}
}