html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;                               
	vertical-align: baseline;         
	background: transparent;      
	font-size: 100%;                    
}
a {                                      	    
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline:none;
	
}
table {					
	border-collapse: collapse; 
	border-spacing: 0;
}
td, td img {
	vertical-align: top;			
} 
input, select, button, textarea {
	margin: 0; 				
	font-size: 100%; 			
	outline: none;
}
input[type="text"], input[type="password"], textarea {
	padding: 0; 				
}
input[type="checkbox"] { 		
	vertical-align: bottom;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	 list-style:none; 
}
html {
	min-height:100%; 
}
body {
	color: #606060;
	text-align: left;
	min-height:100%;
	font: smal/1.6em "1Isadora M Bold", Verdana, Geneva, Arial, sans-serif; 
}
a, a:visited { 
	color: rgb(147, 113, 24);
	text-decoration:none;
	font-family:"1Isadora M Bold", Arial, sans-serif;
}

a:hover, .act li:hover {
	cursor: pointer; 
}
a:active, .act li:active{
	text-decoration: none;
	text-shadow: none; 
	box-shadow: none ; 
	transform: scale(0.95); 
	transition: all 0.3s linear; 
}
h1, h2, h3, h4, h5, h6, #prais a h5 span{
	font-family:"1Isadora M Bold", Arial, sans-serif;
	font-weight:normal;
	font-size: 200%;		  
	color: rgb(147, 113, 24); 
}
#prais a h5 span{
	color: rgb(243,26,72);
	}
img {
	max-width:100%;
}
.clr{
	clear:both; 
}
.clearfix:after { 
    clear: both;
    content: "";
    display: table;
}
body { 
background: url(img/fon00.jpg) repeat fixed;
background-size: 50% auto;
}
.header0 {
	height: 100px; 
	font-size:150%;
	background-size: 100% auto;
	z-index:9;
}
.cont h4 {
	font-size:250%;
	margin: 0;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.cont h4 span {
	font-size:100%;
}
.cont{
	position: relative;
	height: 100%;
}
.menu1  {
	
	height: 100%;
 	background: url(img/pereplet.jpg) repeat-x;
	background-size: auto 50%;
	background-position: left bottom;
}
.menu1 div{
	height: 100%;
	background: url(img/pereplet.png) repeat-x; 
	background-size: auto 100%;
 }
.menu1 h3{
	font-size:250%;
	opacity:0;
 }

.menu  {
	height: 100%;
	border-bottom: 2px solid rgb(146, 73, 6);
 	
}
.menu ul {
	display:flex;
	flex-flow: row nowrap;
	justify-content:space-around;
	align-items: center;
	align-content: center;
	font-size:250%;
	
 }
.menu ul li a {
	display:flex;
	flex-flow: row nowrap;
	
	 }

 .menu ul li a span{
	align-items: center;
	align-content: center;
	 }
.contakt,.menu1,.menu,footer,.header0,.cont2_1,.cont2_2,.cont2_3,.cont2_4,.stop1 h4,#jandexkarta{
	margin-left: auto;
    margin-right: auto;
	max-width: 1200px;
	min-width: 380px;
}
.cont2_2 h3,.cont2_3 h3,.cont2_4 div {
	min-height:60vh;
}
.cont2_2 img.perv,.cont2_3 img.perv,.cont2_4 img.perv{ 
	float:left;
	width:40%;
	padding:2% 2% 0% 2%;
}
.cont2_2 img.wtoro,.cont2_3 img.wtoro,.cont2_4 img.wtoro{ 
	float:right;
	width:15%;
	padding:0 10% 0% 2%;
}

.cont2_1 h3,.cont2_2 h3,.cont2_3 h3,.cont2_4 h3{ 
	padding:0 2% 2% 2%;
	text-align: justify;
	color: rgb(128, 108, 0);
	hyphens:auto; 
	text-indent: 1.5em; 
}
h3::first-letter {
    font-size: 1.5em; 
   }
.cont2_1,.cont2_2,.cont2_3,.cont2_4{
	text-align: center;
	height: 100%;
	display:block;
	background: url(img/s01.jpg) repeat;
	background-size: 100% auto;
	background-attachment: fixed;
}
footer {
	height: 200px; 
	background: url(img/nebo2.jpg) no-repeat;
	background-size: 100% auto;
}

 h4.cont1{
	padding-left:40%;
	padding-right:5%;
	text-align:center;
}
#top {			
  cursor: pointer;
  display: none;
  position: fixed;
  opacity:0.7;
  right: 2%;
  font-size: 150%;
  bottom: 0;
}
.top1:hover {
	animation: move1 1s linear infinite;
}
		@keyframes move1 {50% { transform: scaleY(0.9); }}
        @-webkit-keyframes move1 {50% { -webkit-transform: scaleY(0.9); }}
