@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0}
body{font: 100% arial,sans-serif}
p{margin:0 10px 10px}
div#header{position:relative}
div#header h1{height:100%;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:3px}
div#content p{line-height:1.4}
div#extra{background:#FF8539}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}
div#wrapper{float:left;width:100%;margin-left:-190px}
div#content{margin-left:200px}
div#navigation{float:right;width:160px}
div#extra{float:right;clear:right;width:160px}
div#footer{clear:both;width:100%}
.my_boks {
	float:left;
    position: relative;
    width: 100%; 
    display: block;
    margin: 0 auto;
    padding: 0;
}
.my_boks1 {
  display: inline-block;
		float:left;
	margin: 10px;
	margin-left: 5px;
	padding: 1px 1px;
	width: 66%;
	 height: 60%;
box-sizing: border-box;box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
background: rgba(255, 255, 255, 0.5); border: #3320D9;
text-align: top;
}
.my_boks2 {
  display: inline-block;
		float:left;
	margin: 10px;
	margin-left: 10px;
	padding: 1px 1px;
	width: 27%;
text-align: center;
text-align:justify;
}
.my_boks0 {
  display: inline-block;
	margin: 5px;
 text-align: center;
padding: 10px 10px 10px 10px;
box-sizing: border-box;box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
background: rgba(255, 255, 255, 0.5); border: #3320D9;
text-align:top;
 overflow:hidden;
 color: #0B1485;
font-size:1.2vw  
}
.body {
 margin: 0px auto;
   padding: 3px;
 max-width:100%;
   height: 100%;
    border-radius: 3%;
  margin-bottom: 0px; /* Отступ снизу */
   background: -webkit-gradient(linear, left top, left bottom, from(#de5bde), to(#25057d));
   background: -webkit-linear-gradient(top, #de5bde, #25057d);
   background: -moz-linear-gradient(top, #de5bde, #25057d);
   background: -ms-linear-gradient(top, #de5bde, #25057d);
   background: -o-linear-gradient(top, #de5bde, #25057d);
}
.carousel {
  position: relative;
  box-shadow: 0px 0px 10px rgba(167, 167, 167, 0.71);
  margin-top: 5px;
  border-radius: 8px;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 80%;
  height: 80%;
  border-radius: 8px;
}
.carousel-open:checked + .carousel-item {
  position: static;
  opacity: 100;
}
.carousel-item {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out;
  transition: opacity 0.6s ease-out;
}
.carousel-item img {
  display: block;
  height: auto;
  max-width: 100%;
}
.carousel-item img {
height: 80%;
 width: 80%;
 display: block;
    margin-left: auto;
    margin-right: auto
}
.carousel-control {
  background: rgba(0, 0, 0, 0.28);
  border-radius: 20%;
    color: #25057d;
cursor: pointer;
  display: none;
  font-size: 40px;
  height:30px;
  line-height: 25px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  cursor: pointer;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: center;
  width: 40px;
  z-index: 5;
}
.carousel-control.prev {
  left: 0%;
}
.carousel-control.next {
  right: 0%;
}
.carousel-control:hover {
  background: rgba(0, 0, 0, 0.8);
  color: #f3be81;
}
#carousel-1:checked ~ .control-1,
#carousel-2:checked ~ .control-2,
#carousel-3:checked ~ .control-3 {
  display: block;
}
.carousel-indicators {
  	display: block;
	position: relative;
	padding: 0;
	margin: 2px;
	 bottom: 0;
	list-style: none;
}
.carousel-indicators li {
 	float: left;
	width: 20%;
	 margin-left: 5px;
    margin-right: 5px;
	display: block;
}
.carousel-bullet {
  color: #393939;
  cursor: pointer;
  display: block;
  margin-left: 5px;
  font-size: 35%;
}
.carousel-bullet:hover {
  color: #fff;
}
#carousel-1:checked
  ~ .control-1
  ~ .carousel-indicators
  li:nth-child(1)
  .carousel-bullet,
#carousel-2:checked
  ~ .control-2
  ~ .carousel-indicators
  li:nth-child(2)
  .carousel-bullet,
#carousel-3:checked
  ~ .control-3
  ~ .carousel-indicators
  li:nth-child(3)
  .carousel-bullet {
  color: #f3be81;
}
.tek {
 text-decoration: none;
 margin-left: 10px;
 color: #15034E;
 font-size:1.5vw
 }