body {
  margin: 0;
background-attachment:fixed;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  background-color: #ffffff !impotant;
  min-width: 1000px !important; min-height: 700px !important;
}

@font-face {
  font-family: "ProximaNova"; 
  src: url('fonts/Proxima Nova Regular.otf');
  src: url('fonts/Proxima Nova Regular Italic.otf') 
  url('fonts/pProxima Nova Extra Condensed Extrabold Italic.otf'),
  url('fonts/proxima_nova_light-webfont.woff') format('woff'),
  url('fonts/proxima_nova_light-webfont.ttf') format('truetype'),
  url('fonts/proxima_nova_light-webfont.svg#proxima_nova_ltlight') format('svg');
  font-weight: 300;
  font-style: normal;
}
input:required {     background:hsl(180, 50%, 90%);     border:1px solid #999; }
input:valid, input:in-range {     background:hsl(120, 73%, 75%);    border-color:hsl(120, 50%, 50%); }  input:invalid, input:out-of-range {     border-color:hsl(0, 79%, 72%);     background:hsl(0, 79%, 72%); }
@font-face {
  font-family: "ProximaNovabold"; 
  src: url('fonts/Proxima Nova Semibold.otf');
  
  font-weight: 300;
  font-style: normal;
}
#bb{
font-weight: 800;
font-family: 'Exo 2', sans-serif;
}
.clearfix {
  *zoom: 1 !impotant;
}.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.image {
	position	: relative;
	width		: 100%; /* for IE 6 */
}
.pdff{
font-family: "ProximaNova"; 

font-size: 16px;
left:0px;
top:10px;
line-height:1.3;color:black;

}
h6 {
	position	: absolute;
	top		: 190px;
	left		: 10px;
	width		: 100%;
 font-size: 20px;
 color: white;
 
}
#onb{position	: absolute;
	top		: 80px;
	left		: 10px;
	width		: 100%;
 font-size: 18px;
 color: white;
 
}
#obshaga{position	: absolute;
	top		: 160px;
	left		: 0px;
	width		: 100%;
 font-size: 20px;
 color: white;
 text-align: center;
}
#armia{position	: absolute;
	top		: 200px;
	left		: 0px;
	width		: 100%;
 font-size: 20px;
 color: white;
 text-align: center;
}
a {font-family: "ProximaNova"; 
    color: #000000; /* ���� ������� ������ */
    padding: 2px; /* ���� ������ ������ */
   }
   a:visited {
    color: #000000; /* ���� ���������� ������ */
   } 
   a:hover {
    text-decoration: none; /* ������� ������������� */
    color: #000080; /* ���� ������ ��� ��������� �� ��� ������� ���� */  
    
   }
#h{

position	: absolute;
	top		: 320px;
	left		: 0px;
	width		: 100%;
 font-size: 20px;
 color: white;
 text-align: center;
}
.textspec{
font-family: "ProximaNova"; 
 font-size: 14px;
 color: white;
}
.textpodrob{
font-family: "ProximaNova"; 
 font-size: 16px;
 color: white;
 text-align: center;
}
.top{
top: 10px;
}
#rt{
left: 30px
}
.texto{font-family: "ProximaNova"; 
margin-left:80px;
top: 20px;
font-size: 15px;

}


#pic{
float: left;
margin: 20px auto;
}
table {;
    margin: 0px auto;
     /* ����� ������ ������� */
    color:black;

border-spacing: 17px 5px; }
   td {font-family: "ProximaNova"; 
    text-align: left; /* ����������� ����� �� ������ ������ */
    color:black;
    padding: 7px ;
   
   
   }
   .clss{
   border-bottom: 2px solid lightgray;
   }
   .ping{
   background-color: pink;
   }
   th{text-align: left;font-family: "ProximaNova"; 
   
line-height:1.3;color:black;font-size: 15px;
   }
   #toop{background: url('../images/toop.png') no-repeat center;
    display:block;
   margin:0 auto;
   padding: 100px
   }
   #toop1{
   
   background: url('../images/toop1.png') no-repeat center;
    display:block;
   margin:0px auto;
   width: 955px;
   position:left;
   left:5px;
   
  
   }
   #podval{
   background: url('../images/pod.png') no-repeat center;
    display:block;
   margin:0 auto;
 
   
   }
   #podvaln{
margin:0 auto;
width:80%;
text-align:center;
   padding:7px 14px;
position:relative;
   top: 30%;
    left: 0;
    
	width: 100%;
   }
   .ce{
   text-align: center;
   font-family: "ProximaNova"; 
 

   }
   #heading1, #heading2, #heading3, #heading4{
	position: absolute;
	margin: 0 auto;
	left: 0px;
    opacity:0;
}
   .niz{
   top: 90px
   
   }
   #photo{
   color: black;
   }
   .bb{
   color: red;
   }
   .ttt{
left: 24px;
font-size: 24px;
text-align:left;font-family: "ProximaNova"; 

line-height:1.3;color:white;
top:-70px
}
   .pink {font-family: "ProximaNova"; 
   
    color: white;
    text-align: center;
    top: 80px}
    .pinki{font-size:1em;
    color:white;
    text-align: center;
    font-family: "ProximaNova";
    }
