/*---
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
----*/
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{background:'';background:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */ 
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
* { box-sizing: border-box; padding:0; margin: 0; }

body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  background-color: #0262a6;
 	/*background-color: #28374c;*/
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
 	background-size: cover;
 	background-size: 100% 100%;
}
.main{
	margin:13em auto 0;
	width: 22%;
}
.main_wide{
  margin:13em auto 0;
  width: 50%;
}
form {
	/*background:#0A192A;*/
/*	border-radius:0.4em;
  	border:1px solid #0A192A;*/
  	overflow:hidden;
  	position:relative;
/*  	box-shadow: 0 5px 10px 5px rgba(0,0,0,0.2);*/
}

form:after {
  content:"";
  display:block;
  position:absolute;
  height:1px;
  width:100px;
  left:20%;
  top:0;
}

form:before {
 	content:"";
  display:block;
  position:absolute;
  width:8px;
  height:5px;
  border-radius:50%;
  left:34%;
  top:-7px;
  /*box-shadow: 0 0 6px 4px #fff;*/
}

.inset {
 padding:0 20px 20px 20px; 
 /* border-top:1px solid #000;*/
}

form h1{
  text-align:center;
  padding:18px 0;
  /*border-bottom:1px solid #000;*/
  position:relative;
  margin-bottom: -5px; /* Отрицательный отступ между заголовком и текстом */
}
form h1:after {
 content:"";
  display:block;
  width:250px;
  height:100px;
  position:absolute;
  top:0;
  left:50px;
  pointer-events:none;
/* -webkit-transform: rotate(70deg);
 background: linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));*/
  
}

form h1  {
	color:#fff;
	text-shadow:0 1px 0 #000;
	font-size:70px;
	font-weight: 600;
	text-align:center;
  padding: 0;
  /*border-bottom:1px solid #000;*/
  position:relative;
	
}
form h1 span{
	/*padding:5px;*/
	color:#fec587;
}
/*label {
 	color:rgba(137, 192, 243, 0.8);
  	display:block;
  	font-size:13px;
  	padding-bottom:9px;
}*/

input[type=text],
input[type=password] {
  font-family:  'Open Sans', Helvetica, Arial, sans-serif;
  width:100%;
  padding:8px 5px;
  border:1px solid #222;
  border-radius:0.3em;
  margin-bottom:10px;
  color: #000;
  font-size:15px;
  outline: none;
}
/*label[for=remember]{
 	color:#fff;
  	display:inline-block;
  	font-size: 13px;
}*/

/*input[type=checkbox] {
 	display:inline-block;
  	vertical-align:middle;
}*/
.gr1{
	color: #dbd5c2;
	font-size: 80%;
	text-align: center;
	margin-bottom: 20px;
}
.logo{
  width: 70%;
display:block; margin:0 auto;
}
.logo1{
	width: 70%;
display:block; margin:0 auto;
}
.p-container {
 	padding:0 20px 20px 20px; 
}

.p-container:after {
 	clear:both;
  display:table;
  content:"";
}

.p-container span a {
  font-size:14px;
  display:block;
  float:left;
  color:#0d93ff;
  padding-top: 4px;
}

input[type=submit] {
 	padding:5px 20px;
  border:0;
  text-shadow:0 -1px 0 rgba(0,0,0,0.4);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.3),
    inset 0 10px 10px rgba(255,255,255,0.1);
  border-radius:0.3em;
  background: #f7f6f4; /* Old browsers */
  color:#14467C;
 width: 100%;
  float:right;
  font-weight:bold;
  cursor:pointer;
  font-size:15px;
  outline: none;
}

.msg{
	margin-left: 20px;
	color: #fff;
	font-size: 13px;
}
a{
color: #fff;
	font-size: 13px;
	/*text-decoration: none;	*/
    text-decoration: underline; /* Убираем подчеркивание */
}
a:hover {
    text-decoration: underline; /* Убираем подчеркивание */
    color: #fff; 
   }
a:visited {
    color: #fff; 
   }
.lnglink
{
text-align: right;	
padding-bottom: 10px;
}
.down-arrow {
 font-size: 50%;
 color: #fff;
}
.sub-menu 
{ 
   display: none; 
} 
.main-item:focus ~ .sub-menu, 
.main-item:active ~ .sub-menu, 
.sub-menu:hover 
{ 
   display: block; 
   text-decoration: none;
} 
a.no-underline
{
	text-decoration: none;
}
.whitetxt
{
font-size: 80%;
	color: #FFF;
	margin-bottom: 10px;
}
.wrongpass
{
	border: 1px solid #d7564b;
	padding: 3px;
	border-radius:0.3em;
	text-align: center;
	color: #fff;
    font-size: 13px;
    margin-bottom: 10px;

}
/*Menu language*/
select#soflow {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   /*background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);*/
   background-color: transparent;
   background-position: 97% center;
   background-repeat: no-repeat;
   border: none;
   color: #fff;
   font-size: 13px;
   font-family: 'Open Sans', Helvetica, Arial, sans-serif;
   /*font-size: inherit;*/
   /*margin: 20px;*/
   overflow: hidden;
   padding: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
   /*width: 300px;*/
   padding-left: 30px;
}
option {
   background-color: #28374c;
}

/*  /Menu language */






/*----start-responsive design-----*/
@media only screen and (max-width:1680px) {
	.main{
	margin:15em auto 0;
	}
  .main_wide{
  margin:15em auto 0;
  }
	.copy-right p {
	padding: 0em 0;
	}
}
@media only screen and (max-width:1440px)  {
	.main{
	margin:11em auto 0;
	width:24%;
	}
  .main_wide{
  margin:11em auto 0;
  width:50%;
  }
	.copy-right p {
	padding:3em 0;
	}
}
@media only screen and (max-width:1366px) {
	.main{
	margin:10em auto 0;
	width:25%;
	}
  .main_wide{
  margin:10em auto 0;
  width:50%;
  }
/*	.copy-right p {
	padding:3.5em 0;
	}*/
}
@media only screen and (max-width:1280px) {
	.main{
	margin:11em auto 0;
	width: 27%;
	}
  .main_wide{
  margin:11em auto 0;
  width: 50%;
  }
/*	.copy-right p {
	padding:4.3em 0;
	}*/
}
@media only screen and (max-width:1024px)  {
	.main{
	margin:12em auto 0;
	width:33%;
	}
  .main_wide{
  margin:12em auto 0;
  width:50%;
  }
/*	.copy-right p {
	padding:6em 0;
	}*/
}
@media only screen and (max-width:768px) {
	.main{
	margin: 14em auto 0;
	width: 43%;
	}
  .main_wide{
  margin: 14em auto 0;
  width: 70%;
  }
/*	.copy-right p {
	padding:6em 0;
	}*/
}
@media only screen and (max-width:640px) {
	.main{
	margin:14em auto 0;
	width:51%;
	}
  .main_wide{
  margin:14em auto 0;
  width:96%;
  }
/*	.copy-right p {
	padding:6em 0;
	}*/
}
@media only screen and (max-width:480px)  {
	.main{
	margin: 12em auto 0;
	width: 68%;
	}
  .main_wide{
  margin: 12em auto 0;
  width:96%;
  }
/*	.copy-right p {
	padding:6em 0;
	}*/
}
@media only screen and (max-width:320px) {
	.main{
	margin:7em auto 0;
	width:96%;
	}
  .main_wide{
  margin:7em auto 0;
  width:96%;
  }
/*	.copy-right p {
	padding:1em 0;
	}*/
}

/*----//end-responsive design-----*/