body {
  margin: 0; 
  font:medium normal Verdana, Arial, Helvetica, sans-serif;
}


#MainBlock {
  display: block;
}


#Header {
 height: 100px; 
  background-color: white;
}


#HeadLogo {
  display:inline-block; 
  float:left; 
  height:50px; 
  width:30%; 
  text-align:right; 
  padding:25px;
  background-color:#FFFFF;
}


#HeadMenu {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 50px;
  display:inline-block; 
  float:left;  
  width:600px; 
  background-color:#FFFFFF;
}

#menu {
  margin: 0;
  background-color: white;
  box-shadow: 0 3px 30px 0 rgba(0,0,0,0.2);
  text-decoration: none; /*убираем подчеркивание текста ссылок*/
}


li.menuItem {
  margin: 0; 
  padding-left: 15px;
  padding-right:15px;
  padding-top:43px;
  float: left;
  left: 30px;
  height:50px; 
  list-style: none;
  position: relative; 
  font-size: 17px; 
  background-color:#FFFFFF;
  text-decoration: none; /*убираем подчеркивание текста ссылок*/
}

li.menuItem:hover {
  border-top: 5px solid #53a8eb;
  padding-top: 38px;
  color: #53a8eb;
  text-decoration: none; /*убираем подчеркивание текста ссылок*/
}

li.menuItem:select {
  border-top: 5px solid #53a8eb;
  padding-top: 38px;
  color: #53a8eb;
}

 .err {
  font-size: 14px; color: #CF0000;
  font-family: Roboto;
  font-style: italic;
  text-align:center;
  padding: 15px;
  
}  

#LabErr {
padding: 15px;
}
	
	
#HeadPic {
  width:100%;
}



#Pic1 {
  width:100%;
}


#Block1 {
  float:none;
  position:static;
  width:100%;
  background-color:White;

}


#B1Title {
  width:100%; 
  background-color:#ff6f6f; 
  text-align:center; 
  color:White;
  padding-top: 1pt;
  padding-bottom: 1pt;
}


#Tab1 {
  display:table; 
  width:100%;
  padding: 25 25 25px;
}

#Tab1 > div {
  display:table-row;
}

#Tab1 > div div {
  display:table-cell;
  text-align:left;
}

#TabArrow1 {
  z-index: -1;
  margin: 0 auto;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  background-color: #ff6f6f;
  transform: rotate(-45deg);
}



#Block2 {
  position:static;
  width:100%;
  font-size:18pt;
  background-image: url(fon.jpg);
  background-size: cover;
  background-color: #d8d8d8;
  float: none;
}



#B2Title {
  width:100%; 
  float:none;
  background-color:#53a8eb; 
  text-align:center; 
  color:White;
  padding-top: 1pt;
  padding-bottom: 1pt;
}


#Block4 {
  display: block;
  background-color: #53a8eb;
  width:100%;
  height:100%;
  text-align: center;
  padding: 50px;
}

#TabArrow2 {
  z-index: -1;
  margin: 0 auto;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  background-color: #53a8eb;
  transform: rotate(-45deg);
}

div.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 20 0px;
	text-align: center;
	overflow: hidden;
	
}

div.container2 {
  padding: 60 60 60 60px;
  text-align: right;
  overflow: hidden;
}


div.container3 {
  padding: 60 60 60 60px;
  overflow: hidden;
}


div.necessary{
    font-size: 14px;
    font-family: "RobotoLight";
    color: rgb( 28, 30, 31 );
    margin: 90px 0 60px 0;
	text-align:center;
	max-width: 1200 px;
}
 div.necessary div{
  width: 300px;
  margin: 0 45px 34px 45px;
  display: inline-block;
  vertical-align: top;
}
div.necessary div.no_margin{
 margin: 0;
 clear: left;
}

div.firstCol {
  clear:left;
  width: 300px;
  margin: 0 45px 34px 45px;
  vertical-align: top;
}


div.necessary div img{
 margin: 0 0 10px 0;
}


 div.section_1{
  text-align: center;
  padding: 146px 0 117px 0;
  color: rgb( 255, 255, 255 );
  background-size: cover;
}


#B2Pic1 {
  display: inline-block;
  vertical-align: top;
  max-width: 570px;
  text-align: center;
  text-decoration: none;
  font-family: "RobotoLight";
  color: rgb( 0, 0, 0 );
  margin: 90 0 60 0;
  position: relative;
}

#B2Text {
  display: block;
  margin-left: 60px;
	
}

#B2Foot {
  height:70px;
}



#Block3 {
  clear:left;
  float:none;
  position:static;
  font-size:18pt;
  text-align:left;
}

#B3Title {
  width:100%; 
  float:none;
  background-color:#ff6f6f; 
  text-align:center; 
  color:White;
  padding-top: 1pt;
  padding-bottom: 1pt;
}


#PicComp {
  display: block;
  float:left;
  text-align:center;
  width:70%;
  max-width: 850px;
  padding: 0 0 0 30px;
  vertical-align: top;
}

#PicComp2 {
  display: block;
  text-align:center;
  width:70%;
  max-width: 850px;
  padding: 0 0 0 30px;
  vertical-align: top;
}

#B3text  {
  width:700px;
  display: block;
  text-align:left;
  padding: 20 10 50 20px;	
  float:left;
  vertical-align: top;
  color: #666;
}

#Footer {
  float: left;
  margin: 0 0 0 0;
  width: 100%;
  background-color: #666666;
  color: #0000d0;
}



div.contacts {
  font-size: 16px;
  color: #ffffff;
  padding:20 150 20 200px;
  border-bottom: 1px solid #888888;
  text-align: left;
  overflow:hidden;
}