.diamondsContainer{margin-top:21px;}
.diamond-container{margin-top:56px;}

.topsl{
width: 100px;
  margin: 11% auto;
}
.rw{
left: 70px
}

.slidewrap {
	border: 1px solid #deddde;
	overflow: hidden !important;
	position: relative;
	width: 100%;
}
.first { position: relative; width: 100%; padding: 5px 0; }
.first .slidewrap { width: 92.6%; margin: 0 auto; }
.topp{font-family: "ProximaNova"; 
font-size: 24px;
text-align:left;

line-height:1.3;color:#877E7E;
left:5px;
padding-top: 0.5%;
margin-right: auto; /* ������ ������ */
  
}
.abou{
width:100%
}
.cente{
margin-right: auto; /* ������ ������ */
  margin-left: auto
}
.cent{
margin:0 auto;
}
.center{
margin: 20px auto;
}
.center1{
margin:0 auto;
}
.center2{
margin: 0 auto;
}
.text2{font-family: "ProximaNova"; 
float:left;
padding-left: 0px auto;
margin: 10px auto; 

padding-top: 10px;
font-family:  "Arial";
line-height:1.3;color:black;
}
p{font-family: "ProximaNova"; 
line-height:1.3;color:black;
left:50px;
}
SPAN{font-family: "ProximaNova"; 
padding-left: 55px ; color:black;
}
.tt1{font-family: "ProximaNova"; 
font-size: 20px;
text-align:left;

line-height:1.3;color:black;
margin-left:20%
}.tt1{font-family: "ProximaNova"; 
font-size: 20px;
text-align:left;

line-height:1.3;color:black;
left: 80px
}
.ta{font-family: "ProximaNova"; 

font-size: 24px;
text-align:left;

line-height:1.3;color:#877E7E;
left: 7px;
}
.tt{font-family: "ProximaNova"; 

font-size: 24px;
text-align:left;

line-height:1.3;color:#877E7E;left:10px;
}

#t2t{font-family: "ProximaNova"; 
position:left;
left:5px;
font-size: 14px;
text-align:left;
line-height:1.3;color:black;
}
#t3t{font-family: "ProximaNova"; 
position:left;
left:7px;
font-size: 14px;
text-align:left;

line-height:1.3;color:black;
}
.tft1{font-family: "ProximaNova"; 

font-size: 12px;
line-height:1.3;color:#877E7E;
}
#tft{font-family: "ProximaNova"; 
position:left;
left:-70px;
font-size: 14px;
text-align:center;
line-height:1.3;color:black;
}
#tft1{font-family: "ProximaNova"; 
position:left;
left:-30px;
font-size: 14px;
text-align:center;
line-height:1.3;color:black;
}
.tft2{font-family: "ProximaNova"; 

font-size: 14px;
left:20px;
top:10px;
line-height:1.3;color:black;
}

.popup_justify_text {
  padding-right: 30px;
  text-align: justify;
}

.popup_justify_text_p {
  padding-right: 30px;
}
.tft2_nt{font-family: "ProximaNova"; 

  font-size: 14px;
  left:0px;
  top:0px;
  line-height:1.3;color:black;
  }

.left{
left: 400px;
margin: 0 auto

}
#rig{
text-align: left;
margin: 10px 150px;
}
.leftp{
left: 500px;
text-align: center

}
.left1{
left: auto;
}
.text1{
font-family: "ProximaNova"; 
font-size: 2em;
text-align:left;
line-height:1.3;
top: -10px;
color:white;


}

.text{font-family: "ProximaNova"; 
font-size: 16px;
text-align:left;
line-height:1.3;
padding-top:auto;

}
.text4{font-family: "ProximaNova"; 
width: 400px;
font-size: 16px;
text-align:left;
line-height:1.3;
padding-top:auto;
color: white;

}
.text5{font-family: "ProximaNova"; 
width: 400px;
font-size: 24px;
margin:0 auto;
text-align:left;
line-height:1.3;

color: white
}
.text6{font-family: "ProximaNova"; 
width: 400px;
font-size: 14px;
text-align:left;
line-height:1.3;
padding-top:auto;
color: white;

}
.text3{width: 870px;
font-size: 16px;
text-align:left;
line-height:1.3;color:black;
left: 100px;font-family: "ProximaNova"; 
}
.black{
color:black;
}
.clearfix:after {
  clear: both;
}

