@font-face {
	font-family: 'PTSansRegular';
	src: url('../fonts/PTS55F_W.eot');
	src:
	     url('../fonts/PTS55F_W.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/PTS55F_W.woff') format('woff'),
	     url('../fonts/PTS55F_W.ttf') format('truetype'),
	     url('../fonts/PTS55F_W.svg#PTSans-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
background:#000;
color:#555;
font-family: 'PT Sans', sans-serif, 'PTSansRegular', 'Arial';
overflow-y:scroll;
}

body {
padding: 0px; 
margin: 0px;
width: 100%;
min-width: 1024px;
height: auto;
}

.video-js {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.videocontant {
width: 100%;
background: #000;
position: relative;
overflow: hidden;
aspect-ratio: 16 / 9;
}

#video_container {
height: auto;
width: 100%;
float: left;
background: #000;
}

.work {
height: auto;
width: 100%;
background: #fff;
margin: auto;
}

#work_container {
height: auto;
width: 100%;
margin: auto;
}

#infota {
height: auto;
width: 100%;
color: #fff;
background: url(../img/back_action.png) repeat;
}

#infotastarttext {
height: auto;
width: 95%;
margin: auto;
text-align: left;
font-size: 18px;
color: #000;
padding-top:1%;
padding-bottom:1%;
}

.infoabouttext {
height: auto;
width: 95%;
margin: auto;
padding-top: 35px;
text-align: left;
font-size: 18px;
color: #000;
background: #fff;
padding-bottom: 35px;
}

.infoabouttext2 {
height: auto;
width: 1000px;
margin: auto;
text-align: left;
font-size: 18px;
color: #000;
background: #fff;
padding-bottom: 35px;
}

.infoabouttext2 a {
text-decoration: none;
color: #000;
}

.info {
height: auto;
width: 100%;
margin: auto;
background: #fff;
}

.info_back {
height: auto;
width: 100%;
margin: auto;
background: #fff;
overflow: hidden;
}

#videoworkslevel1 {
height: auto;
width: 100%;
margin: auto;
}

#videoworkslevel2 {
height: auto;
width: 100%;
margin: auto;
}

#videoworkslevel3 {
height: auto;
width: 100%;
margin: auto;
}

#videoworkslevel4 {
height: auto;
width: 100%;
margin: auto;
}

#videoworkslevel5 {
height: auto;
width: 100%;
margin: auto;
}

.img {
width: 32%;
margin-left: 1%;
height: auto;
float: left;
}

#img_contant_post {
height: auto;
width: 100%;
margin: auto;
}

#img_contant_text {
height: auto;
width: auto;
text-align:left;
font-size: 18px;
color: #000;
padding-top: 15px;
padding-bottom: 15px;
float: left;
}

.infotitle {
height: auto;
width: 100%;
margin: auto;
text-align:center;
font-size: 35px;
color: #fff;
padding-top: 30px;
padding-bottom: 30px;
color: #000;
background: #fff;
}

#header {
background: #000;
height: 100px;
z-index: 999;
width: 100%;
overflow: hidden;
}

#header_menu {
margin: auto;
height: 100px;
width: 90%;
min-width: 1000px;
margin-top: 0px; 
}

#menu_source {
float:right;
height: 20px;
width: auto;
margin-top: 40px;
}

#menu {
height: 20px;
width: auto;
text-align: right;
}

#menu ul {
list-style-type:none;
margin:0;
padding:0;
}

#menu ul li {
display:inline;
padding-left: 35px;
padding-right: 35px;
border-left: 1px solid #fff;
}

#menu ul li:first-child {
padding-left: 0px;
border-left: 0px;
}

#menu ul li:first-child+li+li+li+li+li+li {
padding-right: 0px;
}

#menu ul li a {
text-decoration: none;
color: #fff;
font-size: 16px;
font-weight: normal;
}

#menu ul li a:hover {
text-decoration: underline;
}

#logo {
background: url(../img/logotext.png);
height: 70px;
width: 130px;
float:left;
margin-top: 15px;
}

.logo_link {
height: 100%;
width: 100%;
}

.logo_link a {
height: 100%;
width: 100%;
display: block;
}

.privilege_block {
height: auto;
width: 100%;
margin: auto;
background: #fff;
}

.info_block {
height: auto;
width: 100%;
margin: auto;
background: #fff;
}

.privilege {
height: auto;
width: 95%;
min-width: 1000px;
margin: auto;
}

.privilege_info {
height: auto;
width: 16.6%;
float: left;
text-align: left;
font-size: 18px;
color: #363636;
overflow: hidden;
word-wrap: break-word;
}

.privilege_img {
height: auto;
width: 100%;
margin: auto;
}

.privilege_img img {
pointer-events: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
display: block;
}

.privilege_text {
height: auto;
width: 95%;
margin: auto;
padding-bottom: 30px;
font-size: 18px;
color: #000;
}

.divClear {
height:auto;
width: 100%;
clear:both;
}

#titlepartdback {
height: auto;
width: 100%;
padding: 0px; 
margin: auto;
background: #000;
}

#titlecontaynerback {
height: auto;
width: 96%;
padding: 0px; 
margin: auto;
}

#textcontaynerback {
height: auto;
width: auto;
padding-top: 45px;
padding-bottom: 45px;
float:right;
color:#fff;
font-size: 19px;
text-align:right;
}

#back {
width: 100%;
height: auto;
margin: auto;
background: #fff;
}

.infotcontacts {
height: auto;
width: 1000px;
margin: auto;
text-align:left;
font-size: 18px;
color: #fff;
padding-bottom: 35px;
}

#infocontacttittle {
height: auto;
width: 65%;
margin: auto;
text-align: left;
font-size: 65px;
color: #000;
float: left;
}

#infocontacpost {
height: auto;
width: 35%;
margin: auto;
float: left;
}

#infocontacpostall {
height: auto;
width: 100%;
margin: auto;
text-align: center;
font-size: 18px;
color: #000;
background: url(../img/back_action.png) repeat;
margin-top: 30px;
padding-bottom: 30px;
padding-top: 30px;
}

#zayavka{
height: auto;
width: 100%;
margin: auto;
}

#otvet {
width: 100%;
height:auto;
text-align: center;
font-size: 18px;
color: #fff;
}

#feedback-form {
  width: 100%;
  height:auto;
}

#user {
  width: 100%;
  border: 1px dashed #7d7d7d;
  height: 35px;
  margin: auto;
  background: #fff;
  text-align: center;
}


#user:hover {
background: url(../img/back_action.png) repeat;
}

#userinfo {
  width: 100%;
  border: 1px dashed #7d7d7d;
  height: 130px;
  margin: auto;
  background: #fff;
}

#userinfo:hover {
background: url(../img/back_action.png) repeat;
}

input[type=text] {
    width: 100%;
    border:none;
    padding: 0;
}

.ktext {
  width: 100%;
  height: 30px;
  margin: auto;
  text-align: center;
  font-size: 18px;
  color: #000;
  padding-top: 10px;
}

textarea {
  resize: none;
  border: none;
  padding: 0;
}

#knopka {
  width: 100%;
  border: 3px solid #ee4101;
  height: 50px;
  margin: auto;
  margin-top: 30px;
  font-size: 18px;
  padding: 10px;
  font-weight:bold;
  color: #000;
  background: #fff;
}

#knopka:hover {
  background: #ee4101;
  color: #fff;
}

#knopka:focus {
  background: #f4f4f4;
  color: #363636;
}

input[type="text"]:focus {
outline: none;
}

textarea:focus {
outline: none;
}

input[type="submit"]:focus {
outline: none;
}