body,html{
	padding:0; margin:0; width:100%; height:100%; font-family: "Futturra"; background:#777; overflow-x: hidden;
}

@font-face {
	font-family: "Futturra"; 
	src: url("/fonts/Futturra.eot"); 
	src: url("/fonts/Futturra.eot?#iefix") format("embedded-opentype"),
	url("/fonts/Futturra.woff") format("woff"), 
	url("/fonts/Futturra.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: nerrow; 
}

@font-face {
	font-family: "FuturNerrow"; 
	src: url("/fonts/FuturNerrow.eot"); 
	src: url("/fonts/FuturNerrow.eot?#iefix") format("embedded-opentype"),
	url("/fonts/FuturNerrow.woff") format("woff"), 
	url("/fonts/FuturNerrow.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: nerrow; 
}

@font-face {
	font-family: "Roboto"; 
	src: url("/fonts/Roboto_Condensed-Light.eot"); 
	src: url("/fonts/Roboto_Condensed-Light.eot?#iefix") format("embedded-opentype"),
	url("/fonts/Roboto_Condensed-Light.woff") format("woff"), 
	url("/fonts/Roboto_Condensed-Light.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: nerrow; 
}

@font-face {
	font-family: "Ariblk"; 
	src: url("/fonts/ariblk.eot"); 
	src: url("/fonts/ariblk.eot?#iefix") format("embedded-opentype"),
	url("/fonts/ariblk.woff") format("woff"), 
	url("/fonts/ariblk.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: nerrow; 
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration: none;
}

.announsAdminSmall{
	background: #fff; 
	color: #c0392b; 
	font-size: 10px; 
	padding: 1px 5px; 
	border-radius: 3px; 
	margin-left: 5px; 
	font-weight: bold; 
	text-transform: uppercase;
}

.announsName{
	display: flex; 
	justify-content: space-between; 
	font-size: .9vw; 
	color: #aaa; 
	margin-bottom: .2vw;
}

.arrowSmall{
	padding: 4px 8px; 
	background: #012612; 
	color: #eadc00; 
	text-decoration: none; 
	border-radius: .2vw; 
	font-size: 1vw;
}

.blockAnnouns{
	background: #fcf8c6; 
	padding: .5vw; 
	border-radius: 0 4px 4px 0;
	margin-bottom: 2vw; 
	border:1px solid #229a59;
	border-left: 1.2vw solid #ff0000;
}

.blockAnnounsActualDate{
	background: rgba(26, 188, 156, 0.1); 
	border: 1px dashed #1abc9c; 
	padding: .2vw; 
	border-radius: 4px; 
	font-size: .9vw; 
	color: #1abc9c; 
	display: inline-block;
}

.block-container {
    display: flex;
    width: 100%;
    min-height: 90vh; /* або інша потрібна висота */
}

/* Лівий блок - фіксована ширина */
#blockLeft {
    width: 30%;
    padding: 2%;
}

.blockLeft {
    font-family: "Futturra";  
	text-align: center; 
	color: #fff;
}

/* Середній блок - магія тут */
#blockCentr {
    flex-grow: 1;      /* Змушує блок розтягуватися на весь вільний простір */
    padding: 2%;
}

/* Правий блок - фіксована ширина */
#blockRight {
    width: 30%;
    padding: 1% .5% 1% .5%;
}

.blockPlashka1{
	background:#002c4e; 
	padding: 15px; 
	box-sizing: border-box; 
	color: #fff; 
	font-family: "Futturra"; 
}

.blockPlashka2{
	background: #002c4e; 
	padding: 15px; 
	border-radius: 6px; 
	margin-bottom: 25px; 
}

.blockPlashkaDarck{
	margin-bottom: 20px; 
	padding: 10px; 
	border-radius: 4px;
	margin-top:-.7vw;
}

.blockRight{
	background:#002c4e; 
	padding: .6vw; 
	box-sizing: border-box; 
	color: #fff; 
	font-family: Arial, sans-serif; 
	font-size: .9vw;
}

.blockSugess{
	background: #11466f; 
	padding: .5vw; 
	border-radius: 0 4px 4px 0;
	margin-bottom: 2vw; 
	border:1px solid #229a59;
	cursor: pointer; 
	transition: background 0.2s ease, border-left 0.2s ease; 
	border-left: .3vw solid #d2c73d;
}

.boxFlex1{
	display: flex; 
	justify-content: space-between; 
	font-size: .8vw; 
	margin-bottom: .3vw;
}

.boxShop{
	background: #021f0f; 
	color: #fff; 
	font-size: .9vw; 
	padding: 2px 6px; 
	border:1px solid #25b76a;
	border-radius: 3px; 
	margin-left: .4vw; 
}

.boxThemaS{
	color: #d2c73d; 
	margin-bottom: 15px; 
	font-size: 15px; 
	border-bottom: 1px dashed #4a4754; 
	padding-bottom: 8px;
}

.button1{
	width: 100%; 
	padding: 0.9vw; 
	background: #d2c73d; 
	color: #054c25; 
	border: none; 
	border-radius: 0.3vw; 
	font-size: 1.1vw; 
	font-weight: bold; 
	cursor: pointer;
}

.button2{
	width: 50%; 
	padding: 0.4vw; 
	background: #d2c73d; 
	color: #054c25; 
	border: none; 
	border-radius: 0.3vw; 
	font-size: .8vw; 
	font-weight: bold; 
	cursor: pointer;
}

.button3{
	width: 96%; 
	padding: 0.4vw; 
	color: #333; 
	border: none; 
	border-radius: 0.3vw; 
	font-size: .8vw; 
	font-weight: bold; 
	margin-bottom: .3vw;
}


.column-center {
    flex: 1 1 auto !important;
    min-width: 37vh;	
}

.column-left, .column-right {
    flex: 0 0 23% !important; 
    min-width: 18vh;
	background:#002c4e;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%; /* З'являється чітко під головним пунктом */
    left: 0;
    min-width: 160px;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
    z-index: 999;
}

.dropdown-menu li a {
    display: block;
    padding: 12px 15px;
    color: #d2c73d;
    text-decoration: none;
    font-size: 14px;
    transition: background 0.2s;
	background:#002c4e;
}
.dropdown-menu li a:hover {
    color: #5b5766;
	background:#d2c73d;
}

.dropdown.open .dropdown-menu {
    display: block;
}

.error-message{
	background: #c0392b; 
	color: white; 
	padding: 0.7vw; 
	text-align: center; 
	font-family: Arial, sans-serif; 
	font-weight: bold; 
	font-size: 1.1vw;
}

#header1{
	position: relative;
	width:100%;
	height:20vw;
	background:#002c4e;
	overflow: hidden;  
    text-align: right;
	z-index:5;
}