#menu-my-menul{font-family: "ProximaNova"; 
float:center;
font-size:1em;
font-weight:600;
margin-top:0px;position: fixed;
}
#menu-my-menul li{padding: 10px 35px 10px 10px; float: left;}
#menu-my-menul li:last-child{padding:10px;}
#menu-my-menul{font-size:16px;}
#menu-my-menul li{padding: 10px 20px 0px 10px;}
#menu-my-menul li:nth-child(3){padding: 10px 20px 10px 10px;}
.section-title, .section-sub-title, .item-name{color:#3f3f3f;
font-family: "ProximaNova"; }
.section-title, .section-sub-title,  .item-name{color:#3f3f3f;}
.section-title, #services .section-sub-title, #services .item-name{color:#3f3f3f;}
.section-title, #blog .section-sub-title, #blog .item-name{color:#3f3f3f;}
.section-title, .section-sub-title,  .item-name{color:#3f3f3f;}
.section-quote{color:#331515;border-left: 1px solid #eae6ca;}
.section-quote span{color:black;}
@media (min-width: 1200px) {
  
    
    h1,h2,h3, h4,h5,h6, #menu-my-menu{font-family: "ProximaNovabold"; }

.dropcap{color:#6A0404;}

.top-header{background:#ffffff;
position: absolute; /*������������� ���������*/
z-index: 100; /*���������� ���� ����*/
}

#menu-my-menu li a{color:#909090;
text-decoration:none;
}
 .span6 {
  width: 460px;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}
#fixmenu{
position: fixed; /*������������� ���������*/
z-index: 100; /*���������� ���� ����*/
}
.row {
    margin-left: -30px;
    *zoom: 1;}}
    
    h1,h2,h3, h4,h5,h6, #menu-my-menu{font-family: "ProximaNova"; }

.dropcap{color:#6A0404;}



#menu-my-menu li a{color:#909090;
text-decoration:none;
}.container {
  width: 960px;
}
 .span6 {
  width: 460px;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

 .row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
} 
  .span12 {
  width: 940px;
}p {font-family: "ProximaNova"; 
  margin: 0 0 10px;
   font-family:times new roman;
}
 .span12 {
    width: 1000px;
  }
  

 .baner{

text-align: center;
 }
 
 .podgotov{
  padding-top: 1%;
  margin: 4% 160px;
  
  }
  .bloc{ 
       
      left:10%; }
  
 .block{ 
       display: inline-block;
    width: 25%;
    height: 100px;
     margin: 20px 20px;
    border-radius: 15px;
    box-shadow: 1px 1px 3px #999;
    
   
    }
  .asu{
  
  background: url(../images/special/asu.jpg) no-repeat center;
  }
  
  .bio{
   background: url(../images/special/bio.jpg) no-repeat;
  }
  .iatr{
  background: url(../images/special/iatr.jpg) no-repeat;
  
  }
 
  
  .innov{
  
 background: url(../images/special/innov.jpg) no-repeat;
  }
  .pdm{
  background: url(../images/special/pdm.jpg) no-repeat;
  }
  .pir{
 background: url(../images/special/pir.jpg) no-repeat;
  }
  .size{
 font-family:times new roman;
  margin: 150px 10px;
  font-size:20px;
  color: black;
  }
  .col-md-4,.col-md-8{
position:relative;
min-height:1px;
padding-left:15px;
padding-right:15px;
float:left;
width:66.66666667%
}

.col-sm-12,.col-sm-12{
position:relative;
min-height:1px;
padding-left:15px;
padding-right:15px;
float:left;
width:100%;
}
 
 
 
 
 .phone_form {
	width: 300px;
	margin: 50px auto;
	position: relative;
}
#user_phone {
	width: 300px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 8px 8px 8px 36px;
	height: 40px;
	border: 1px solid #ccc;
	font-size: 16px;
	color: #363636;
}
#user_phone:focus {
	outline: none;
	border-color: #363636;
}
input#user_phone:-moz-placeholder {
	color: #363636;
}
input#user_phone::-webkit-input-placeholder {
	color: #363636;
}
.user_phone {
	position: relative;
}
.user_phone:before {
	content: "+38";
	display: block;
	height: 40px;
	color: #363636;
	position: absolute;
	top: 6px;
	left: 7px;
	font-size: 16px;
}
.btn_submit {
	height: 30px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: #363636;
	color: #fff;
	border: none;
	width: 120px;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.btn_submit.disabled {
	color: #363636;
	background: #ccc;
}

img[tabindex="0"] {
  cursor: zoom-in;
}
img[tabindex="0"]:focus {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 99%;
  max-height: 99%;
  margin: auto;
  box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(210,210,210,.4);
}
img[tabindex="0"]:focus,  /* ������ ������, ���� �� �����, ����� ��� ����� �� ����������� ����, ��� ������������ � �������� ��������� */
img[tabindex="0"]:focus ~ * {
  pointer-events: none;
  cursor: zoom-out;
}
.lll{
margin:left;

}