.nenevidno{
	display:none; 
}
.nevidno,.vidno{display:block;
	animation-duration: 3s;
    animation-iteration-count: 1;
	animation-timing-function: linear;
}
.vidno,.stop1{ 
		animation-name:vidno;
		transform-origin: 50% 0%;
		}
.nevidno,.stopulet{
	animation-name:nevidno;
	transform-origin: -100% -50%;
}
@keyframes vidno {
  0% {  transform: perspective(1000px) rotateX(-90deg); }
  25% { transform: perspective(0) rotateY(0deg); }
  100% {  transform: perspective(0) rotateY(0deg); }
}
@keyframes nevidno {
  0% {  transform: perspective(0) rotateX(0deg); }
  25% { transform: perspective(1000px) rotateY(-90deg); }
  100% {  transform: perspective(1000px) rotateY(-90deg); }
}
.stopulet,.stop1{
	 display:block; 
	animation-duration: 1s;
    animation-iteration-count: 1;
	animation-timing-function: linear;
}

.contakt h4{
	position:fixed;
	z-index:9;
	bottom:1%;
	font-size: 200%;
}
.pereliv2  h1,.pereliv2  h2,.pereliv2  h4{
		padding: 2% 0;
	    color: rgb(128, 108, 0); text-shadow:1px 1px rgb(176, 177, 120);
}
.pereliv3  h4{
		animation-name: pereliv3;
		animation-duration:3.2s;
		animation-iteration-count:  infinite;
		animation-timing-function: linear;
}
@keyframes pereliv3 {
  0%,100%{ color: rgb(147, 113, 24); }
  50%{ color: rgb(255, 236, 129); }
 }
h4 span 			{ display:inline-block; 
				color: rgb(147, 113, 24); text-shadow:1px 1px rgb(176, 177, 120), 2px 2px rgb(104, 105, 71)/*, 3px 3px rgb(104, 105, 71), 4px 4px rgb(176, 177, 120)*/; 
				}					
.pereliv h4 span {animation-name: pereliv;
				animation-duration:1.3s;
				animation-iteration-count: infinite;
				}
.menu .float a span { display:inline-block; 
				color: rgb(146, 123, 6); 
				text-shadow:1px 1px rgb(176, 177, 121); 
				animation-name:float;
				animation-duration:5s;
				animation-iteration-count: infinite;
				}

.float a span { display:inline-block; 
				color: rgb(147, 113, 24); text-shadow:1px 1px rgb(176, 177, 120), 2px 2px rgb(104, 105, 71), 3px 3px rgb(104, 105, 71), 4px 4px rgb(176, 177, 120); 
				animation-name:float;
				animation-duration:1.8s;
				animation-iteration-count: infinite;
				}
a{
	padding:5px;
}
.menu a.activn span{
	color:rgb(146, 73, 6);
}
.pereliv2 h3 span	{ color: rgb(222,0,18);}
.floatpereliv h4 span {animation-name: pereliv,float;
				animation-duration:.9s,1.8s;
				animation-iteration-count: infinite,infinite;}
@keyframes float {
  0%,100%{ transform:none; }
  33%{ transform:translateY(-2px) rotate(-4deg); }
  66%{ transform:translateY(2px) rotate(4deg); }
}
@keyframes pereliv {
  0%,70%,100%{ color: rgb(147, 113, 24); }
  23%{ color: rgb(166, 147, 52); }
  46%{ color: rgb(249, 237, 65); }
}
.float a.prigprig span 
					{ animation-name:plav;
					animation-duration:.9s; 
					animation-iteration-count: 1;
										}
.pereliv h4 span.prigprig , .floatpereliv h4.prigprig span
					{ animation-name:plav, pereliv;
					animation-duration:.9s,.5s; 
					animation-iteration-count: 1,infinite;
					}
