@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,cyrillic);
/*Конституция*/
html{height:100%;font-size:14px}
body{width:100%;height:100%;color:#555;font-size:1rem;line-height:1.2;font-family:'PT Sans',Helvetica,sans-serif;background:#fff}
/*Классы и элементы*/
.wrapper{width:100%;max-width:1280px;padding:0 15px}
a{text-decoration:none;-webkit-transition:all linear .3s;transition:all linear .3s}
a:hover{text-decoration:underline}
/*Верхняя часть сайта*/
header{color:#fff;text-align:center;padding:15px 0;background:url(../images/bg/header.jpg) repeat-x}
.logo{float:left;display:inline-block}
.logo a{display:inline-block}
.logo img{vertical-align:middle;width:130px}
.description{display:inline-block;font-size:1.3571rem;padding:15px 0 0}
.phone{float:right;display:inline-block}
.phone_number{position:relative;display:block;color:#fff;font-size:1.7143rem;font-weight:700;margin:10px 0 0;padding:0 0 0 35px}
.phone_number:before{content:'';position:absolute;top:0;left:0;width:28px;height:28px;background:url(../images/sprite.png) no-repeat}
.phone_callback{display:block;color:#fff;font-size:1.2rem;margin:5px 0 0}
/*Меню*/
nav{font-size:0;text-align:center;background:-webkit-linear-gradient(top,#fff 18%,#b9b9b9 100%);background:linear-gradient(to bottom,#fff 18%,#b9b9b9 100%)}
nav li{display:inline-block}
nav a{display:block;color:#555;font-size:1.1rem;padding:20px 30px}
/*Промо блок*/
#promo{font-size:0;text-align:center;padding:70px 0;background:#5e92d6 url(../images/bg/promo.jpg) no-repeat center center;background-size:cover}
#promo h1{color:#fff;font-size:1.7143rem;font-weight:700;text-transform:uppercase}
#promo blockquote{max-width:600px;color:#fff;font-size:1.7143rem;font-weight:700;margin:50px auto}
#promo .promo_button{display:inline-block;color:#fff;font-size:1.7143rem;font-weight:700;padding:10px 60px;border:2px solid #fff;border-radius:5px;background:-webkit-linear-gradient(top,#5e92d6 0%,#4c76af 100%);background:linear-gradient(to bottom,#5e92d6 0%,#4c76af 100%)}
/*Продукция*/
#catalog{font-size:0;text-align:center;padding:50px 0}
#catalog h2{font-size:1.7143rem;font-weight:700}
#catalog li{display:inline-block;vertical-align:top;min-width:240px;width:25%;max-width:312.5px;margin:50px 0 0}
#catalog figure{padding:0 15px 20px;border-radius:5px}
#catalog figure:hover{background:#e8e8e8}
#catalog li a{display:inline-block}
#catalog figcaption{font-size:1.1429rem}
#catalog .catalog_button{display:inline-block;color:#fff;font-size:1rem;margin:20px 0 0;padding:10px 60px;border-radius:5px;background:-webkit-linear-gradient(top,#5e92d6 0%,#4c76af 100%);background:linear-gradient(to bottom,#5e92d6 0%,#4c76af 100%)}
/*Каталоги*/
#docs{font-size:0;text-align:center;padding:50px 0;background:#f9f9f9;border-top:1px solid #dadada;border-bottom:1px solid #dadada}
#docs h2{font-size:1.7143rem;font-weight:700}
#docs .item{display:inline-block;vertical-align:top;min-width:240px;width:25%;max-width:312.5px;font-size:1.1429rem;font-weight:700;margin:50px 0 0}
/*Контент*/
.content{font-size:0;padding:20px 0}
.content_text{display:inline-block;vertical-align:middle;min-width:300px;width:50%;max-width:625px;font-size:1rem;text-align:left;padding:0 10px}
.content h2{color:#000;font-size:1.2rem;margin:0 0 10px}
.content p{margin:0 0 10px}
.content ul{list-style:inside}
.content_image{display:inline-block;vertical-align:middle;min-width:300px;width:50%;max-width:625px;padding:0 10px}
.content_image img{width:100%}
/*Контакты*/
#map{z-index:1;width:100%;height:400px}
.ymaps-layers-pane{-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:url(/images/filters.svg#grayscale);-webkit-filter:grayscale(1)}
/*Нижняя часть сайта*/
footer{font-size:1rem;text-align:center;padding:20px 0}
/*Всплывающие окна*/
.overlay{z-index:20;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);cursor:default;opacity:0;visibility:hidden;-webkit-transition:opacity .5s;transition:opacity .5s}
.popup{z-index:20;position:fixed;top:50%;left:50%;min-width:280px;width:auto;max-width:940px;display:inline-block;background:#fff;padding:20px 40px;opacity:0;visibility:hidden;border-radius:5px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .5s,top .5s;transition:opacity .5s,top .5s}
.popup .close{position:absolute;top:15px;right:15px;cursor:pointer;color:#aaa;font-size:2.8571rem;font-weight:300;line-height:20px}
.popup .close:hover{color:#000}
.popup form{margin:20px}
.popup fieldset{text-align:center}
.popup legend{width:100%;color:#000;font-size:1.7429rem;margin:0 0 30px}
.popup input{display:block;width:280px;font-size:1rem;padding:6.5px 12px;border-radius:3px;border:1px solid #d5d5d5;box-shadow:none}
.popup button{color:#fff;font-size:1rem;padding:10px 60px;border:medium none;border-radius:5px;background:-webkit-linear-gradient(top,#5e92d6 0%,#4c76af 100%);background:linear-gradient(to bottom,#5e92d6 0%,#4c76af 100%)}
.popup p{font-size:1.0714rem;text-align:center;margin:20px 0 0}
.popup .result{overflow-x:hidden;overflow-y:auto;width:100%;min-height:300px;max-height:400px;font-size:.9rem}
.popup .result strong{font-weight:400}

.form__info {
	margin: 15px 0 0;
	color: #555;
	font-size: 13px;
	max-width: 300px;
}
.form__info:before {
	content: '✓';
	border: 1px solid #555;
	border-radius: 50%;
	display: inline-block;
	margin-right: .5em;
	font-size: 10px;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	text-align: center;
}
.form__info q {
	quotes: "\00ab" "\00bb";
}
.form__info a {
	color: inherit;
	text-decoration: none;
}
.form__info a:hover {
	text-decoration: underline;
}
.form__info.nonactive:before {
	content: '';
}
.dsbld button[type="submit"] {
	opacity: .6;
	cursor: default;
	transition: .3s;
}
.idk .wrapper {
	padding-top: 2em;
}
.idk h2, .idk p, .idk ul {
	margin: 0 0 1em;
}
.idk ul {
	list-style-type: disc;
	list-style-position: inside;
}

/*Адаптивная версия*/
@media screen and (max-width: 800px){
html{font-size:12px}
}
@media screen and (max-width: 480px){
html{font-size:10px}
}


.wr__left a, .wr__right a {
  color: #fefefe;
}