#header2 {
    position: relative;
    width: 100%;
    height: 12vw;
    background: #002c4e;
    overflow: visible;  
    text-align: right;
    border-bottom: 1px solid #069848;
    z-index: 5; 
}

.home-column {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.home-column .blockPlashka1 {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.home-container {
    display: flex !important;     
    flex-direction: row !important; 
    justify-content: space-between;
    gap: .5vw; 
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    align-items: stretch;
    margin-top:.5vw; 
}

.home-grid-menu {
    display: flex;
    flex-direction: column;
    gap: .9vw;
    width: 100%;
}

.home-text-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .1vw;
    flex-wrap: wrap;
    margin-bottom: .;
}

.input1{
	width: 100%; 
	padding: 0.7vw; 
	border: 0.07vw solid #069848; 
	border-radius: 0.3vw; 
	box-sizing: border-box; 
	font-size: 1vw; 
	color: #333;
}

.input2{
	width: 85%; 
	padding: .2vw; 
	text-align: border: 1px solid #069848; 
	border-radius: 4px; 
	font-weight: bold; 
	color: #002c4e;
	text-align: center; 
	padding: .3vw;
}

.login-btn-top {
	position: absolute; 
	top: 1vw; 
	right: 5.5%; 
	z-index: 11;
	background: #d2c73d; 
	color: #002c4e;
	padding: .7vw .9vw;
	text-decoration: none; 
	font-weight: bold; 
	border-radius: .3vw; 
	font-size: 1.2vw;
}

#logo2 {
    float: left; 
    width: 6%;
    margin-left: 2%;
    margin-top: 1vw;
}

#logo{
	position:absolute;
	width:36%;
	margin-left:4%;
	margin-top:3vw;
}

#logoText{
	position:absolute;
	margin-left:6.4%;
	margin-top:15vw;
	font-family: "FuturNerrow"; 
	font-size:1.5vw;
	color:#d2c73d;
	letter-spacing: 0.3vh;
}

#menuMain1 {
    font-family: Arial, sans-serif;
    display: inline-block;
    margin-top: .5vw;
    margin-right: 57vh;
    text-align: left;
}

#menuMain1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-menu {
    display: flex;
}

.main-menu > li {
    position: relative; 
}

.main-menu > li > a {
    display: block;
    padding: .8vw 1.1vw;
    color: #d2c73d;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.2vw;
    transition: background 0.3s;

}
.main-menu > li:hover > a {
	box-shadow: inset 0 0 0 2px #d2c73d;
}

.menu-button-content {
    position: absolute;
    bottom: .8vw;
    left: 1vw;
    display: flex;
    align-items: center;
    gap: .9vw;
    color: #fff;
}

.menu-button-icon {
    font-size: 2vw;
    color: #d2c73d;
}

