body {
  background: #CDCDCD;
    margin: 20px 0;
}
#page-wrap {
    border: 1px solid #897059;
    background: #FFFFFF;
    margin: 0 auto;
    width: 960px;
}
#header-wrap {
    background: #b9f14b;
    background:url(../img/9.jpg);
    padding-top: 10px;
    height: 390px;
    margin: 10px 10px 0 10px;
    width: 940px;
}
.logo {
  opacity: 0.8;
  height:50px;
  width:100px;
  margin-left:10px;
}
.navbar{
 opacity: 0.8;
 width:430px; 
 margin-left:470px;
 margin-top: -50px;
}
.btn {
  background: #32CD32;
  color:black;
  padding-left: -50px;
}

#header-center {
 opacity: 0.8;
 background-color: #8f32e4;
 width: 940px;
 height: 220px;
 margin-top: 10px;
 }
#header-center h1 {
text-align:center;
font-family: url(../17949.otf);
padding-top: 30px;
}
.chars__item{
    display: inline; /* Отображать как строчный элемент */
    margin-right: -25px; /* Отступ слева */
    padding: 3px;
   font-weight: bold;
   text-align:center;
}
.chars__item_red{
  font-size: 50px;
  color: red;
  margin-left:-25px;
}
.chars__item_orange{
  font-size: 50px;
  color: orange;
}
.chars__item_yellow{
  font-size: 50px;
  color: yellow;
}
.chars__item_green{
  font-size: 50px;
  color: green;
 }
.chars__item_cyan {
  font-size: 50px;
  color: #00FFFF;
}
.chars__item_blue {
  font-size: 50px;
  color: #000080;
}
.chars__item_purple {
   font-size: 50px;
   color: #800080;
}
.chars__item_fuchsia {
   font-size: 50px;
   color: #FF00FF;
   }
.chars__item_orange1 {
  font-size: 50px;
  color: orange;
  margin-left:25px;
  }
  .chars__item_green1 {
    font-size: 50px;
    color: green;
    margin-left:25px;
  }
  .chars__item_cyan1 {
    font-size: 40px;
    color: #00FFFF;
  }
  .chars__item_purple1 {
     font-size: 40px;
     color: #800080;
  }
  .chars__item_red1 {
    font-size: 40px;
    color: red;
  }
  .chars__item_orange2 {
    font-size: 40px;
    color: orange;
  }
  .chars__item_yellow1 {
    font-size: 40px;
    color: yellow;
  }
h2 { 
text-align:center;
font-size:30px;
padding: 20px;
}
.navbar1{/*обращение к навигационной панели*/
background: rgba(255, 255, 255, .8);
margin-left: 30px;
margin-top: 15px;
width:875px;/*Ширина на весь экран*/
height: 65px;
}
.navbar-nav{
display: flex;/*Обращение ко всему списку*/
text-align:center;/*Текст по центру*/
padding-left: 0; /*Нет внутреннего отступа по левому краю*/
float: left;
font-size: 17px;
font-weight: bold;
margin: 0;
width: 100%;
}
.nav-item {/*Обращение к каждой строчке списка*/
flex-grow:1;/*Распределяет все элементы по ширине экрана*/
display: inline;
}
.nav-link{/*Обращение к каждой ссылке*/
display:block;/*Все элементы показываются как блочные*/
padding: 1rem 0.5rem;/*Внутренние отступы по горизонтали и вертикали*/
will-change: color;/*При определенных условиях будет меняться цвет текста*/
transition: color .25s ease-out;/*Будет меняться цвет за 25 милисекунд*/
font-weight:700;/*Жирность букв*/
color: green;
text-decoration: none;/*Убирает декорацию текста*/
text-transform: uppercase;/*Все буквы в верхнем регистре*/
}
.nav-link:hover{/*При наведении будет меняться*/
color:#D2691E;/*Цвет текста меняется*/
text-decoration:none;/*Декорация текста убирается*/
}

.carousel-slide {
  position: relative;/*Позиция зависит от своей предыдущей позиции*/
  overflow: hidden;/*То что в блок не помещается, то не видно*/
  width:950px;/*Ширина*/
  height:500px;/*Высота 500пикс.*/
  padding-left:10px;
  padding-top:10px;
  background-attachment:fixed;/*Картинка заднего фона фиксирована при прокрутке*/
}
.carousel-inner {
  position:absolute;/*Позиция зависит от блока container-fluid* (от родителя)*/
  background-position:center;/*Позиция по центру*/
  width:500%;/*Ширина 500%*/
  height:100%;/*Высота 100%*/
  animation: animate 30s linear infinite;
}
.carousel-item {
  position:relative;
  width:20%;
  height:100%;
  float:left;/*Обтекание. Слайд стоит слева. Все, что ниже него в html, будет стоять справа*/
}
.carousel-caption {
  position:absolute;
  left:90px;
  right:50px;
  padding:20px;
  transition: .05s;
}
.carousel-caption h3 {
  transition: .05s;
  font-family: Arial;
  font-size: 50px;
  font-weight:bold;
  text-align:center;
}
.carousel-caption p {
  transition: .05s;
  font-family: Arial;
  font-size: 30px;
  font-weight:bold;
  color:white;
  text-align:center;
}
.carousel-item img {
  background-size:cover;/*Размер картинки на весь блок*/
  background-position:center;/*Позиция картинки-по центру*/
  background-attachment:fixed;/*Положение картинки фиксированное*/
}

