@chapset "utf-8";
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,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,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,input{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;

	box-sizing:border-box;
}
sub{
 vertical-align:sub;
}
sup{
 vertical-align:sup;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	display:block;
}
body{
	line-height:1;
}
ol,ul{
margin: 0 0 0 0px;
}
ol li,ul li {
padding: 0px 0;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
	content:'';
	content:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
strong {
	font-weight: 900;
}



@font-face {
    font-family: 'OpenSans';
    src: local('Open Sans'), local('OpenSans'), url('../fonts/opensans/opensans.woff2') format('woff2'), url('../fonts/opensans/opensans.woff') format('woff'), url('../fonts/opensans/opensans.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: local('Open Sans Bold'), local('OpenSansBold'), url('../fonts/opensans/opensansbold.woff2') format('woff2'), url('../fonts/opensans/opensansbold.woff') format('woff'), url('../fonts/opensans/opensansbold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: local('Open Sans Light'), local('OpenSansLight'), url('../fonts/opensans/opensanslight.woff2') format('woff2'), url('../fonts/opensans/opensanslight.woff') format('woff'), url('../fonts/opensans/opensanslight.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

html,body  {
padding: 0;
margin: 0;
min-width: 970px !important;
display:block; 
height:100%; 
width:100%;
position:relative;
font: 100 16px "OpenSans";
color: #222222;
color: #222222;
background: #ffffff;
}

#container {
width:100%;
min-height:100%;
_height:100%;
}

#main{
position: relative;
padding-bottom: 428px; 
position: relative;
width: 100%;
margin: 0 auto;
}



h1 {
font: 900 32px "OpenSans";
padding: 10px 0 25px 0;
color: #222222;
text-align: center;
margin: 20px 0 20px;
	background: url(../images/hr.jpg) center 74px no-repeat;
}



h2 {
font: 900 24px "OpenSans";
padding: 10px 0 10px 0;
color: #222222;
text-align: center;
}

h3 {
font: 100 18px "OpenSans";
padding: 10px 0 10px 0;
}

a {
font: 100 16px "OpenSans";
color: #2390da;
text-decoration: underline;
}

a:hover {
text-decoration:none;
}
a:active {

}
p {
font: 100 16px "OpenSans";
color: #222222;
padding: 10px 0 10px 0;
line-height: 156%;
text-align: justify;
}
strong {
font-weight: 700;
}
.pull-right {
	float: right;
	margin: 0 0 0 20px;
}

.head {
	height: 215px;
	position: relative;
}

.logo {
	float: left;
	height: 146px;
}
.logo img {
	width: 234px;
	margin: 17px 0px 0 0px;
	float: left;
	display: block;
	z-index:100;
}
.logo a {
	text-decoration: none;
	color: #000000;
}

.kontaks a { 
text-decoration: none;
color: #282828;
	font: 100 20px 'OpenSans';
}
.kontaks a:hover {
text-decoration: underline;
}
.kontaks {
	background: url(../images/tel1.jpg) 19px 36px no-repeat;
	padding: 35px 0 0 100px;
	margin: 0 0 0 200px;
		float: left;
}
.kontaks2 {
		float: right;
	margin: 35px 0 0 0;
}
.vstupit a {
	display: block;
	margin: 0 0 10px 0;
	width: 262px;
	height: 60px;
	border-radius: 30px;
	background-color: #49b4b6;
	text-decoration: none;
	text-align: center;
	padding: 20px 0 0 0;
	font: 100 14px "OpenSansBold";
color: #fff;
}

.arhiv {
	margin: 20px auto;
		width: 262px;
	height: 60px;
	
}
.arhiv a {
	display: block;
	
	width: 262px;
	height: 60px;
	border-radius: 30px;
	border: 2px solid #49b4b6;
	text-decoration: none;
	text-align: center;
	padding: 20px 0 0 0;
	font: 100 14px "OpenSansBold";
	text-transform: uppercase;
		background: url(../images/ar1.png) 210px 22px no-repeat;
color: #49b4b6;
}

.arhiv a:hover {
	text-decoration: underline;
	
}

.mailto a {
	display: block;
	text-decoration: underline;
	text-align: left;
	padding: 0px 0 0 0;
	font: 100 16px "OpenSans";
color: #49b4b6;
}
.zvonok a {
	display: block;
	text-decoration: pointer;
	text-align: left;
	padding: 0px 0 0 0;
	font: 100 14px "OpenSansBold";
color: #49b4b6;
}

.head2 {
		background-color: #49b4b6;
	height: 70px;
}




.menu2 {
	float: left;
	height: 70px;
	margin: 0px 0 0 0px;
	z-index: 100;
}
.menu2 ul {
	padding: 0 0 0 0;
	margin: 0px 0 0 30px;
		height: 70px;
	
	z-index: 100;
}
.menu2 ul li {
	padding: 0 0px 0 0;
	margin: 0px;
	float: left;
	list-style: none;
	
}
.menu2 ul li  a {
	display: block;
	padding: 22px 35px 14px 35px;
	float: left;
	list-style: none;
	font: 100 16px "OpenSansBold";
color: #fefefe;
text-decoration: none;
text-transform: uppercase;
}


.menu2 ul li  a:hover {
text-decoration: none;
	background-color:#49b4b6;
}


/*------------------------------------*\
	НАВИГАЦИЯ
\*------------------------------------*/
.menu2 ul {
	width:100%;
}
.menu2 ul li{
	position:relative;
	display:block;
}


/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
.menu2 ul ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:0; /* Устанавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
	background:#fff; 
	z-index: 10;
	width: 350px;
	padding: 20px 0 0 0;
	margin: 48px 0 0 0;
		background-color:#49b4b6;
	
}
.menu2 ul ul li {
	display: block;
	float:none;
	background:#fff; 
	padding: 0px;
	margin: 0px;
}
.menu2 ul ul li a{
	/*white-space:nowrap;  Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
	float: none;
	padding: 12px 20px 14px 20px;
	margin: 0px;
	font: 100 14px "OpenSans";
color: #fff;
}
.menu2 ul li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}
.menu2 ul li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	text-decoration:none;
		background-color:#49b4b6;
color: #fff;
}
.menu2 ul li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;	
	
}
.menu2 ul li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	text-decoration:underline;
}
.item-101 {
		background: url(../images/ar0.jpg) 97px 29px no-repeat;

}
.vhodright {
		background: url(../images/vhod.jpg) 1px 17px no-repeat;
	padding: 22px 0 30px 130px;
	float: right;
	margin: 0 30px 0 0;
}
.vhodright a{
text-decoration: none;
	font: 100 16px "OpenSans";
color: #fff;
}

.vhodright a:hover {
text-decoration: underline;
}




.myslaids {
background: url(../images/gaz.jpg) center -150px no-repeat;
height: 220px;
width: 100%;
margin: -34px 0 0 0;
z-index: 0;
}

.textslaid {
	display: none;
background: url(../images/pryam.png) center 25px no-repeat;
text-align: center;
height: 200px;
margin: 30px 0 0 0;
font: 100 34px "OpenSansBold";
    line-height: normal;
color: #fff;
line-height: 47px;
}


.zayavka {
	float: right;
	margin: 25px 0 20px 0;
	padding: 31px 38px;
	max-width: 750px;
	background-color: #49b4b6; 
	color: #fff;
}
.zayavkatx1 {
	font: 100 22px "RobotoRegular";
	margin: 0 0 20px 0;
    
}
.zayavkatx2 {
	font: 100 14px "RobotoRegular";
    
	margin: 0 0 15px 0;
}


.zayavkatx3 {
	font: 100 14px "RobotoRegular";
	margin: 0 0 15px 0;
}

.zayavkatx3 a {
font: 100 19px "RobotoRegular";
padding: 0 20px 0 0;
text-decoration: none;
color: #fff;
}

#username, #password {
color: #5c5c5c; 
height: 42px;
width: 296px;
margin: 0 0 15px 0;
font: 100 14px "RobotoRegular";
background-color: #fff;
padding: 0px 0 0 20px;
letter-spacing: 0.05em;
border: 1px solid #777;	
}
#system-message h4.alert-heading {
	color: red;
	font-weight: 900;
}

.formaz input[type="text"] { 
color: #5c5c5c; 
height: 42px;
width: 296px;
margin: 0 0 15px 0;
font: 100 14px "RobotoRegular";
background-color: #fff;
padding: 0px 0 0 20px;
letter-spacing: 0.05em;
} 
.btn-bl {
	width: 156px;
	height: 52px;
	background-color: #1f80c5;
	text-align: center;
	border-radius: 6px;
	color: #fff;
	font: 100 14px "RobotoRegular";
	cursor: pointer;
}


/* Контейнер */
.modalnew {
display: block !important;
/* Слой перекрытия */
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 10000;

/* Трансформации прозрачности при открытии  */
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;

/* Скрываем изначально */
opacity: 0;
pointer-events: none;
}

/* Показываем модальное окно */
.modalnew:target {
opacity: 1;
pointer-events: auto;
}

/* Содержание */
.modalnew > div {
width: 500px;
height: 166px;

background: #ffffff;
position: relative;
margin: 10% auto 0 auto;

/* По умолчанию минимизируем анимацию */
-webkit-animation: minimise 500ms linear;

/* Придаем хороший вид */
padding: 30px 72px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);
text-shadow: 0 1px 0 #fff;
}

/* Изменяем анимацию при открытии модального окна*/
.modalnew:target > div {
-webkit-animation-name: bounce;
}

.modalnew h2 {
font-size: 36px;
padding: 0 0 20px;
}

@-webkit-keyframes bounce {
  0% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
  	-webkit-transform: scale3d(1.08,1.08,1);
  	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
  	-webkit-transform: scale3d(0.95,0.95,1);
  	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
  	-webkit-transform: scale3d(1,1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-webkit-keyframes minimise {
  0% {
  	-webkit-transform: scale3d(1,1,1);
  }
  100% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  }
}

/* Ссылка на кнопку Закрыть */
.modalnew a[href="#close"] {
position: absolute;
right: 0;
top: 0;
color: transparent;
}

/* Сбрасываем изменения */
.modalnew a[href="#close"]:focus {
outline: none;
}

/* Создаем кнопку Закрыть */
.modalnew a[href="#close"]:after {
content: 'X';
display: block;

/* Позиционируем */
position: absolute;
right: -10px;
top: -10px;
width: 20px;
padding: 1px 1px 1px 2px;

/* Стили */
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: #000;
color: #ffffff;
border: 3px solid #ffffff;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.modalnew a[href="#close"]:focus:after,
.modalnew a[href="#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}

.modalnew a[href="#close"]:focus:after {
outline: 0px solid #000;
}

/* Открываем модальное окно */
a.openModal {

}

a.openModal:hover,
a.openModal:focus {
}

.modalnew .black-btn {
	float: left;
}
.modalnew .btn {
	font-weight: 100;
}
.modalnew .modalnew_title {
	display: block;
	text-align: center;
	font-size: 22pt;
}
















.menufooter  .nav {
	display: block;
}

.menufooter ul li {
	padding: 0 0px 0px 23px;
	margin: 13px 0 0 0;
	list-style: none;
	background: url(../images/ar1.png) left 5px no-repeat;


	
}
.menufooter a {
	font: 100 16px "OpenSansBold";
    line-height: normal;
color: #fff;
text-decoration: none;
}


.footerzag  {
font: 900 24px "OpenSans";
padding: 10px 0 25px 0;
color: #fff;
text-align: left;
margin: 36px 0 5px 0;
	background: url(../images/hr.jpg) left 49px no-repeat;
}
.geo {
background: url(../images/geo.png) left 0 no-repeat;
font: 100 16px "OpenSans";
color: #fff;	
padding: 33px 0 0 0;
margin: 0 0 20px 0;
}
.footertel {
background: url(../images/tel2.png) left 0 no-repeat;
font: 100 16px "OpenSans";
color: #fff;	
padding: 33px 0 0 0;
margin: 0 0 20px 0;
}

.footermail {
background: url(../images/mail.png) left 0 no-repeat;
font: 100 16px "OpenSans";
color: #fff;	
padding: 27px 0 0 0;
margin: 0 0 20px 0;
}

.footertel a {
text-decoration: none;	
}
.footertel a:hover, .menufooter a:hover {
text-decoration: underline;	
}
.footertel a, .footermail a {
	display: block;
font: 100 16px "OpenSans";
color: #fff;	
}


.copyright {
	font: 100 16px "OpenSans";
color: #fff;	
}
.logo3 {
	margin: 54px 0 25px 0;
}
.colf {
	width: 33%;
	float: left;
}


.news {
	width: 750px;
	float: left;
}

.news .nspCol2 {
    width: 47%;
    margin: 1%;
}

#form1 input[type="text"] { 
color: #6c6c6c; 
height: 50px;
width: 241px;
font: 100 16px "OpenSansLight";
	border-radius: 29px;
	background-color: #fff;
	border: 1px solid #e8e8e8;
	margin: 0 0 15px 0;
	padding: 0 0 0 27px;
		letter-spacing: 0.05em;
} 
#form1 input[type="submit"] { 
color: #fff; 
height: 50px;
width: 241px;
	font: 100 16px "Akrobatsemibold";
text-align: center;
	border-radius: 29px;
	background-color: #e3536d;
	border: 1px solid #e3536d;
	margin: 10px 0 0px 0;
	padding: 0 0 0 0;
		letter-spacing: 0.07em;
} 
#form1 input[type="submit"]:hover { 
color: #000;
}
#form1 input[type="text"]::placeholder { color: #7c7c7c; } 





#footer {
color: #fff;
width: 100%;
background: url(../images/back2.jpg) top center no-repeat;
height: 428px; /* высота футера */
margin-top: -428px; /* отрицательный маргин, равный высоте футера */
position:relative; /* Чтобы футер "всплыл" из под дива #container, если этого не сделать,
			то ссылки в футере не кликабельны и нельзя выделить текст*/
}

.video {
	float: right;
	padding: 20px 0 0 0;
}


@media (max-width: 1170px){
	.video {
	float: none;
	width: 340px;
	margin: 0 auto;
	padding: 0px 0 0 0;
}

.kontaks {
	margin: 0 0 0 50px;
}
.menu2 ul li a {
    padding: 22px 25px 14px 35px;
}
}