@keyframes plav {
  0%,100%{ transform:translate(0); }
  25%{ transform:rotateX(40deg) translateY(22px) rotate(-23deg); }
  50%{ transform:translateY(-10px) rotate(5deg) scale(1.3);  }
  }
 h4 span:nth-child(19n+2){ animation-delay:.05s; }
 h4 span:nth-child(19n+3){ animation-delay:.1s; }
 h4 span:nth-child(19n+4){ animation-delay:.15s; }
 h4 span:nth-child(19n+5){ animation-delay:.2s; }
 h4 span:nth-child(19n+6){ animation-delay:.25s; }
 h4 span:nth-child(19n+7){ animation-delay:.3s; }
 h4 span:nth-child(19n+8){ animation-delay:.35s; }
 h4 span:nth-child(19n+9){ animation-delay:.4s; }
 h4 span:nth-child(19n+10){ animation-delay:.45s; }
 h4 span:nth-child(19n+11){ animation-delay:.5s; }
 h4 span:nth-child(19n+12){ animation-delay:.55s; }
 h4 span:nth-child(19n+13){ animation-delay:.6s; }
 h4 span:nth-child(19n+14){ animation-delay:.65s; }
 h4 span:nth-child(19n+15){ animation-delay:.7s; }
 h4 span:nth-child(19n+16){ animation-delay:.75s; }
 h4 span:nth-child(19n+17){ animation-delay:.8s; }
 h4 span:nth-child(19n+18){ animation-delay:.85s; }
 h4 span:nth-child(19n+19){ animation-delay:.9s; }
