
.nav-link {
    color: whitesmoke;
	font-size: large;
    font-weight: 600;
}

.navbar {
    background-color: #12840f;
}

body {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE 10+ и Edge */
  user-select: none; /* Стандартный синтаксис */
}


p {
    margin-top: 10px;
	font-weight: 600;
}

b, strong {
    font-weight: 700;
}

  form#test {
    max-width: 1200px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  label {
    display: block;
    margin-bottom: 5px;
  }
  input[type="text"],
  input[type="email"],
  textarea
  {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
  input[type="submit"]:hover {
    background-color: #45a049;
  }
  
  select {
    width: 100%; /* Ширина на 100% от родительского элемента */
    padding: 8px; /* Поле вокруг текста внутри */
    margin-bottom: 20px; /* Отступ снизу */
    border: 1px solid #ccc; /* Граница */
    border-radius: 4px; /* Скругление углов */
    box-shadow: inset 0 1px 3px #ddd; /* Тень внутри */
    background-color: #f8f8f8; /* Цвет фона */
    font-family: Arial, sans-serif; /* Шрифт, совпадающий с label */
  }

  select:focus {
    border-color: #4A90E2; /* Цвет границы при фокусе */
    box-shadow: 0 0 5px rgba(74, 144, 226, 0.5); /* Тень вокруг при фокусе */
    outline: none; /* Убираем стандартный outline */
  }
  
 .promo {
	 display: flex; /* Используем Flexbox */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
    height: 50vh; /* Высота родительского элемента равна 100% высоты области просмотра */
    text-align: center; /* Центрирование текста внутри контейнера */
  margin: 0 auto;
  height: 800px; /* Исходная высота для больших экранов */
  background: url(../img/TF-Core-Hero.jpg) center center/cover no-repeat;
}

.img-rezultatas {
	  width:20%;
  }
  
  @media (max-width: 1140px) {
	
	.promo {
	height: 400px; /* Меньшая высота для адаптивности на мобильных устройствах */
	 display: flex; /* Используем Flexbox */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
    text-align: center; /* Центрирование текста внутри контейнера */
  margin: 0 auto;
  background: url(../img/TF-Core-Hero.jpg) center center/cover no-repeat;
	
  }

.secdiv {
	 display: flex; /* Используем Flexbox */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
    height: 50vh; /* Высота родительского элемента равна 100% высоты области просмотра */
    text-align: center; /* Центрирование текста внутри контейнера */
}

.container {
	  font-weight: 600;
	  max-width: 740px;
	  padding: 15px;
	  color: #155724;
	  font-family: Arial, sans-serif;
	  text-align: center;
  }
	
	.pradzia {
	width: auto;
}
            .final-results  {
                width: 97%;
            }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 97%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
        

.nav-link {
    color: whitesmoke;
}

.navbar {
    background-color: #12840f;
}

h2.virsus {
	padding-top: 10px;
	padding-bottom: 10px;
}

.img-rezultatas {
	  width:20%;
  }
  }

/* Стили для экранов шириной менее 768px */
  
  @media (max-width: 768px) {
	
	.promo {
	height: 400px; /* Меньшая высота для адаптивности на мобильных устройствах */
	 display: flex; /* Используем Flexbox */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
    text-align: center; /* Центрирование текста внутри контейнера */
  margin: 0 auto;
  background: url(../img/TF-Core-Hero.jpg) center center/cover no-repeat;
	
  }

.secdiv {
	 display: flex; /* Используем Flexbox */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
    height: 50vh; /* Высота родительского элемента равна 100% высоты области просмотра */
    text-align: center; /* Центрирование текста внутри контейнера */
}

.container {
	  font-weight: 600;
	  max-width: 740px;
	  padding: 15px;
	  color: #155724;
	  font-family: Arial, sans-serif;
	  text-align: center;
  }
	
	.pradzia {
	width: auto;
}
            .final-results  {
                width: 97%;
            }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 97%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
        

.nav-link {
    color: whitesmoke;
}

.navbar {
    background-color: #12840f;
}

h2.virsus {
	padding-top: 10px;
	padding-bottom: 10px;
}

.img-rezultatas {
	  width:28%;
  }
  }
  
  /* Стили для экранов шириной менее 768px */
  
  @media (max-width: 480px) {
	
	.promo {
	height: 400px; /* Меньшая высота для адаптивности на мобильных устройствах */
	 display: flex; /* Используем Flexbox */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
    text-align: center; /* Центрирование текста внутри контейнера */
  margin: 0 auto;
  background: url(../img/TF-Core-Hero.jpg) center center/cover no-repeat;
	
  }

.secdiv {
	 display: flex; /* Используем Flexbox */
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
    height: 50vh; /* Высота родительского элемента равна 100% высоты области просмотра */
    text-align: center; /* Центрирование текста внутри контейнера */
}

.container {
	  font-weight: 600;
	  max-width: 740px;
	  padding: 15px;
	  color: #155724;
	  font-family: Arial, sans-serif;
	  text-align: center;
  }
	
	.pradzia {
	width: auto;
}
            .final-results  {
                width: 97%;
            }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 97%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
        

.nav-link {
    color: whitesmoke;
}

.navbar {
    background-color: #12840f;
}

h2.virsus {
	padding-top: 10px;
	padding-bottom: 10px;
}

.img-rezultatas {
	  width:40%;
  }
  }
  
  
  
