*::-webkit-input-placeholder {
	color: #666;
	opacity: 1;
}
*:-moz-placeholder {
	color: #666;
	opacity: 1;
}
*::-moz-placeholder {
	color: #666;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #666;
	opacity: 1;
}


:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}

::-webkit-input-placeholder {font: Roboto medium; color:#99afcc;}
::-moz-placeholder          {font: Roboto medium; color:#99afcc;}/* Firefox 19+ */
:-moz-placeholder           {font: Roboto medium; color:#99afcc;}/* Firefox 18- */
:-ms-input-placeholder      {font: Roboto medium; color:#99afcc;}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
	
}
body input:required:valid,
body textarea:required:valid {
	
}
html {
	overflow-x: hidden;
}
body {
background:url('../images/pap_01.png');
overflow-x: hidden;
width: 100%;
height: 100%;
padding:0px;
margin:0px;
margin:0px;
}

.top_header{
	position: relative;
	width:100%;
	height:100vh;
	background:url('../images/mara.jpg') 50% 1% no-repeat;
	background-size: cover;
	box-sizing: border-box;
	font-family: "RobotoSlab",serif;
	font-weight: bold;
	color:#fee8c6;
	font-size: 25px;
	text-transform: uppercase;
	    background-attachment: fixed;
}

.bgsh{
	height: 100vh;
	width: 100%;
	background-color: rgba(255,255,255,0.3);
	position: absolute;

}
.men{
	width:100%;
	height: 50px;
	background:rgba(0,0,0, 0.3);
	border-radius:  0 0 5px  5px;
}

.but{
	display: inline-block;
	width:24%;
	height: 30px;
	margin:0;
	padding-top: 5px;
	text-align: center;
}
.but_os{
	display: inline-block;
	width:24%;
	height: 50px;
	margin:0;
	padding-top: 5px;
	padding-bottom: 0;
	text-align: center;
}
.but a:hover{
	display: inline-block;
	color:#FFF;
	font-size: 26px;
	margin-top: -2px;
	  -webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
.but_os a:hover{
	display: inline-block;
	color:#FFF;
	font-size: 26px;
	margin-top: -2px;
	  -webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
.but a:active{
	font-size: 24px;
	color:#d7b295;
}
.but_os a:active{
	font-size: 24px;
	color:#d7b295;
}

.but_os ul{
list-style:none;
display:none;
text-align: left;
background:rgba(0,0,0, 0.7);
z-index: 2;
}
.but_os:hover ul{
	width: 45%;
	position: absolute;
	margin-top:7px;
	display:block;
}


.logo{
	position: relative;
	width: 100%;
	display: block;
	
}
.logo img{
	position: relative;
	display: block;
	 width:50%; 
	 min-width: 350px;
	 height:auto; 
	 margin:5% auto;
}

#toTop {
 position:fixed;
 z-index:9999;
 bottom:10px;
 right:10px;
 font-family:"HelveticaMedium",sans-serif;  
 background: #F4FFBF;
 padding: 5px;
 cursor: pointer;
 color: #666;
 text-align: center;
 text-decoration: none;
 width:100px;
}


.inf{
	display: block;
	position: relative;
	margin-top:20px;
	width:100%;
	font-family:"HelveticaMedium",sans-serif; 
	font-size: 18px;
	color: #652f1a;
}

.lit{
	font-size: 32px;
	color:#b33604;
}
.mainab{
	
	position: relative;
	margin-top: 5px;
	
	width: 100%;
	color:#3f2819;

}
.inf img{
	 -moz-transition: all .25s ease-out;
 -o-transition: all .25s ease-out;
 -webkit-transition: all .25s ease-out;
 z-index: 100000px;
}

.inf img:hover{
	
 -webkit-transform: scale(1.8);
 -moz-transform: scale(1.8);
 -o-transform: scale(1.8);

}
.mainab ul{
	font-size: 12px;
	display: block;
	position: relative;
width: 100%;
list-style-type: none;
text-align: center;
}

.mainab ul li{
	display: block;
	position: relative;
width: 100%;
list-style-type: none;
text-align: center;
}
.podmainab{
	display: none;
		position: relative;
		font-size: 18px;
	bottom: 5%;
	width: 100%;
	color:#3f2819;
	list-style-type: none;
text-align: center;
margin-top: 3%;
}
.downar{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 50px;
	margin-bottom: 10px;
	z-index: 10;
}
.downar img{
	width: 5%;
	position: relative;
	display: inline-block;
	margin-top: -50px;
	margin-left: 47%;
	margin-right: 50%;
z-index: 1000;

}

 
.inf h1{
	font-family: "RobotoSlab",serif;
	font-weight: bold;
	width: 200%;
	margin-left: -50%;
	height: 70px;
	color:#fee8c6;
	font-size: 30px;
	text-transform: uppercase;
	text-align:center;
	padding-top: 15px;
	margin-bottom: 5px;
	margin-top:5px;

}
.inf h1:hover{
	cursor:pointer;
	font-size: 32px;
	color: #fff;
	 -webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}
.inf h1:active{
	font-size: 28px;
	color: #fee8c6;
	 -webkit-transition: all .25s;
	-o-transition: all .25s;
	transition: all .25s;
}

.what{

	   
	background:url('../images/mara.jpg') 50% 0% no-repeat;

 background-attachment: fixed;
background-size: cover;}
.whatsod{

}

.when{

	   
	background:url('../images/mara.jpg') 50% 0% no-repeat;

 background-attachment: fixed;
background-size: cover;}



.tvor{
	background:url('../images/mara.jpg') 50% 0% no-repeat;
    background-attachment: fixed;
background-size: cover;}
    
.mat{
	background:url('../images/mara.jpg') 50% 0% no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.rule{
	background:url('../images/mara.jpg') 50% 0% no-repeat;	
    background-attachment: fixed;
    background-size: cover;
}
.reg {
	    
	background:url('../images/mara.jpg') 50% 0% no-repeat;
background-attachment: fixed;
background-size: cover;}



.whensod, .polsod{
	height: auto;
	text-align:left;
	position: relative;
	display: table;
	width:100%;
	align:right;
}


.left, .left1{
	display: inline-block;
	width: 48%;
	margin-top: 10px;
		height: 100%;
align:left;
padding: 10px;
margin-top: 0px;
position: relative;
 
  vertical-align: middle;
}
.right, .right1{
	display: inline-block;
	width:48%;
	height: 100%;
 align:right;
padding: 10px;
margin-top: 0px;
position: relative;

  vertical-align: middle;
}
.right1 img:hover{
	margin-top: -100px;
	margin-bottom: 100px;

 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);

}
.left img{
	width:70%;
	height: auto;
	padding: 30px;
	margin-top: 0;

}


.right img{
	width:70%;
	height: auto;
	padding: 30px;
	margin-top: 0;
	
}


.left1 img{
	width:70%;
	height: auto;
	padding: 5px;
	margin-bottom: 50px;
	
	
}

.left1 img:hover{

	margin-top: -100px;
	margin-bottom: 50px;

	 -webkit-transform: scale(3.2);
 -moz-transform: scale(3.2);
 -o-transform: scale(3.2);
z-index: 1000000;
	
}
.polsod ul{
	text-align: left;
}


.inf ul li{
margin-top:10px;
}
.inf table{
	width:100%;
	position: relative;
	margin:10px auto;
	border: 2px solid;
	text-align: center;

}
.inf table td{
	
	border: 2px solid;

}
.money{
	font-family:"HelveticaBlack",sans-serif; 
	color:#895d4c;
}
.rulsp{
	text-align:center;
	font-size: 16px;
}
.rulsp ol {
  counter-reset: li; /*Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0*/ 
  list-style: none; /*убираем стандартную нумерацию*/
  text-align: left;
}
.rulsp li{
	margin-top:10px;
}
.rulsp li:before {
  counter-increment: li; /*Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает, что содержимое, вставляемое при   помощи свойства content, будет располагаться до пунктов списка. Здесь же устанавливается значение приращения счетчика -по умолчанию равно 1.*/
  
  content: counters(li,".") ". "; /*С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка*/
}
.pun {
font-family:"RobotoSlab",serif; 
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
}


.im{
	margin:10px auto;
font-family:"HelveticaBlack",sans-serif; 
  font-size: 21px;	
color:#895d4c;
	font-weight: bold;
	
}

.imc1{
	margin:10px auto;
font-family:"RobotoSlab",serif; 
  font-size: 21px;	
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;

}

.imc{
	margin:10px auto;
font-family:"HelveticaBlack",sans-serif; 
  font-size: 21px;	
  text-align: center;

}
.tvorsod ul{
list-style-type: none;
}

.zavbut a{
	color:#a00720;
	display: block;
	width:30%;
	position: relative;
	margin:20px auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-radius: 5px;
	text-align:center;
	background-color: #fefae7;
}
.marsod{
	text-align: center;
}
.vid{
	width:500px;
	margin:20px auto;
}
.footer{
	width: 100%;
	height: 100px;
	background:url('../images/mara.jpg') 50% 90%;
}



.hide {
    display: none; 
}
.hide + label ~ div{
    display: none;
}

.hide:checked + label + div {
    display: block; 
    position: relative;
    margin-top: 0;
    
}