@font-face {
		font-family: 'Roboto-Regular';
		src: url('../Roboto/Roboto-Regular.ttf') format('truetype');
		font-style: normal;
		font-weight: normal;
	}
	
         .visibil {
         display: block;
         }
         .invisibil{
         display: none;
         }
		 .big-text{
		 font-size:3vh;
		 }

.textLecture p {
	text-align: justify;
	text-indent: 1.5em;
	margin: 0
}

.textLecture ol {
	margin: 0;
	padding: 0 0 0 1.5em;
}

.textLecture ol li {
	text-align: justify;
}

.textLecture p.rozdil {
	text-align: center;
	margin: 1em 0 1em 0;
}

.bg-mvs {
	background-color: #1a347a;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

div.scrollup {
  position: fixed; /* фиксированная позиция */
  color: #fff; /* цвет текста */
  background-color: #286090; /* цвет заднего фона */
  right: 10px; /* расстояние от правого края */
  bottom: 10px; /* расстояние от нижнего края */
  padding: 4px 10px; /* отступы до содержимого блока */
  font-size: 20px; /* размер шрифта (иконки) */
  border-top-left-radius: 4px; /* скругление верхнего левого угла */
  border-top-right-radius: 4px; /* скругление верхнего правого угла */
  cursor: pointer; /* форма курсора */
  display: none; /* не отображать элемент */
  text-align: center; /*выравнивание содержимого элемента по центру */
}
div.scrollup:hover {
  background-color: #000; /* цвет заднего фона при наведении */
}
	
.navbar .navbar-brand {
  color: #ffffff;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #ffff00;
}
.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-text a {
  color: #ffff00;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #ffff00; 
}
.navbar .navbar-nav .nav-link {
  color: #ffffff;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #ffff00;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #ffff00;
  background-color: #1a347a;
}
.navbar .navbar-toggler {
  border-color: #1a347a;
}
.navbar .navbar-toggler:hover,
.navbar .navbar-toggler:focus {
  background-color: #1a347a;
}
.navbar .navbar-toggler .navbar-toggler-icon {
  color: #ffffff;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ffffff;
}
.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #ffff00;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffff00;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffff00;
    background-color: #1a347a;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffff00;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffff00;
    background-color: #1a347a;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffff00;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffff00;
    background-color: #1a347a;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #ffff00;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #ffff00;
    background-color: #1a347a;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #ffff00;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #ffff00;
  background-color: #1a347a;
}

.card img {
   object-fit: none; /* Do not scale the image */ 
   object-position: center; /* Center the image within the element */ 
   max-height: 250px;
 }
 
 .btn-circle {
    width: 33px;
    height: 33px;
    border-radius: 19px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
}

.btn-question {

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,1a347a+100 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #ffffff 50%, #1a347a 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 50%,#1a347a 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #ffffff 0%,#ffffff 50%,#1a347a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1a347a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


 
 

    /* background:-moz-linear-gradient(45deg, rgba(255, 255, 255, 1) 50%, rgba(112, 128, 144, 1) 100%);  */

    /* background:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 1) 50%, rgba(112, 128, 144, 1) 100%); */

    /* background:-o-linear-gradient(45deg, rgba(255, 255, 255, 1) 50%, rgba(112, 128, 144, 1) 100%); */

    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#708090', endColorstr='#FFFFFF', GradientType=1 ); */

    /* background:-ms-linear-gradient(45deg, rgba(255, 255, 255, 1) 50%, rgba(112, 128, 144, 1) 100%); */

    /* background:linear-gradient(45deg, rgba(255, 255, 255, 1) 50%, rgba(112, 128, 144, 1) 100%); */

}

.select-question {
	width: 100%;
	max-width: 300px;
}