﻿.hamburger
{
    font-size: 2.3em;
    color: #000;
}

.hamburger:hover
{
  color: red;
  cursor: pointer;
}
.logo
{
    background: none;
    border: 0px;
}

.jumbotron
{
    background: none;
    text-align: center;
}

.jumbotron h1,
.jumbotron h2,
.jumbotron h3,
.jumbotron h4,
.jumbotron h5,
.jumbotron h6,
.jumbotron small
{
    color: #FFFFFF;
}

.jumbotron p
{
    color: #FFFFFF;
    margin-bottom: 5%;
}
footer
{
    background-color: rgba(36, 50, 59, 1);
    padding-top: 2em;
    padding-bottom: 1.2em;
}
footer h3,
footer p
{
    color: White;
	
}

 .round {
    border-radius: 30px; /* Радиус скругления */
    border: 3px solid #00FFFF; /* Параметры рамки */
    box-shadow: 0 0 7px #666; /* Параметры тени */
   }

.center-img {
  display: block;
  margin: 0 auto;
}
#section{
background-color:#FFF;
}
#img{
margin-top: 40px;
margin-bottom:20px;
margin-left:80px;
}
 .fig {
    text-align: center; /* Выравнивание по центру */
    margin-bottom: 5px; /* Отступ снизу */
    color: #666; /* Цвет подрисуночной подписи */
   }

 a { 
    text-decoration: none; /* Отменяем подчеркивание у ссылки */
   } 
    A:visited {
    color: black; /* Цвет посещенных ссылок */
   }
    
#slides {
position: relative;
height: 500px;
padding: 0px;
margin: 0px;
list-style-type: none;
}
.slide {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}

 

.showing {
opacity: 1;
z-index: 2;
}
.slide {
font-size: 40px;
padding: 40px;
box-sizing: border-box;
background: #333;
color: #fff;


}
.slide:nth-of-type(1) {
background-image: url(images/Slaid2.png);
}
.slide:nth-of-type(2) {
background-image: url(images/Slaid5.png);
}
.slide:nth-of-type(3) {
background-image: url(images/Slaid3.png);
}
.slide:nth-of-type(4) {
background-image: url(images/Slaid4.png);
}
.thumbs {
  width: 100%;
  max-width: 300px; /* опционально */
  margin: 30px;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
  cursor: pointer;
}
.thumbs:hover{
opacity: 0.70;
}
.thumbs img {
  display: block;
  width: 100%; /* ширина картинки */
  height: auto; /* высота картинки */
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.thumbs .caption {
  width: 100%;
  padding: 70px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  text-align: center;
}

.thumbs .caption .title {
  line-height: 1;
  font-weight: normal;
  font-size: 18px;
}
.thumbs:hover span {
  opacity: 1;
}
.thumbs:focus span, .thumbs:hover span {
  top: 0;
}
.sectionblack{
background-color:#DCDCDC;

}
#p{
	width:800px;
	text-align:left;
	text-indent: 20px; /* Отступ первой строки в пикселах */
}
   #centerLayer {
    margin-left: 30%; /* Отступ слева */
    width: 45%; /* Ширина слоя */
    padding: 10px; /* Поля вокруг текста */
   }
  #rightLayer {
    margin-left: 90%; /* Отступ слева */
    width: 15%; /* Ширина слоя */
    background: #fff; /* Цвет фона */
 
   }
   .poch{
   margin-left: 5%;
   max-width:50%;
   }
    #sidebar{

float: right;
max-width:35%;
margin-right: 5%;
   }
    a {
    text-decoration: none; /* Убирает подчеркивание для ссылок */
   } 
   a:hover { 
    text-decoration: underline; /* Добавляем подчеркивание при наведении курсора на ссылку */

   } 
   #section{

margin:0 auto;
background:#fff;
}
 #p1 {
	margin-left:60px;
 }