/* Логотип */
.logotip1 {
	margin-top:21px;	
		display: block;
		opacity:1; /* Устнавливаем начальное состояние прозрачности */
	-webkit-transition:0.75s linear opacity; /* В Webkit логотип будет проявленя */
	margin-bottom: 50px;
	z-index: 25002;
}
 		.logotip1 b {
	font-family: Garamond, Arial Narrow, Verdana, sans-serif;
	text-align:center;
	color: #2a58d1;
	background-color: none;
	font-size: 38px;
	white-space: pre;
	text-shadow: -2px -2px 0 #050835; 
	font-stretch: inherit;
	font-weight: 100;
	letter-spacing: -3px;
  text-transform:uppercase;
}
     .logotip55 a {

display: block;
white-space: nowrap;

	font-family: Helvetica, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color: #050835;
	font-size: 12px;
	text-shadow: 1px 0px 0px #165cdb;
z-index: 25003;

-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg); 
-o-transform: rotate(-90deg); 
-ms-transform: rotate(-90deg); 
transform: rotate(-90deg); 
}
	.logotip1 .log5 {
  display: block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  box-shadow: -2px -2px 0 #050835;
  background-color: #165cdb;
    animation:blur2 2.5s ease infinite alternate;
	}
	.log6 {
		width: 200px;
	position: absolute;
	margin-top: -40px;
    margin-left:-400px;
border-right: 1px solid #165cdb;
	opacity: 0; 
	-webkit-transition:0.75s linear opacity; 
	z-index: -1;
	} 
	.hidden-menu .gl:hover .log6 {
	margin-left:210px;
	opacity: 1; 
	-webkit-transition: 0.75s linear opacity;	
}
.logotip1 .log5 b{
	font-family: Garamond, Arial Narrow, Verdana, sans-serif;
	position: absolute;
	text-shadow:none;
font-size: 38px;
text-shadow: #050835;
margin-left: -8px; 
margin-top: -18px;
  animation:blur 5s ease infinite alternate;
}
	
@keyframes blur{
  from{
      text-shadow:0px 0px 3px #fff,
	  0px 0px 5px #fff,
	  0px 0px 10px #fff;
	 
	  }
}
@keyframes blur2{
  from{
	  box-shadow:0px 0px 10px #fff,
	  0px 0px 15px #fff,
	  0px 0px 25px #fff;
	  }
}
	.logotip1 p {
	text-align:center;
	margin-top: -6px;
	margin-bottom: -3px;
    margin-left:-2px;
	align-items: center;
	font-family: Helvetica, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color: #050835;
	font-size: 12px;
	text-shadow: 1px 0px 0px #165cdb;
	font-stretch: semi-expanded;
	font-weight: 100;
			}
	.hidden-menu-ticker:checked ~ .logotip1 {
	opacity:0; /* Устнавливаем исчезновение при нажатии на кнопку */
	-webkit-transition:0.75s linear opacity; /* В Webkit логотип будет исчезать */
}
	
	
 /*--выезжающее меню-*/
.Aform { 
 position: fixed;
 list-style:none;
  padding: 5px;
  display: block;
  width: 225px;
   margin-top: 5px;
  bottom: 5%;
  left: -250px;
  background: #12166c;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border: 2px solid #070d45;
  -webkit-box-shadow: 2px 3px 4px -2px rgba(0,0,0,0.55);
  -moz-box-shadow: 2px 3px 4px -2px rgba(0,0,0,0.55);
  box-shadow: 2px 3px 4px -2px rgba(0,0,0,0.55);
  transition: left 1s;
  z-index: 20002;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
 } 
 .kontact1 { 
 position: fixed;
 list-style:none;
  padding: 5px;
  display: block;
  width: 225px;
   margin-top: 5px;
  bottom: 3%;
  left: -250px;
  background: #070d45;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border: 1px solid #165cdb;
  -webkit-box-shadow: 2px 3px 4px -2px rgba(0,0,0,0.55);
  -moz-box-shadow: 2px 3px 4px -2px rgba(0,0,0,0.55);
  box-shadow: 2px 3px 4px -2px rgba(0,0,0,0.55);
  transition: left 1s;
  z-index: 20002;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
 } 

#hmtniz:checked ~ .sForm {
  left: 0px;
}
#hmtniz:checked ~ .kontact1 {
  left: -255px;
}
#hmtniz55:checked ~ .kontact1 {
  left: 6px;
}
#hmtniz55:checked ~ .sForm {
 left: -255px;
}
.hidden-menu-tickerniz {
  display: none;
}
.hidden-menu-tickerniz55 {
  display: none;
}
.form a {
display: block;
	font-family: 'Oxygen', sans-serif;
  font-size: 1em;
  padding-top: 5px;
 margin-left: 12px;
    border-bottom:none;
	color: none;
   width: 200px;
  text-align: center;
  text-shadow:  1px 1px 1px #165cdb;
}
.kontact1 a {
display: block;
	font-family: 'Oxygen', sans-serif;
  font-size: 1em;
  padding-top: 5px;
 margin-left: 12px;
    border-bottom:none;
	background:none;
	
   width: 200px;
 
  text-align: center;
  text-shadow:  1px 1px 1px #080f55;
}

 /*   form styles */
.form .row {
	width: 215px;
  display: block;
  padding: 5px 5px;
  margin-bottom: 3px;
}
.kontact1 .row1 a {
	width: 180px;
  display: block;
  padding: 5px 5px;
  margin-left:15px;
  margin-bottom: -6px;
}
.form .row:hover {
  background: #080f55;
}


