body{
	background-image: url(images/973137.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	
	background-size: cover;
	
}
h1{
	text-align: center;
	font-family: 'Bowlby One SC', cursive;
	font-size: 55px;
	margin-top: 150px;
}
.container {

margin: 200px auto 0;
margin-top: 10px; 
border: 1px dotted white; 
transform-style: preserve-3d;
animation: rotate 10s infinite linear; 
}
@keyframes rotate {
100% {
transform: rotateY(360deg); 
} 
}
.side { 
position: absolute; 
width: 150px; 
height: 150px; 
border: 1px solid black;
opacity: .8; 

}
.back {
	transform: translateZ(-75px);
	background: lightsteelblue;
} 
.left {
	transform: translateX(-75px) rotateY(90deg);
	 background: #9dceee;
}
.right { 
	transform: translateX(75px) rotateY(90deg); 
	background: lightskyblue;
} 
.top { 
	transform: translateY(-75px) rotateX(90deg);
	background: #99cfe7;
} 
.bottom { 
	transform: translateY(75px) rotateX(90deg);
	background: royalblue;
} 
.front { 
	transform: translateZ(75px); 
	 background: skyblue;
}
.dot {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #284c73;
	margin:50px;
  }
h2{
	text-align: center;
	font-size: 40px;
	
}
h2.word{
	margin-left: -190px;
}
p{
	font-family: 'Fjalla One', sans-serif;
	margin: 20px;
	text-align: justify;
	font-size: 20px;
}
p.slaide{
	margin-top:-300px;
}
#nav{
	 
	float:right; 
	text-align:left; 
	color:; 
	font-size:18px; 
	padding-top:40px;
	color: rgb(52, 91, 171);
	margin-right: 0 auto;
}

.menu {
	display: table;
	margin: 0 auto;
	padding:5px 20px;
}

.menu li {
	display: table-row;
	text-align:center;
	
	font-family: Book Antiqua, Times New Roman, Serif;
	height:70px;
	background-color:#a0c7e4;/*добавляем замедление*/
	padding: 0px;
	transition: all .5s; 
}

.menu li:hover {	
	height:120px;
	
}
.menu li a {
	display: table-cell;
	padding:30px;
	color: black;
	border: 2px solid #4682B4;
	text-decoration: none;
	
	vertical-align:middle;
	/*добавляем замедление*/
	transition: all .5s; 
}

.demo {
		  position: relative;
		  padding-top: 50%;
		  overflow: hidden;
		}
		.demo input {
			display: none; 
		}
		.demo label {
			transition: 3s; 
		}
		.demo img {
		  position: absolute; 
		  left: 50%;
		  top: 20%;
		  max-width: 200%;
		  max-height: 100%;
		  transform: translate(-50%, -50%);
		}
		.demo label{
			position: absolute; 
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			transition: 3s;		
		}
		.demo label,
		.demo #on1:checked ~ [for="on1"],
		.demo #on2:checked ~ [for="on2"],
		.demo #on3:checked ~ [for="on3"],
		.demo #on4:checked ~ [for="on4"],
		.demo #on5:checked ~ [for="on5"] {
		  transform: translateX(-60%) scale(.7); z-index: 2;
		}
		.demo #on1:checked ~ [for="on3"],
		.demo #on2:checked ~ [for="on4"],
		.demo #on3:checked ~ [for="on5"],
		.demo #on4:checked ~ [for="on1"],
		.demo #on5:checked ~ [for="on2"] {
		  transform: translateX(60%) scale(.7); z-index: 2;
		}
		.demo #on1:checked ~ [for="on4"],
		.demo #on2:checked ~ [for="on5"],
		.demo #on3:checked ~ [for="on1"],
		.demo #on4:checked ~ [for="on2"],
		.demo #on5:checked ~ [for="on3"],
		.demo #on1:checked ~ [for="on5"],
		.demo #on2:checked ~ [for="on1"],
		.demo #on3:checked ~ [for="on2"],
		.demo #on4:checked ~ [for="on3"],
		.demo #on5:checked ~ [for="on4"] {
		  z-index: 1;
		}
		.demo #on1:checked ~ [for="on2"],
		.demo #on2:checked ~ [for="on3"],
		.demo #on3:checked ~ [for="on4"],
		.demo #on4:checked ~ [for="on5"],
		.demo #on5:checked ~ [for="on1"] { 
			transform: translateX(0);
			z-index: 4;
			visibility: visible;
		}
.photos1{	
	width:900px;
	height: 300px;
	margin:30px auto;
	margin-left: -100px auto;
	margin-bottom: -10px;
	}
.photos1 a{
	
	background:#fff;
	margin: 5px;
	padding:5px;
	float:left;
	width: 190px;
	height: 200px;
}
.photos1 img{
	width: 190px;
	height: 195px;
}	
.photos1 a:hover    { 
	background:lightblue;
 }
.pressbox {
    width: 0;
    height: 0;
    position: fixed;
    overflow: auto;
    left: 0;
    top: 0;
   
    z-index: 9999;
    text-align: center;
    
    background: rgba(0,0,0,0.5);
    }

.foto{
	background: #fff;
	width:300px;
	height:300px;
	margin:50px auto;  
	box-shadow: 0px 0px 15px #444;
}
.pressbox img    {
	
	opacity: 0;
	padding: 10px;
	background: #ffffff;
	margin-top: 0px;
	transition: opacity .25s ease-in-out;       
	}

.pressbox:target {
    width: auto;
    height: auto;
    bottom: 0;
    right: 0;
    }
  
 .pressbox:target img {
    opacity: 1;
    }

iframe.frame{
	margin-top: -300px;
}
#footer{
	background-color: #4169E1	;
	height: 60px;
	width: 100%;
}
h3{
	text-align: center;
	line-height: 60px;
}