div.contacts a{
 display: inline-block;
 vertical-align: middle;
 color: #ffffff;
}
div.contacts a:hover{
 display: inline-block;
 vertical-align: middle;
 color: #53a8eb;
}

div.contacts i{
  margin: 0 6px 0 0;
  color: #ffffff;
  text-align: justify;
}


#contacts-txt {
 display: inline-block;
 vertical-align: middle;
 float: right;
 text-align: left;
 white-space:nowrap;
}

#FootCopyright {
  text-align: center;
  color:white;
  clear: left;
  padding:30 0 30 0px;
  
}

#FootCopyright a{
 display: inline-block;
 vertical-align: middle;
 color: #ffffff;
}  


#InformTxt {
  display: inline-block;
  width:40%;
  margin:30px;
  padding: 50px; 
  text-align: left;
  line-height: 30pt;
  color: #666;
  float: left;
  background-color:White;
  box-shadow: 0 3px 30px 0 rgba(0,0,0,0.2);
}



#BlockAuth {
  position:absolute;
  right:5%;
  top:0px;
  width:386px;
  height:416px;
  background-color:White;
  box-shadow: 0 3px 30px 0 rgba(0,0,0,0.2);
}


#TitleAuth {
  text-align:center;
  width:100%;
  background-color:#53a8eb;
  color:White;
  padding-top:1px;
  padding-bottom:1px;
}


#BAuth2 {
  text-align:center;
  width:100%;
  padding: 0 0 1px;
 
}


#BAuthRow1 {
  height:30px;
}




#TBLogin {
  height:35px;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #e3e3e3;
  outline: 0;
  display: inline-block;
  margin: 0 0 15;
  width: 60%;
  text-align:center;
}

#TBPass {
  height:35px;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #e3e3e3;
  outline: 0;
  display: inline-block;
  margin: 0 0 20;
  width: 60%;
  text-align:center;
}


#botBlock{
  text-align:center;
  width: 100%;
}


#BtnEnter{
  font-weight: 700;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  padding: .8em;
  border-radius: 5px;
  background: #666;
  width: 150px;
  text-align: center;
}

#BtnEnter:hover { 
  background: #888; 
  color:white;
}
  
  
#BtnEnter1 {
  display: block;
  font-weight: 700;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  padding: .8em;
  border-radius: 5px;
  background: #666;
  width: 150px;
  text-align: center;
}

#BtnEnter1:hover { 
  background: #888; 
  color:white;
}

#BAuthRow2 {
  text-align:center;
  display: block;
  padding-top:15px;
  padding-bottom:15px;
}


 #BlockFeedBack {
  top:0px;
  width:386px;
  height:500px;
  background-color:White;
  box-shadow: 0 3px 30px 0 rgba(0,0,0,0.2);
  float: left;
  display: inline-block;
  margin:30px;
}  



#TitleFeedBack {
  text-align:center;
  width:100%;
  background-color:#53a8eb;
  color:White;
  padding-top:1px;
  padding-bottom:1px;
}


#BFeedBack2 {
  text-align:center;
  width:100%;
  padding: 0 0 1px;
 
}


#BFeedBack1 {
  height:30px;
}




#TBName {
  height:35px;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #e3e3e3;
  outline: 0;
  display: inline-block;
  margin: 0 0 20;
  width: 60%;
  text-align:center;
}

#TBName:valid {
  background: url(check.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 0px 8px;
}
  


#TBEmail {
  height:35px;
  background-color: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #e3e3e3;
  outline: 0;
  display: inline-block;
  margin: 0 0 20;
  width: 60%;
  text-align:center;
}

#TBEmail:valid {
  background: url(check.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 0px 8px;
}



#TBMessage {
  height:100px;
  background-color: transparent;
  border: 1px solid #e3e3e3;
  outline: 0;
  display: inline-block;
  margin: 0 0 20;
  width: 60%;
  padding: 10px;
}

#botBlock2{
  text-align:center;
  width: 100%;
}


#BlockForm3 {
  background-color:white;
  width:500px;
  height:500px;
  position:absolute;
  top:0px;
  left:50%;
  margin-left:-250px;
  display: block; 
  box-shadow: 0 3px 30px 0 rgba(0,0,0,0.2);
  padding: 80 30 30 30pt; 
}

h1{
  font-family: "ProximaNovaBold";
  font-size:30pt;

}


h2{
  font-family: "ProximaNovaBold";
  font-size:24pt;
  Margin: 5px;
}


h3{
  font-family: "ProximaNovaBold";
  font-size:16pt;
  margin-bottom: -15px;
}


h4{
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11pt;
}


p {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14pt;	
}

p.about {
  text-indent: 30px; /* Отступ первой строки в пикселах */
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14pt;
}

a:link {
  color: #666;  
}
a:visited {
  color: #EF7D55;
}
a:hover {
  color: #53a8eb 
}
a:active {
  color: #497DDD; 
}



@font-face {
	font-family: "ProximaNovaRegular";
	src: url("../fonts/ProximaNovaRegular/ProximaNovaRegular.eot");
	src: url("../fonts/ProximaNovaRegular/ProximaNovaRegular.eot?#iefix")format("embedded-opentype"),
	url("../fonts/ProximaNovaRegular/ProximaNovaRegular.woff") format("woff"),
	url("../fonts/ProximaNovaRegular/ProximaNovaRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
	}

@font-face {
	font-family: "ProximaNovaBold";
	src: url("../fonts/ProximaNovaBold/ProximaNovaBold.eot");
	src: url("../fonts/ProximaNovaBold/ProximaNovaBold.eot?#iefix")format("embedded-opentype"),
	url("../fonts/ProximaNovaBold/ProximaNovaBold.woff") format("woff"),
	url("../fonts/ProximaNovaBold/ProximaNovaBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
	}

	
@font-face {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	}
  
  @font-face {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: bold;
	}