.menu-button-title {
    font-size: 2vw;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.menu-photo-button {
    display: block;
    position: relative;
    height: 7vw;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    text-decoration: none;
    overflow: hidden;
    border: 1px solid #555;
    transition: all 0.3s ease;
    width: 100%;
    box-sizing: border-box;
}

.menu-photo-button:hover {
    transform: translateY(-2px);
    border-color: #d2c73d;
    box-shadow: 0 5px 15px rgba(210, 199, 61, 0.2);
}

.modal-box {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 25vw; /* Замість 350px / 90% */
	padding: 1.8vw; /* Замість 25px */
	background: #002c4e;
	border-radius: 0.6vw; /* Замість 8px */
	box-shadow: 0 0.3vw 1.1vw rgba(0,0,0,0.5); /* Замість 4px та 15px */
	font-family: Arial, sans-serif; text-align: center; color: #fff;
}

.modal-close {
	position: absolute;
	top: 0.7vw; right: 1.1vw;
	color: #fff; 
	font-size: 1.5vw;
	font-weight: bold;
	cursor: pointer; text-decoration: none;
}

.modal-overlay {
	display: none;
	position: fixed;
	top: 0; left: 0; width: 100%; height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9999;
}

.nav-page-num{
	padding: 4px 8px; 
	background: #069848; 
	color: #fff; 
	text-decoration: none; 
	border-radius: 3px; 
	font-size: 12px;
}

.placeholder{
	width: 100%; 
	padding: 8px; 
	margin-bottom: 10px; 
	background: #fff; 
	color: #000; 
	border: none; 
	border-radius: 4px; 
	box-sizing: border-box; 
	font-size:.9vw;
}

#stockTextBlock{
	position:absolute;
	top:5vw;
	left:40%;
	color:#d2c73d;
	font-size:4vw;
}

.tabDuty{
	margin: 0 auto; 
	border-color: #069848; 
	width: 100%; 
	text-align: left; 
	background: #fff; 
	color: #333; 
	font-size: .9vw; 
	border-collapse: collapse;
}

.text-menu-item {
    font-size: 1vw;
    color: #aaa;
    text-decoration: none;
    text-transform: lowercase; 
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: .2vw .3vw;
    border-radius: 4px;
    transition: all 0.2s ease;
}
.text-menu-item2 {
    font-size: 1vw;
    color: #ccc;
    text-decoration: normal;
    text-transform: lowercase; 
    letter-spacing: 0.5px;
    padding: .4vw .2vw;
    border-radius: 4px;
	border:1px solid #8bc0e8;
    transition: all 0.2s ease;
}

.text-menu-item:hover, .text-menu-item.active {
    color: #3d3a45;
    background-color: #d2c73d; 
}

.text_h2b{
	color: #d2c73d; 
	font-size: 1.3vw; 
	margin-bottom: 1vw; 
	text-align: center; 
	border-top: 1px solid #4a4754; 
	padding-top: 1vw;
}

.text_h2bBlack{
	color: #111; 
	font-size: 1vw; 
	margin-bottom: 1vw; 
	border-top: 1px solid #4a4754; 
	padding-top: 1vw;
}

.text_h2bWhite{
	color: #fff; 
	font-size: 1vw; 
	margin-bottom: 1vw; 
	border-top: 1px solid #4a4754; 
	padding-top: 1vw;
}

.text_h3b{
	color: #d2c73d; 
	font-size: 1vw; 
	margin-bottom: .8vw;
}

.text_h3bWhite{
	color: #fff; 
	font-size: 1vw; 
	margin-bottom: .8vw;
}

.text_h3White{
	color: #fff; 
	font-size: .8vw; 
	margin-bottom: .5vw;
}

.text_h4White{
	color: #aaa; 
	font-size: .8vw; 
	margin-bottom: .5vw;
}

.textSmall_1{
	color: #d2c73d; 
	font-size: .9vw; 
	text-decoration: underline;
}

.textSmall_2{
	text-align: center; 
	color: #04351a; 
	font-style: italic; 
	margin-top: 1.2vw;
}

#textSuperSmall_1{
	background: #33313a; 
	padding: .7vw; 
	border-radius: .2vw; 
	text-align: center; 
	font-size: .7vw; 
	color: #aaa; 
	margin-bottom: 1.2vw; 
	border: 1px dashed #555;
}

.textSuperSmall_1{
	display: flex; 
	justify-content: space-between; 
	font-size: .8vw; 
	color: #aaa; 
	margin-bottom: .2vw;
}

.votingStrip{
	background: #2b2930; 
	height: 10px; 
	border-radius: 5px; 
	overflow: hidden; 
	border: 1px solid #4a4754;
}


/*============================== ГОЛОВНА СТОРІНКА =================================== */

/* 1. ГОЛОВНИЙ КОНТЕЙНЕР (Вмикаємо вертикальні стовпці пліч-о-пліч) */


/* Лівий і правий стовпці — фіксуємо ширину (наприклад, по 23%) */
.column-left, .column-right {
    flex: 0 0 23% !important; 
    min-width: 18vh;
	border:1px solid #d2c73d;
}

/* Центральний стовпець з великими кнопками (займає всю решту простору, приблизно 50%) */
.column-center {
    flex: 1 1 auto !important;
    min-width: 37vh;
	border:1px solid #d2c73d;
	
}

/* Переконуємося, що плашки всередині стовпців розтягуються на всю висоту */


/* 3. СІТКА ДЛЯ ВЕЛИКИХ КНОПОК-ФОТОГРАФІЙ У ЦЕНТРІ */