#sidebar {
  width:195px; 
  height:400px;
  padding-left:10px;
  padding-top:10px;  
}
#btnGroupDrop1 {
  color:#800080;
  background: rgba(0, 128, 0, .6)
}
h4 {
  color:#800080;
  font-size: 30px;
  text-align:center;
}

#sidebar, #main-content {
	padding: 10px 10px 10px 10px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	float:left;
  height:auto;
  margin-left: -10px;
}
#main-content h1 {
font:normal;
font:Arial;
size:30px;
text-align:center;
}
#sidebar {
  margin-left:0px;
}
#sidebar .bd-example {
   width:200px;
}
#sidebar #carouselExampleCaptions {
  width:200px;
  height:380px;
  background:rgb(192, 192, 192);
  overflow: hidden;
}
#sidebar #carouselExampleCaptions .carousel-inner {
  width:500%;
  overflow: hidden;
}
#sidebar #carouselExampleCaptions .carousel-inner .carousel-item img {
 width:200px;
 height:217px;
}
#sidebar #carouselExampleCaptions .carousel-inner .carousel-item .carousel-caption {
 left:10px;
 right:10px;
 padding:35px 10px 5px;
 text-align:center;
 vertical-align:top;
}
#sidebar #carouselExampleCaptions .carousel-inner .carousel-item .carousel-caption h5 {
  font-size:20px;
}
#sidebar #carouselExampleCaptions .carousel-inner .carousel-item .carousel-caption p {
  color:black;
  font-size:12px;
}

#main-content {
 padding-left:10px;
 padding-right:10px;
 padding-top:10px; 
 position: relative;
 
 width:740px;
 margin-left: 20px;
margin-right:-30px;
}
 h5 {
   text-align:center;
   font-size: 25px;
   color: #008000;
   margin-top:20px;
   margin-bottom: 10px;
 }
 #main-content p {
   text-indent: 40px;
   font-size: 16px;
   text-align:justify;
   margin:10px;
   color:#5c7528;
 }
 b {
   color:#800080;
 }
 #sidebar, #main-content {
   display: inline;
 }
 #main-content img {
   margin-top:10px;
   margin-bottom:10px;
   width:720px;
 }
 .table {
   width:940px;
   margin:10px auto;/*внешний отступ сверху и снизу 0, по бокам - автоматический*/
   display: flex;/*внутренние дивы выстраиваются в ряд вдоль главной оси колонками одинаковой высоты, независимо от содержимого*/
   flex-wrap:wrap;/*флекс-элементы переносятся, располагаясь в несколько горизонтальных рядов(если не помещаются в один ряд)в направлении слева направо(в rtl справа налево)*/
   justify-content:space-around;/*Элементы выравниваются по главной оси, распределяя свободное место возле себя*/  
 }
 .card {
   margin:5px auto;
   text-align:justify;
 }
 .card-title {
   font-size:22px;
 }
 .card-body {
   margin-bottom:10px;
 }
 .b{
 text-align: center;
 margin:20px;
 }
 .card-footer {
   text-align:center;
 }
 
 #footer {
   background:url(../img/flowers2.jpg);
   margin: 10px;
   padding-bottom:10px;
   width: 940px;
   height:500px;
   opacity: 0.8;
 }
 .footer_menu_soc_pay {
    width: 940px;
    height:300px;
    
    margin: 10px 10px 10px 10px;
    padding: 25px 0px 18px 0px;
 }
 .footer_menu {
    height:300px;
    width: 750px;
    float: left;
    display: table;
    margin: 10px;
 }
 .footer_menu ul li a{
   color: rgb(0, 255, 0);
 }
 .footer_pay {
    display: table;
    width: 50px;
    height:300px;
    float: left;
    margin-left:10px;
    margin-top:10px;
    margin-bottom:-50px;
 }
.footer_pay ul li {
    float: left;
    display: table;
    margin: 5px 5px 0px -30px;
    padding: 0px;
}

 .footer_menu ul {
    display: table-cell;
    list-style-type: none;
 }
 .footer_soc {
   height:90px;
   margin-right:20px;
   margin-left:670px;
 }
 .footer_soc tr td {
   width: 30px;
   height: 30px;
   text-align:center;
   vertical-align: top; /* Выравнивание по верхнему краю */
   padding: 5px;
 }
 .footer_soc .h3 {
   color:white;
 }
 .h3 {
   font-size:14pt;
 }
 .foot {
   margin-bottom:40px;
   text-align: center;
   vertical-align: bottom;
 }
 .foot p {
   color:black;
 }