.form .req { 
font-family: 'Oxygen', sans-serif;
color: #5059fc; }





.form .txt, .form .txtarea {
  display: inline-block;
  padding: 5px 5px;
  padding-right: 10px;
  width: 200px;
  font-family: 'Oxygen', sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: #4e5bdd;
  background-color: #121b73;


  background-repeat: no-repeat;
  border: 1px solid #5363fb;
  text-shadow: 0 1px 0 rgba(40,58,230,0.75);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 2px rgba(19, 36, 200, 0.25) inset, -1px 1px #2f42f5;
  -moz-box-shadow: 0 1px 2px rgba(19, 36, 200, 0.25) inset, -1px 1px #2f42f5;
  box-shadow: 0 1px 2px rgba(19, 36, 200, 0.25) inset, -1px 1px #2f42f5;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}



.form .txt:focus, form .txtarea:focus {
  width: 200px;
  color: #0c1674;
  background-color: #bdc2f3;
  font-family: 'Oxygen', sans-serif;
  font-size: 1em;
  font-weight: normal;
  color: rgba(132,142,243,0.65);
  background-color: #5363fb;
  background-repeat: no-repeat;
  border-color: #11185d;
  -webkit-box-shadow: 0 1px 4px -1px #939cf6 inset, 0 1px rgba(189, 194, 243, 0.6), 0 0 11px rgba(70, 100, 200, 0.7);
  -moz-box-shadow: 0 1px 4px -1px #939cf6 inset, 0 1px rgba(189, 194, 243, 0.6), 0 0 11px rgba(70, 100, 200, 0.7); 
  box-shadow: 0 1px 4px -1px #939cf6 inset, 0 1px rgba(189, 194, 243, 0.6), 0 0 11px rgba(70, 100, 200, 0.7); 
}


.form .txt:valid, form .txtarea:valid {
  background-color: #bdc2f3;

  background-repeat: no-repeat;
  color: #0c1674;
  border: 1px solid #0c1674;
}

.form .txt:focus:valid, form .txtarea:focus:valid {
  -webkit-box-shadow: 0 1px 4px -1px #165cdb inset, 0 1px rgba(189, 194, 243, 0.6), 0 0 11px rgba(120, 200, 70, 0.7);
  -moz-box-shadow: 0 1px 4px -1px #165cdb inset, 0 1px rgba(189, 194, 243, 0.6), 0 0 11px rgba(120, 200, 70, 0.7); 
  box-shadow: 0 1px 4px -1px #165cdb inset, 0 1px rgba(189, 194, 243, 0.6), 0 0 11px rgba(120, 200, 70, 0.7);  
}

form .center {
  margin-top: 10px;
  text-align: center;
}

#submitbtn {
  height: 30px;
  width: 175px;
  padding: 0;
  cursor: pointer;
  font-family: helvetica, Arial, sans-serif;
  font-size: 0.9em;
  color: #0c1674;
  text-shadow: 1px 1px 0 rgba(132,142,243,0.65); 
  border-width: 1px;
  border-style: solid;
  border-color: #0915f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #165cdb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0915f8), to(#10175c));
  background-image: -webkit-linear-gradient(top, #0915f8, #12166c);
  background-image: -moz-linear-gradient(top, #0915f8, #12166c);
  background-image: -ms-linear-gradient(top, #0915f8, #12166c);
  background-image: -o-linear-gradient(top, #0915f8, #12166c);
  background-image: linear-gradient(top, #0915f8, #12166c);
  -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear; 
}
#submitbtn:hover, #submitbtn:focus {
  -webkit-box-shadow: 0 0 15px rgba(7, 16, 168, 0.9);
  -moz-box-shadow: 0 0 15px rgba(7, 16, 168, 0.9);
  box-shadow: 0 0 15px rgba(7, 14, 168, 0.9);
  
}

#submitbtn:active {
  -webkit-box-shadow: 0 0 15px rgba(70, 100, 200, 0.9), 0 1px 3px rgba(0,0,0,0.4) inset;
  -moz-box-shadow: 0 0 15px rgba(70, 100, 200, 0.9), 0 1px 3px rgba(0,0,0,0.4) inset;
  box-shadow: 0 0 15px rgba(70, 100, 200, 0.9), 0 1px 3px rgba(0,0,0,0.4) inset;
}
.q {
}
/* ---------------------маленький квадратик с крестиком справа--------------------------------------------- */
.btn-menu5 {
	  position:absolute;
     top: 1.5%;
	 right: 1%;
	
     cursor: pointer;
     transition: left 1s;
background:none;
     width: 15px;
	 height: 15px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  	color: #86aff8;
	
    border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    display: block;
	border: 1px solid #165cdb;
    margin-top: 3px;
 }







.hidden-menu-tickerniz:checked ~ .btn-menu5 {

  left: 255px;
}






.hidden-menu>label {
  font-family: Arial, Helvetica, serif;
  text-shadow: #0915f8 1px 1px 2px;
  text-decoration: none;
  text-align: center;
  background: #12166c;
  border-bottom: 1px solid #165cdb;


  display: block;
  color: #5f68f7;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-left:-10px;

  width: 248px;
  font-size: 1em;
  font-weight: lighter;
  transition: 0.5s ease-in-out;
  }
 
.hidden-menu label:hover {
   background:#080c4a;
   color:  #728ff9;
 
}

.form .note { 
  font-size: 0.8em;
  border-bottom:none;
  padding: 12px 8px;
  margin-top: -20px;
  color: #5059fc;
}
.hidden-menu .form .row label {
		font-family: 'Oxygen', sans-serif;
  font-size: 0.8em;
	 border-bottom:none;
	 background-color: none;
	 margin-left:10px;
	   width: 0;
  padding: 2px;

}