.nebo{
  background: #007fd5;
  position: relative;
  overflow: hidden;
  animation: foninf 50s ease-out infinite;
}
.zvezda{
  background: url("../img/zvezda.jpg") no-repeat;
  position: absolute;
  opacity:0;
  height: 100%;
  width: 100%;
  animation: zvezda 50s ease-out infinite;
}
@keyframes foninf {
  0% {    background: #007fd5;
    color: #007fd5  }
  50% {    background: #000;
    color: #a3d9ff  }
  100% {    background: #007fd5;
    color: #007fd5  }
}
@keyframes zvezda {
  0% {    opacity:0  }
  50% {    opacity:1  }
  100% {    opacity:0  }
}
.flipsaR{
	position: absolute;
	height: 100%;
	width: 100%;
	perspective:900px; 
	right:-90%;
}
.flipsaL{
	position: absolute;
	height: 100%;
	width: 100%;
	perspective:900px; 
	left:1%;	
}
.figura{
	position:relative;
	width:50px;
	height:100%;
	transform-origin: 50% 50% -51px;
	transform-style:preserve-3d;
	top: -110px;
}
.figuraRA{
	position:relative;
	width:100px;
	height:100%;
	transform-origin: 100% 100% -51px;
	transform-style:preserve-3d;
	top: 0px;
}
.figuraL{
	animation: flipsaL 40s linear infinite;
}
.figuraR{
	animation: flipsaR 3s linear infinite;
}
.flipsa{
	width:100%;
	height:100%;
	position:absolute;
	transform-origin: 50% 50% -51px;
}
.flipsa1{
	background: url("../img/k1.png") no-repeat; background-size: auto 100%;
	}
.flipsa2{
	background: url("../img/k2.png") no-repeat;	background-size: auto 100%; 
	transform: rotateY(51.42857deg);
}
.flipsa3{
	background: url("../img/k3.png") no-repeat;	background-size: auto 100%; 
	transform: rotateY(102.85714deg);
}
.flipsa4{
	background: url("../img/k4.png") no-repeat;	background-size: auto 100%; 
	transform: rotateY(154.28571deg);
}
.flipsa5{
	background: url("../img/k5.png") no-repeat;	background-size: auto 100%; 
	transform: rotateY(-51.42857deg);
}
.flipsa6{
	background: url("../img/k6.png") no-repeat;	background-size: auto 100%; 
	transform: rotateY(-102.85714deg);
}
.flipsa7{
	background: url("../img/k7.png") no-repeat;	background-size: auto 100%; 
	transform: rotateY(-154.28571deg);
}.flipsa8{
	background: url("../img/k8.png") no-repeat; background-size: auto 100%;
	}
.flipsa9{
	background: url("../img/k9.png") no-repeat;	background-size: auto 100%; 
	transform: rotateY(51.42857deg);
}
.flipsa10{
	background: url("../img/k10.png") no-repeat;	background-size: auto 100%; 
	transform: rotateY(102.85714deg);
}
.flipsa11{
	background: url("../img/k11.png") no-repeat;	background-size: auto 100%; 
	transform: rotateY(154.28571deg);
}
.flipsa12{
	background: url("../img/k12.png") no-repeat;	background-size: auto 100%; 
	transform: rotateY(-51.42857deg);
}
.flipsa13{
	background: url("../img/k13.png") no-repeat;	background-size: auto 100%; 
	transform: rotateY(-102.85714deg);
}
.flipsa14{
	background: url("../img/k14.png") no-repeat;	background-size: auto 100%; 
	transform: rotateY(-154.28571deg);
}
@keyframes flipsaL {
  0% {  top: -110px;  transform:rotateY(0deg) rotateX(180deg);}
  23% {  top: -110px;  transform:rotateY(0deg) rotateX(180deg);}
  27% {  top: 0%; transform:rotateY(0deg) rotateX(0deg);}
  95% {  top: 0%;  transform:rotateY(360deg) rotateX(0deg);}
  97%,100% {  top: -110px;   transform:rotateY(0deg) rotateX(0deg);}
}
@keyframes flipsaR {
 /* 0% {  top: -110px;  transform:rotateY(360deg) rotateX(-180deg);}
  23%, {  top: -110px;  transform:rotateY(360deg) rotateX(-180deg);}*/
  0%,100%  {  top: 0%; transform:rotateY(-1deg) rotateX(-1deg);}
  25%,75%  {  top: 0%;  transform:rotateY(0deg) rotateX(0deg);}
  50% {  top: 0%;  transform:rotateY(1deg) rotateX(1deg);}
 /* 97%,100% {  top: -110px; transform:rotateY(360deg) rotateX(0deg);  }*/
}
.cont2{ position: relative;
		z-index:4;
		height: auto;
} 
.stop1{
	background: rgba(255, 255, 255, 0.7);
	height:100%;
	width:100%;
	position:fixed;
	z-index: 8;
	top:0;
	
}
.stop1 h4{
	text-align: center;
	padding-top:20%;
	font-size: 6vw;
}
#social {
	position: absolute;
	width:29px;
	height: 200px;
	z-index:11;
	top:3px;
	left:2px;
	font-size:80%; 
}
#social img{	transform: scale(0.8);}
#social a{	padding: 0;}
#social3 img{padding:6px 3px 3px 3px; }
.cont2_4 h3{
	text-align: center;
}
#jandexkarta{
	position: relative;
	width:80%;
	padding-top:5%;
}
.menu1 h3{font-size:150%;}
.nomerIP {
	position: absolute;
	text-align: right;
	bottom:1%;
	right:1%;
	font-size:60%;
	}
@media (max-width: 998px) {
.header0{ height: 80px;
		font-size:120%;}
h1, h2, h3, h4 {	font-size:150%;}		
.cont h4 {	font-size:200%;}
.cont h4 span { font-size:110%;}
a {	font-size:75%;}
.menu1 h3{font-size:125%;}	
.figura{width:40px;	transform-origin: 50% 50% -41px;}
.flipsa{transform-origin: 50% 50% -41px; }
.flipsaL{left:2%;}
	}
@media (max-width: 650px) {
.header0{ height: 50px;
		font-size:100%;	}
h1, h2, h3, h4  {	font-size:130%;}		
.cont h4 {	font-size:130%;}
.cont h4 span { font-size:130%;}
a {	font-size:40%;}
.figura{width:25px;	transform-origin: 50% 50% -26px;}
.flipsa{transform-origin: 50% 50% -26px; }
footer {	height: 150px; }
#social img, #social3 img{transform: scale(0.7);}
#social {width:80px;height: 150px;}
#social3 img{padding: 2px 0 0 0;}
@keyframes move {
  0%   { left: 120px; top: 50px ;}  
  70%  { left: -120px; top: -20px ;}
  100% { left: 120px;  top: 50px ;}
                }
.menu {font-size:150%; }
.menu1 h3{font-size:100%;}
.nomerIP {font-size:50%;}
}
@media (max-width: 550px) {
  .contakt h4 {
    font-size: 100%;
     margin-top: 0;
  }
}
 @media (max-width: 478px) {
a {	font-size:33%;}
.cont h4 span { font-size:100%;}
h4.cont1{
	font-size:80%; 
	padding-left:50%;
}
footer {	height: 100px; }
#social img.perv7{transform: scale(0);}
#social {width:80px;height: 100px;	top:-5px;}
@keyframes move {
  0%   { left: 100px; top: -20px ;}  
  70%  { left: -100px; top: -100px ;}
  100% { left: 100px;  top: -20px ;}
}
.menu1 h3 {font-size:75%; }
.nomerIP {font-size:40%;}
}
 @media (min-width: 1280px) { .stop1 h4{	font-size: 5vw;}}
 @media (min-width: 1550px) { .stop1 h4{	font-size: 4vw;}}
 @media (min-width: 1960px) { .stop1 h4{	font-size: 3vw;}}
 .jssorb111 .i{position:absolute;color:#fff;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0}.jssorb111 .i .n{display:none}.jssorb111 .i .b{fill:#fff;stroke:#000;stroke-width:500;stroke-miterlimit:10;stroke-opacity:.5}.jssorb111 .i:hover .b{fill:#fea900;stroke:#fea900;stroke-width:6000;stroke-opacity:1}.jssorb111 .iav .b{fill:#000;stroke-width:6000;stroke-opacity:1}.jssorb111 .i.idn{opacity:.3}.jssorb111 .iav .n,.jssorb111 .i:hover .n{display:block}